/*! Select2 4.0.6-rc.1 | https://github.com/select2/select2/blob/master/LICENSE.md */!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof module&&module.exports?module.exports=function(b,c){return void 0===c&&(c="undefined"!=typeof window?require("jquery"):require("jquery")(b)),a(c),c}:a(jQuery)}(function(a){var b=function(){if(a&&a.fn&&a.fn.select2&&a.fn.select2.amd)var b=a.fn.select2.amd;var b;return function(){if(!b||!b.requirejs){b?c=b:b={};var a,c,d;!function(b){function e(a,b){return v.call(a,b)}function f(a,b){var c,d,e,f,g,h,i,j,k,l,m,n,o=b&&b.split("/"),p=t.map,q=p&&p["*"]||{};if(a){for(a=a.split("/"),g=a.length-1,t.nodeIdCompat&&x.test(a[g])&&(a[g]=a[g].replace(x,"")),"."===a[0].charAt(0)&&o&&(n=o.slice(0,o.length-1),a=n.concat(a)),k=0;k0&&(a.splice(k-1,2),k-=2)}a=a.join("/")}if((o||q)&&p){for(c=a.split("/"),k=c.length;k>0;k-=1){if(d=c.slice(0,k).join("/"),o)for(l=o.length;l>0;l-=1)if((e=p[o.slice(0,l).join("/")])&&(e=e[d])){f=e,h=k;break}if(f)break;!i&&q&&q[d]&&(i=q[d],j=k)}!f&&i&&(f=i,h=j),f&&(c.splice(0,h,f),a=c.join("/"))}return a}function g(a,c){return function(){var d=w.call(arguments,0);return"string"!=typeof d[0]&&1===d.length&&d.push(null),o.apply(b,d.concat([a,c]))}}function h(a){return function(b){return f(b,a)}}function i(a){return function(b){r[a]=b}}function j(a){if(e(s,a)){var c=s[a];delete s[a],u[a]=!0,n.apply(b,c)}if(!e(r,a)&&!e(u,a))throw new Error("No "+a);return r[a]}function k(a){var b,c=a?a.indexOf("!"):-1;return c>-1&&(b=a.substring(0,c),a=a.substring(c+1,a.length)),[b,a]}function l(a){return a?k(a):[]}function m(a){return function(){return t&&t.config&&t.config[a]||{}}}var n,o,p,q,r={},s={},t={},u={},v=Object.prototype.hasOwnProperty,w=[].slice,x=/\.js$/;p=function(a,b){var c,d=k(a),e=d[0],g=b[1];return a=d[1],e&&(e=f(e,g),c=j(e)),e?a=c&&c.normalize?c.normalize(a,h(g)):f(a,g):(a=f(a,g),d=k(a),e=d[0],a=d[1],e&&(c=j(e))),{f:e?e+"!"+a:a,n:a,pr:e,p:c}},q={require:function(a){return g(a)},exports:function(a){var b=r[a];return void 0!==b?b:r[a]={}},module:function(a){return{id:a,uri:"",exports:r[a],config:m(a)}}},n=function(a,c,d,f){var h,k,m,n,o,t,v,w=[],x=typeof d;if(f=f||a,t=l(f),"undefined"===x||"function"===x){for(c=!c.length&&d.length?["require","exports","module"]:c,o=0;o0&&(b.call(arguments,a.prototype.constructor),e=c.prototype.constructor),e.apply(this,arguments)}function e(){this.constructor=d}var f=b(c),g=b(a);c.displayName=a.displayName,d.prototype=new e;for(var h=0;h":">",'"':""","'":"'","/":"/"};return"string"!=typeof a?a:String(a).replace(/[&<>"'\/\\]/g,function(a){return b[a]})},c.appendMany=function(b,c){if("1.7"===a.fn.jquery.substr(0,3)){var d=a();a.map(c,function(a){d=d.add(a)}),c=d}b.append(c)},c.__cache={};var e=0;return c.GetUniqueElementId=function(a){var b=a.getAttribute("data-select2-id");return null==b&&(a.id?(b=a.id,a.setAttribute("data-select2-id",b)):(a.setAttribute("data-select2-id",++e),b=e.toString())),b},c.StoreData=function(a,b,d){var e=c.GetUniqueElementId(a);c.__cache[e]||(c.__cache[e]={}),c.__cache[e][b]=d},c.GetData=function(b,d){var e=c.GetUniqueElementId(b);return d?c.__cache[e]&&null!=c.__cache[e][d]?c.__cache[e][d]:a(b).data(d):c.__cache[e]},c.RemoveData=function(a){var b=c.GetUniqueElementId(a);null!=c.__cache[b]&&delete c.__cache[b]},c}),b.define("select2/results",["jquery","./utils"],function(a,b){function c(a,b,d){this.$element=a,this.data=d,this.options=b,c.__super__.constructor.call(this)}return b.Extend(c,b.Observable),c.prototype.render=function(){var b=a('
    ');return this.options.get("multiple")&&b.attr("aria-multiselectable","true"),this.$results=b,b},c.prototype.clear=function(){this.$results.empty()},c.prototype.displayMessage=function(b){var c=this.options.get("escapeMarkup");this.clear(),this.hideLoading();var d=a('
  • '),e=this.options.get("translations").get(b.message);d.append(c(e(b.args))),d[0].className+=" select2-results__message",this.$results.append(d)},c.prototype.hideMessages=function(){this.$results.find(".select2-results__message").remove()},c.prototype.append=function(a){this.hideLoading();var b=[];if(null==a.results||0===a.results.length)return void(0===this.$results.children().length&&this.trigger("results:message",{message:"noResults"}));a.results=this.sort(a.results);for(var c=0;c0?b.first().trigger("mouseenter"):a.first().trigger("mouseenter"),this.ensureHighlightVisible()},c.prototype.setClasses=function(){var c=this;this.data.current(function(d){var e=a.map(d,function(a){return a.id.toString()});c.$results.find(".select2-results__option[aria-selected]").each(function(){var c=a(this),d=b.GetData(this,"data"),f=""+d.id;null!=d.element&&d.element.selected||null==d.element&&a.inArray(f,e)>-1?c.attr("aria-selected","true"):c.attr("aria-selected","false")})})},c.prototype.showLoading=function(a){this.hideLoading();var b=this.options.get("translations").get("searching"),c={disabled:!0,loading:!0,text:b(a)},d=this.option(c);d.className+=" loading-results",this.$results.prepend(d)},c.prototype.hideLoading=function(){this.$results.find(".loading-results").remove()},c.prototype.option=function(c){var d=document.createElement("li");d.className="select2-results__option";var e={role:"treeitem","aria-selected":"false"};c.disabled&&(delete e["aria-selected"],e["aria-disabled"]="true"),null==c.id&&delete e["aria-selected"],null!=c._resultId&&(d.id=c._resultId),c.title&&(d.title=c.title),c.children&&(e.role="group",e["aria-label"]=c.text,delete e["aria-selected"]);for(var f in e){var g=e[f];d.setAttribute(f,g)}if(c.children){var h=a(d),i=document.createElement("strong");i.className="select2-results__group";a(i);this.template(c,i);for(var j=[],k=0;k",{class:"select2-results__options select2-results__options--nested"});n.append(j),h.append(i),h.append(n)}else this.template(c,d);return b.StoreData(d,"data",c),d},c.prototype.bind=function(c,d){var e=this,f=c.id+"-results";this.$results.attr("id",f),c.on("results:all",function(a){e.clear(),e.append(a.data),c.isOpen()&&(e.setClasses(),e.highlightFirstItem())}),c.on("results:append",function(a){e.append(a.data),c.isOpen()&&e.setClasses()}),c.on("query",function(a){e.hideMessages(),e.showLoading(a)}),c.on("select",function(){c.isOpen()&&(e.setClasses(),e.highlightFirstItem())}),c.on("unselect",function(){c.isOpen()&&(e.setClasses(),e.highlightFirstItem())}),c.on("open",function(){e.$results.attr("aria-expanded","true"),e.$results.attr("aria-hidden","false"),e.setClasses(),e.ensureHighlightVisible()}),c.on("close",function(){e.$results.attr("aria-expanded","false"),e.$results.attr("aria-hidden","true"),e.$results.removeAttr("aria-activedescendant")}),c.on("results:toggle",function(){var a=e.getHighlightedResults();0!==a.length&&a.trigger("mouseup")}),c.on("results:select",function(){var a=e.getHighlightedResults();if(0!==a.length){var c=b.GetData(a[0],"data");"true"==a.attr("aria-selected")?e.trigger("close",{}):e.trigger("select",{data:c})}}),c.on("results:previous",function(){var a=e.getHighlightedResults(),b=e.$results.find("[aria-selected]"),c=b.index(a);if(!(c<=0)){var d=c-1;0===a.length&&(d=0);var f=b.eq(d);f.trigger("mouseenter");var g=e.$results.offset().top,h=f.offset().top,i=e.$results.scrollTop()+(h-g);0===d?e.$results.scrollTop(0):h-g<0&&e.$results.scrollTop(i)}}),c.on("results:next",function(){var a=e.getHighlightedResults(),b=e.$results.find("[aria-selected]"),c=b.index(a),d=c+1;if(!(d>=b.length)){var f=b.eq(d);f.trigger("mouseenter");var g=e.$results.offset().top+e.$results.outerHeight(!1),h=f.offset().top+f.outerHeight(!1),i=e.$results.scrollTop()+h-g;0===d?e.$results.scrollTop(0):h>g&&e.$results.scrollTop(i)}}),c.on("results:focus",function(a){a.element.addClass("select2-results__option--highlighted")}),c.on("results:message",function(a){e.displayMessage(a)}),a.fn.mousewheel&&this.$results.on("mousewheel",function(a){var b=e.$results.scrollTop(),c=e.$results.get(0).scrollHeight-b+a.deltaY,d=a.deltaY>0&&b-a.deltaY<=0,f=a.deltaY<0&&c<=e.$results.height();d?(e.$results.scrollTop(0),a.preventDefault(),a.stopPropagation()):f&&(e.$results.scrollTop(e.$results.get(0).scrollHeight-e.$results.height()),a.preventDefault(),a.stopPropagation())}),this.$results.on("mouseup",".select2-results__option[aria-selected]",function(c){var d=a(this),f=b.GetData(this,"data");if("true"===d.attr("aria-selected"))return void(e.options.get("multiple")?e.trigger("unselect",{originalEvent:c,data:f}):e.trigger("close",{}));e.trigger("select",{originalEvent:c,data:f})}),this.$results.on("mouseenter",".select2-results__option[aria-selected]",function(c){var d=b.GetData(this,"data");e.getHighlightedResults().removeClass("select2-results__option--highlighted"),e.trigger("results:focus",{data:d,element:a(this)})})},c.prototype.getHighlightedResults=function(){return this.$results.find(".select2-results__option--highlighted")},c.prototype.destroy=function(){this.$results.remove()},c.prototype.ensureHighlightVisible=function(){var a=this.getHighlightedResults();if(0!==a.length){var b=this.$results.find("[aria-selected]"),c=b.index(a),d=this.$results.offset().top,e=a.offset().top,f=this.$results.scrollTop()+(e-d),g=e-d;f-=2*a.outerHeight(!1),c<=2?this.$results.scrollTop(0):(g>this.$results.outerHeight()||g<0)&&this.$results.scrollTop(f)}},c.prototype.template=function(b,c){var d=this.options.get("templateResult"),e=this.options.get("escapeMarkup"),f=d(b,c);null==f?c.style.display="none":"string"==typeof f?c.innerHTML=e(f):a(c).append(f)},c}),b.define("select2/keys",[],function(){return{BACKSPACE:8,TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,DELETE:46}}),b.define("select2/selection/base",["jquery","../utils","../keys"],function(a,b,c){function d(a,b){this.$element=a,this.options=b,d.__super__.constructor.call(this)}return b.Extend(d,b.Observable),d.prototype.render=function(){var c=a('');return this._tabindex=0,null!=b.GetData(this.$element[0],"old-tabindex")?this._tabindex=b.GetData(this.$element[0],"old-tabindex"):null!=this.$element.attr("tabindex")&&(this._tabindex=this.$element.attr("tabindex")),c.attr("title",this.$element.attr("title")),c.attr("tabindex",this._tabindex),this.$selection=c,c},d.prototype.bind=function(a,b){var d=this,e=(a.id,a.id+"-results");this.container=a,this.$selection.on("focus",function(a){d.trigger("focus",a)}),this.$selection.on("blur",function(a){d._handleBlur(a)}),this.$selection.on("keydown",function(a){d.trigger("keypress",a),a.which===c.SPACE&&a.preventDefault()}),a.on("results:focus",function(a){d.$selection.attr("aria-activedescendant",a.data._resultId)}),a.on("selection:update",function(a){d.update(a.data)}),a.on("open",function(){d.$selection.attr("aria-expanded","true"),d.$selection.attr("aria-owns",e),d._attachCloseHandler(a)}),a.on("close",function(){d.$selection.attr("aria-expanded","false"),d.$selection.removeAttr("aria-activedescendant"),d.$selection.removeAttr("aria-owns"),d.$selection.focus(),window.setTimeout(function(){d.$selection.focus()},0),d._detachCloseHandler(a)}),a.on("enable",function(){d.$selection.attr("tabindex",d._tabindex)}),a.on("disable",function(){d.$selection.attr("tabindex","-1")})},d.prototype._handleBlur=function(b){var c=this;window.setTimeout(function(){document.activeElement==c.$selection[0]||a.contains(c.$selection[0],document.activeElement)||c.trigger("blur",b)},1)},d.prototype._attachCloseHandler=function(c){a(document.body).on("mousedown.select2."+c.id,function(c){var d=a(c.target),e=d.closest(".select2");a(".select2.select2-container--open").each(function(){a(this),this!=e[0]&&b.GetData(this,"element").select2("close")})})},d.prototype._detachCloseHandler=function(b){a(document.body).off("mousedown.select2."+b.id)},d.prototype.position=function(a,b){b.find(".selection").append(a)},d.prototype.destroy=function(){this._detachCloseHandler(this.container)},d.prototype.update=function(a){throw new Error("The `update` method must be defined in child classes.")},d}),b.define("select2/selection/single",["jquery","./base","../utils","../keys"],function(a,b,c,d){function e(){e.__super__.constructor.apply(this,arguments)}return c.Extend(e,b),e.prototype.render=function(){var a=e.__super__.render.call(this);return a.addClass("select2-selection--single"),a.html(''),a},e.prototype.bind=function(a,b){var c=this;e.__super__.bind.apply(this,arguments);var d=a.id+"-container";this.$selection.find(".select2-selection__rendered").attr("id",d).attr("role","textbox").attr("aria-readonly","true"),this.$selection.attr("aria-labelledby",d),this.$selection.on("mousedown",function(a){1===a.which&&c.trigger("toggle",{originalEvent:a})}),this.$selection.on("focus",function(a){}),this.$selection.on("blur",function(a){}),a.on("focus",function(b){a.isOpen()||c.$selection.focus()})},e.prototype.clear=function(){var a=this.$selection.find(".select2-selection__rendered");a.empty(),a.removeAttr("title")},e.prototype.display=function(a,b){var c=this.options.get("templateSelection");return this.options.get("escapeMarkup")(c(a,b))},e.prototype.selectionContainer=function(){return a("")},e.prototype.update=function(a){if(0===a.length)return void this.clear();var b=a[0],c=this.$selection.find(".select2-selection__rendered"),d=this.display(b,c);c.empty().append(d),c.attr("title",b.title||b.text)},e}),b.define("select2/selection/multiple",["jquery","./base","../utils"],function(a,b,c){function d(a,b){d.__super__.constructor.apply(this,arguments)}return c.Extend(d,b),d.prototype.render=function(){var a=d.__super__.render.call(this);return a.addClass("select2-selection--multiple"),a.html('
      '),a},d.prototype.bind=function(b,e){var f=this;d.__super__.bind.apply(this,arguments),this.$selection.on("click",function(a){f.trigger("toggle",{originalEvent:a})}),this.$selection.on("click",".select2-selection__choice__remove",function(b){if(!f.options.get("disabled")){var d=a(this),e=d.parent(),g=c.GetData(e[0],"data");f.trigger("unselect",{originalEvent:b,data:g})}})},d.prototype.clear=function(){var a=this.$selection.find(".select2-selection__rendered");a.empty(),a.removeAttr("title")},d.prototype.display=function(a,b){var c=this.options.get("templateSelection");return this.options.get("escapeMarkup")(c(a,b))},d.prototype.selectionContainer=function(){return a('
    • ×
    • ')},d.prototype.update=function(a){if(this.clear(),0!==a.length){for(var b=[],d=0;d1||c)return a.call(this,b);this.clear();var d=this.createPlaceholder(this.placeholder);this.$selection.find(".select2-selection__rendered").append(d)},b}),b.define("select2/selection/allowClear",["jquery","../keys","../utils"],function(a,b,c){function d(){}return d.prototype.bind=function(a,b,c){var d=this;a.call(this,b,c),null==this.placeholder&&this.options.get("debug")&&window.console&&console.error&&console.error("Select2: The `allowClear` option should be used in combination with the `placeholder` option."),this.$selection.on("mousedown",".select2-selection__clear",function(a){d._handleClear(a)}),b.on("keypress",function(a){d._handleKeyboardClear(a,b)})},d.prototype._handleClear=function(a,b){if(!this.options.get("disabled")){var d=this.$selection.find(".select2-selection__clear");if(0!==d.length){b.stopPropagation();var e=c.GetData(d[0],"data"),f=this.$element.val();this.$element.val(this.placeholder.id);var g={data:e};if(this.trigger("clear",g),g.prevented)return void this.$element.val(f);for(var h=0;h0||0===d.length)){var e=a('×');c.StoreData(e[0],"data",d),this.$selection.find(".select2-selection__rendered").prepend(e)}},d}),b.define("select2/selection/search",["jquery","../utils","../keys"],function(a,b,c){function d(a,b,c){a.call(this,b,c)}return d.prototype.render=function(b){var c=a('');this.$searchContainer=c,this.$search=c.find("input");var d=b.call(this);return this._transferTabIndex(),d},d.prototype.bind=function(a,d,e){var f=this;a.call(this,d,e),d.on("open",function(){f.$search.trigger("focus")}),d.on("close",function(){f.$search.val(""),f.$search.removeAttr("aria-activedescendant"),f.$search.trigger("focus")}),d.on("enable",function(){f.$search.prop("disabled",!1),f._transferTabIndex()}),d.on("disable",function(){f.$search.prop("disabled",!0)}),d.on("focus",function(a){f.$search.trigger("focus")}),d.on("results:focus",function(a){f.$search.attr("aria-activedescendant",a.id)}),this.$selection.on("focusin",".select2-search--inline",function(a){f.trigger("focus",a)}),this.$selection.on("focusout",".select2-search--inline",function(a){f._handleBlur(a)}),this.$selection.on("keydown",".select2-search--inline",function(a){if(a.stopPropagation(),f.trigger("keypress",a),f._keyUpPrevented=a.isDefaultPrevented(),a.which===c.BACKSPACE&&""===f.$search.val()){var d=f.$searchContainer.prev(".select2-selection__choice");if(d.length>0){var e=b.GetData(d[0],"data");f.searchRemoveChoice(e),a.preventDefault()}}});var g=document.documentMode,h=g&&g<=11;this.$selection.on("input.searchcheck",".select2-search--inline",function(a){if(h)return void f.$selection.off("input.search input.searchcheck");f.$selection.off("keyup.search")}),this.$selection.on("keyup.search input.search",".select2-search--inline",function(a){if(h&&"input"===a.type)return void f.$selection.off("input.search input.searchcheck");var b=a.which;b!=c.SHIFT&&b!=c.CTRL&&b!=c.ALT&&b!=c.TAB&&f.handleSearch(a)})},d.prototype._transferTabIndex=function(a){this.$search.attr("tabindex",this.$selection.attr("tabindex")),this.$selection.attr("tabindex","-1")},d.prototype.createPlaceholder=function(a,b){this.$search.attr("placeholder",b.text)},d.prototype.update=function(a,b){var c=this.$search[0]==document.activeElement;if(this.$search.attr("placeholder",""),a.call(this,b),this.$selection.find(".select2-selection__rendered").append(this.$searchContainer),this.resizeSearch(),c){this.$element.find("[data-select2-tag]").length?this.$element.focus():this.$search.focus()}},d.prototype.handleSearch=function(){if(this.resizeSearch(),!this._keyUpPrevented){var a=this.$search.val();this.trigger("query",{term:a})}this._keyUpPrevented=!1},d.prototype.searchRemoveChoice=function(a,b){this.trigger("unselect",{data:b}),this.$search.val(b.text),this.handleSearch()},d.prototype.resizeSearch=function(){this.$search.css("width","25px");var a="";if(""!==this.$search.attr("placeholder"))a=this.$selection.find(".select2-selection__rendered").innerWidth();else{a=.75*(this.$search.val().length+1)+"em"}this.$search.css("width",a)},d}),b.define("select2/selection/eventRelay",["jquery"],function(a){function b(){}return b.prototype.bind=function(b,c,d){var e=this,f=["open","opening","close","closing","select","selecting","unselect","unselecting","clear","clearing"],g=["opening","closing","selecting","unselecting","clearing"];b.call(this,c,d),c.on("*",function(b,c){if(-1!==a.inArray(b,f)){c=c||{};var d=a.Event("select2:"+b,{params:c});e.$element.trigger(d),-1!==a.inArray(b,g)&&(c.prevented=d.isDefaultPrevented())}})},b}),b.define("select2/translation",["jquery","require"],function(a,b){function c(a){this.dict=a||{}}return c.prototype.all=function(){return this.dict},c.prototype.get=function(a){return this.dict[a]},c.prototype.extend=function(b){this.dict=a.extend({},b.all(),this.dict)},c._cache={},c.loadPath=function(a){if(!(a in c._cache)){var d=b(a);c._cache[a]=d}return new c(c._cache[a])},c}),b.define("select2/diacritics",[],function(){return{"Ⓐ":"A","A":"A","À":"A","Á":"A","Â":"A","Ầ":"A","Ấ":"A","Ẫ":"A","Ẩ":"A","Ã":"A","Ā":"A","Ă":"A","Ằ":"A","Ắ":"A","Ẵ":"A","Ẳ":"A","Ȧ":"A","Ǡ":"A","Ä":"A","Ǟ":"A","Ả":"A","Å":"A","Ǻ":"A","Ǎ":"A","Ȁ":"A","Ȃ":"A","Ạ":"A","Ậ":"A","Ặ":"A","Ḁ":"A","Ą":"A","Ⱥ":"A","Ɐ":"A","Ꜳ":"AA","Æ":"AE","Ǽ":"AE","Ǣ":"AE","Ꜵ":"AO","Ꜷ":"AU","Ꜹ":"AV","Ꜻ":"AV","Ꜽ":"AY","Ⓑ":"B","B":"B","Ḃ":"B","Ḅ":"B","Ḇ":"B","Ƀ":"B","Ƃ":"B","Ɓ":"B","Ⓒ":"C","C":"C","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","Ç":"C","Ḉ":"C","Ƈ":"C","Ȼ":"C","Ꜿ":"C","Ⓓ":"D","D":"D","Ḋ":"D","Ď":"D","Ḍ":"D","Ḑ":"D","Ḓ":"D","Ḏ":"D","Đ":"D","Ƌ":"D","Ɗ":"D","Ɖ":"D","Ꝺ":"D","DZ":"DZ","DŽ":"DZ","Dz":"Dz","Dž":"Dz","Ⓔ":"E","E":"E","È":"E","É":"E","Ê":"E","Ề":"E","Ế":"E","Ễ":"E","Ể":"E","Ẽ":"E","Ē":"E","Ḕ":"E","Ḗ":"E","Ĕ":"E","Ė":"E","Ë":"E","Ẻ":"E","Ě":"E","Ȅ":"E","Ȇ":"E","Ẹ":"E","Ệ":"E","Ȩ":"E","Ḝ":"E","Ę":"E","Ḙ":"E","Ḛ":"E","Ɛ":"E","Ǝ":"E","Ⓕ":"F","F":"F","Ḟ":"F","Ƒ":"F","Ꝼ":"F","Ⓖ":"G","G":"G","Ǵ":"G","Ĝ":"G","Ḡ":"G","Ğ":"G","Ġ":"G","Ǧ":"G","Ģ":"G","Ǥ":"G","Ɠ":"G","Ꞡ":"G","Ᵹ":"G","Ꝿ":"G","Ⓗ":"H","H":"H","Ĥ":"H","Ḣ":"H","Ḧ":"H","Ȟ":"H","Ḥ":"H","Ḩ":"H","Ḫ":"H","Ħ":"H","Ⱨ":"H","Ⱶ":"H","Ɥ":"H","Ⓘ":"I","I":"I","Ì":"I","Í":"I","Î":"I","Ĩ":"I","Ī":"I","Ĭ":"I","İ":"I","Ï":"I","Ḯ":"I","Ỉ":"I","Ǐ":"I","Ȉ":"I","Ȋ":"I","Ị":"I","Į":"I","Ḭ":"I","Ɨ":"I","Ⓙ":"J","J":"J","Ĵ":"J","Ɉ":"J","Ⓚ":"K","K":"K","Ḱ":"K","Ǩ":"K","Ḳ":"K","Ķ":"K","Ḵ":"K","Ƙ":"K","Ⱪ":"K","Ꝁ":"K","Ꝃ":"K","Ꝅ":"K","Ꞣ":"K","Ⓛ":"L","L":"L","Ŀ":"L","Ĺ":"L","Ľ":"L","Ḷ":"L","Ḹ":"L","Ļ":"L","Ḽ":"L","Ḻ":"L","Ł":"L","Ƚ":"L","Ɫ":"L","Ⱡ":"L","Ꝉ":"L","Ꝇ":"L","Ꞁ":"L","LJ":"LJ","Lj":"Lj","Ⓜ":"M","M":"M","Ḿ":"M","Ṁ":"M","Ṃ":"M","Ɱ":"M","Ɯ":"M","Ⓝ":"N","N":"N","Ǹ":"N","Ń":"N","Ñ":"N","Ṅ":"N","Ň":"N","Ṇ":"N","Ņ":"N","Ṋ":"N","Ṉ":"N","Ƞ":"N","Ɲ":"N","Ꞑ":"N","Ꞥ":"N","NJ":"NJ","Nj":"Nj","Ⓞ":"O","O":"O","Ò":"O","Ó":"O","Ô":"O","Ồ":"O","Ố":"O","Ỗ":"O","Ổ":"O","Õ":"O","Ṍ":"O","Ȭ":"O","Ṏ":"O","Ō":"O","Ṑ":"O","Ṓ":"O","Ŏ":"O","Ȯ":"O","Ȱ":"O","Ö":"O","Ȫ":"O","Ỏ":"O","Ő":"O","Ǒ":"O","Ȍ":"O","Ȏ":"O","Ơ":"O","Ờ":"O","Ớ":"O","Ỡ":"O","Ở":"O","Ợ":"O","Ọ":"O","Ộ":"O","Ǫ":"O","Ǭ":"O","Ø":"O","Ǿ":"O","Ɔ":"O","Ɵ":"O","Ꝋ":"O","Ꝍ":"O","Ƣ":"OI","Ꝏ":"OO","Ȣ":"OU","Ⓟ":"P","P":"P","Ṕ":"P","Ṗ":"P","Ƥ":"P","Ᵽ":"P","Ꝑ":"P","Ꝓ":"P","Ꝕ":"P","Ⓠ":"Q","Q":"Q","Ꝗ":"Q","Ꝙ":"Q","Ɋ":"Q","Ⓡ":"R","R":"R","Ŕ":"R","Ṙ":"R","Ř":"R","Ȑ":"R","Ȓ":"R","Ṛ":"R","Ṝ":"R","Ŗ":"R","Ṟ":"R","Ɍ":"R","Ɽ":"R","Ꝛ":"R","Ꞧ":"R","Ꞃ":"R","Ⓢ":"S","S":"S","ẞ":"S","Ś":"S","Ṥ":"S","Ŝ":"S","Ṡ":"S","Š":"S","Ṧ":"S","Ṣ":"S","Ṩ":"S","Ș":"S","Ş":"S","Ȿ":"S","Ꞩ":"S","Ꞅ":"S","Ⓣ":"T","T":"T","Ṫ":"T","Ť":"T","Ṭ":"T","Ț":"T","Ţ":"T","Ṱ":"T","Ṯ":"T","Ŧ":"T","Ƭ":"T","Ʈ":"T","Ⱦ":"T","Ꞇ":"T","Ꜩ":"TZ","Ⓤ":"U","U":"U","Ù":"U","Ú":"U","Û":"U","Ũ":"U","Ṹ":"U","Ū":"U","Ṻ":"U","Ŭ":"U","Ü":"U","Ǜ":"U","Ǘ":"U","Ǖ":"U","Ǚ":"U","Ủ":"U","Ů":"U","Ű":"U","Ǔ":"U","Ȕ":"U","Ȗ":"U","Ư":"U","Ừ":"U","Ứ":"U","Ữ":"U","Ử":"U","Ự":"U","Ụ":"U","Ṳ":"U","Ų":"U","Ṷ":"U","Ṵ":"U","Ʉ":"U","Ⓥ":"V","V":"V","Ṽ":"V","Ṿ":"V","Ʋ":"V","Ꝟ":"V","Ʌ":"V","Ꝡ":"VY","Ⓦ":"W","W":"W","Ẁ":"W","Ẃ":"W","Ŵ":"W","Ẇ":"W","Ẅ":"W","Ẉ":"W","Ⱳ":"W","Ⓧ":"X","X":"X","Ẋ":"X","Ẍ":"X","Ⓨ":"Y","Y":"Y","Ỳ":"Y","Ý":"Y","Ŷ":"Y","Ỹ":"Y","Ȳ":"Y","Ẏ":"Y","Ÿ":"Y","Ỷ":"Y","Ỵ":"Y","Ƴ":"Y","Ɏ":"Y","Ỿ":"Y","Ⓩ":"Z","Z":"Z","Ź":"Z","Ẑ":"Z","Ż":"Z","Ž":"Z","Ẓ":"Z","Ẕ":"Z","Ƶ":"Z","Ȥ":"Z","Ɀ":"Z","Ⱬ":"Z","Ꝣ":"Z","ⓐ":"a","a":"a","ẚ":"a","à":"a","á":"a","â":"a","ầ":"a","ấ":"a","ẫ":"a","ẩ":"a","ã":"a","ā":"a","ă":"a","ằ":"a","ắ":"a","ẵ":"a","ẳ":"a","ȧ":"a","ǡ":"a","ä":"a","ǟ":"a","ả":"a","å":"a","ǻ":"a","ǎ":"a","ȁ":"a","ȃ":"a","ạ":"a","ậ":"a","ặ":"a","ḁ":"a","ą":"a","ⱥ":"a","ɐ":"a","ꜳ":"aa","æ":"ae","ǽ":"ae","ǣ":"ae","ꜵ":"ao","ꜷ":"au","ꜹ":"av","ꜻ":"av","ꜽ":"ay","ⓑ":"b","b":"b","ḃ":"b","ḅ":"b","ḇ":"b","ƀ":"b","ƃ":"b","ɓ":"b","ⓒ":"c","c":"c","ć":"c","ĉ":"c","ċ":"c","č":"c","ç":"c","ḉ":"c","ƈ":"c","ȼ":"c","ꜿ":"c","ↄ":"c","ⓓ":"d","d":"d","ḋ":"d","ď":"d","ḍ":"d","ḑ":"d","ḓ":"d","ḏ":"d","đ":"d","ƌ":"d","ɖ":"d","ɗ":"d","ꝺ":"d","dz":"dz","dž":"dz","ⓔ":"e","e":"e","è":"e","é":"e","ê":"e","ề":"e","ế":"e","ễ":"e","ể":"e","ẽ":"e","ē":"e","ḕ":"e","ḗ":"e","ĕ":"e","ė":"e","ë":"e","ẻ":"e","ě":"e","ȅ":"e","ȇ":"e","ẹ":"e","ệ":"e","ȩ":"e","ḝ":"e","ę":"e","ḙ":"e","ḛ":"e","ɇ":"e","ɛ":"e","ǝ":"e","ⓕ":"f","f":"f","ḟ":"f","ƒ":"f","ꝼ":"f","ⓖ":"g","g":"g","ǵ":"g","ĝ":"g","ḡ":"g","ğ":"g","ġ":"g","ǧ":"g","ģ":"g","ǥ":"g","ɠ":"g","ꞡ":"g","ᵹ":"g","ꝿ":"g","ⓗ":"h","h":"h","ĥ":"h","ḣ":"h","ḧ":"h","ȟ":"h","ḥ":"h","ḩ":"h","ḫ":"h","ẖ":"h","ħ":"h","ⱨ":"h","ⱶ":"h","ɥ":"h","ƕ":"hv","ⓘ":"i","i":"i","ì":"i","í":"i","î":"i","ĩ":"i","ī":"i","ĭ":"i","ï":"i","ḯ":"i","ỉ":"i","ǐ":"i","ȉ":"i","ȋ":"i","ị":"i","į":"i","ḭ":"i","ɨ":"i","ı":"i","ⓙ":"j","j":"j","ĵ":"j","ǰ":"j","ɉ":"j","ⓚ":"k","k":"k","ḱ":"k","ǩ":"k","ḳ":"k","ķ":"k","ḵ":"k","ƙ":"k","ⱪ":"k","ꝁ":"k","ꝃ":"k","ꝅ":"k","ꞣ":"k","ⓛ":"l","l":"l","ŀ":"l","ĺ":"l","ľ":"l","ḷ":"l","ḹ":"l","ļ":"l","ḽ":"l","ḻ":"l","ſ":"l","ł":"l","ƚ":"l","ɫ":"l","ⱡ":"l","ꝉ":"l","ꞁ":"l","ꝇ":"l","lj":"lj","ⓜ":"m","m":"m","ḿ":"m","ṁ":"m","ṃ":"m","ɱ":"m","ɯ":"m","ⓝ":"n","n":"n","ǹ":"n","ń":"n","ñ":"n","ṅ":"n","ň":"n","ṇ":"n","ņ":"n","ṋ":"n","ṉ":"n","ƞ":"n","ɲ":"n","ʼn":"n","ꞑ":"n","ꞥ":"n","nj":"nj","ⓞ":"o","o":"o","ò":"o","ó":"o","ô":"o","ồ":"o","ố":"o","ỗ":"o","ổ":"o","õ":"o","ṍ":"o","ȭ":"o","ṏ":"o","ō":"o","ṑ":"o","ṓ":"o","ŏ":"o","ȯ":"o","ȱ":"o","ö":"o","ȫ":"o","ỏ":"o","ő":"o","ǒ":"o","ȍ":"o","ȏ":"o","ơ":"o","ờ":"o","ớ":"o","ỡ":"o","ở":"o","ợ":"o","ọ":"o","ộ":"o","ǫ":"o","ǭ":"o","ø":"o","ǿ":"o","ɔ":"o","ꝋ":"o","ꝍ":"o","ɵ":"o","ƣ":"oi","ȣ":"ou","ꝏ":"oo","ⓟ":"p","p":"p","ṕ":"p","ṗ":"p","ƥ":"p","ᵽ":"p","ꝑ":"p","ꝓ":"p","ꝕ":"p","ⓠ":"q","q":"q","ɋ":"q","ꝗ":"q","ꝙ":"q","ⓡ":"r","r":"r","ŕ":"r","ṙ":"r","ř":"r","ȑ":"r","ȓ":"r","ṛ":"r","ṝ":"r","ŗ":"r","ṟ":"r","ɍ":"r","ɽ":"r","ꝛ":"r","ꞧ":"r","ꞃ":"r","ⓢ":"s","s":"s","ß":"s","ś":"s","ṥ":"s","ŝ":"s","ṡ":"s","š":"s","ṧ":"s","ṣ":"s","ṩ":"s","ș":"s","ş":"s","ȿ":"s","ꞩ":"s","ꞅ":"s","ẛ":"s","ⓣ":"t","t":"t","ṫ":"t","ẗ":"t","ť":"t","ṭ":"t","ț":"t","ţ":"t","ṱ":"t","ṯ":"t","ŧ":"t","ƭ":"t","ʈ":"t","ⱦ":"t","ꞇ":"t","ꜩ":"tz","ⓤ":"u","u":"u","ù":"u","ú":"u","û":"u","ũ":"u","ṹ":"u","ū":"u","ṻ":"u","ŭ":"u","ü":"u","ǜ":"u","ǘ":"u","ǖ":"u","ǚ":"u","ủ":"u","ů":"u","ű":"u","ǔ":"u","ȕ":"u","ȗ":"u","ư":"u","ừ":"u","ứ":"u","ữ":"u","ử":"u","ự":"u","ụ":"u","ṳ":"u","ų":"u","ṷ":"u","ṵ":"u","ʉ":"u","ⓥ":"v","v":"v","ṽ":"v","ṿ":"v","ʋ":"v","ꝟ":"v","ʌ":"v","ꝡ":"vy","ⓦ":"w","w":"w","ẁ":"w","ẃ":"w","ŵ":"w","ẇ":"w","ẅ":"w","ẘ":"w","ẉ":"w","ⱳ":"w","ⓧ":"x","x":"x","ẋ":"x","ẍ":"x","ⓨ":"y","y":"y","ỳ":"y","ý":"y","ŷ":"y","ỹ":"y","ȳ":"y","ẏ":"y","ÿ":"y","ỷ":"y","ẙ":"y","ỵ":"y","ƴ":"y","ɏ":"y","ỿ":"y","ⓩ":"z","z":"z","ź":"z","ẑ":"z","ż":"z","ž":"z","ẓ":"z","ẕ":"z","ƶ":"z","ȥ":"z","ɀ":"z","ⱬ":"z","ꝣ":"z","Ά":"Α","Έ":"Ε","Ή":"Η","Ί":"Ι","Ϊ":"Ι","Ό":"Ο","Ύ":"Υ","Ϋ":"Υ","Ώ":"Ω","ά":"α","έ":"ε","ή":"η","ί":"ι","ϊ":"ι","ΐ":"ι","ό":"ο","ύ":"υ","ϋ":"υ","ΰ":"υ","ω":"ω","ς":"σ"}}),b.define("select2/data/base",["../utils"],function(a){function b(a,c){b.__super__.constructor.call(this)}return a.Extend(b,a.Observable),b.prototype.current=function(a){throw new Error("The `current` method must be defined in child classes.")},b.prototype.query=function(a,b){throw new Error("The `query` method must be defined in child classes.")},b.prototype.bind=function(a,b){},b.prototype.destroy=function(){},b.prototype.generateResultId=function(b,c){var d=b.id+"-result-";return d+=a.generateChars(4),null!=c.id?d+="-"+c.id.toString():d+="-"+a.generateChars(4),d},b}),b.define("select2/data/select",["./base","../utils","jquery"],function(a,b,c){function d(a,b){this.$element=a,this.options=b,d.__super__.constructor.call(this)}return b.Extend(d,a),d.prototype.current=function(a){var b=[],d=this;this.$element.find(":selected").each(function(){var a=c(this),e=d.item(a);b.push(e)}),a(b)},d.prototype.select=function(a){var b=this;if(a.selected=!0,c(a.element).is("option"))return a.element.selected=!0,void this.$element.trigger("change");if(this.$element.prop("multiple"))this.current(function(d){var e=[];a=[a],a.push.apply(a,d);for(var f=0;f=0){var k=f.filter(d(j)),l=this.item(k),m=c.extend(!0,{},j,l),n=this.option(m);k.replaceWith(n)}else{var o=this.option(j);if(j.children){var p=this.convertToOptions(j.children);b.appendMany(o,p)}h.push(o)}}return h},d}),b.define("select2/data/ajax",["./array","../utils","jquery"],function(a,b,c){function d(a,b){this.ajaxOptions=this._applyDefaults(b.get("ajax")),null!=this.ajaxOptions.processResults&&(this.processResults=this.ajaxOptions.processResults),d.__super__.constructor.call(this,a,b)}return b.Extend(d,a),d.prototype._applyDefaults=function(a){var b={data:function(a){return c.extend({},a,{q:a.term})},transport:function(a,b,d){var e=c.ajax(a);return e.then(b),e.fail(d),e}};return c.extend({},b,a,!0)},d.prototype.processResults=function(a){return a},d.prototype.query=function(a,b){function d(){var d=f.transport(f,function(d){var f=e.processResults(d,a);e.options.get("debug")&&window.console&&console.error&&(f&&f.results&&c.isArray(f.results)||console.error("Select2: The AJAX results did not return an array in the `results` key of the response.")),b(f)},function(){"status"in d&&(0===d.status||"0"===d.status)||e.trigger("results:message",{message:"errorLoading"})});e._request=d}var e=this;null!=this._request&&(c.isFunction(this._request.abort)&&this._request.abort(),this._request=null);var f=c.extend({type:"GET"},this.ajaxOptions);"function"==typeof f.url&&(f.url=f.url.call(this.$element,a)),"function"==typeof f.data&&(f.data=f.data.call(this.$element,a)),this.ajaxOptions.delay&&null!=a.term?(this._queryTimeout&&window.clearTimeout(this._queryTimeout),this._queryTimeout=window.setTimeout(d,this.ajaxOptions.delay)):d()},d}),b.define("select2/data/tags",["jquery"],function(a){function b(b,c,d){var e=d.get("tags"),f=d.get("createTag");void 0!==f&&(this.createTag=f);var g=d.get("insertTag");if(void 0!==g&&(this.insertTag=g),b.call(this,c,d),a.isArray(e))for(var h=0;h0&&b.term.length>this.maximumInputLength)return void this.trigger("results:message",{message:"inputTooLong",args:{maximum:this.maximumInputLength,input:b.term,params:b}});a.call(this,b,c)},a}),b.define("select2/data/maximumSelectionLength",[],function(){function a(a,b,c){this.maximumSelectionLength=c.get("maximumSelectionLength"),a.call(this,b,c)}return a.prototype.query=function(a,b,c){var d=this;this.current(function(e){var f=null!=e?e.length:0;if(d.maximumSelectionLength>0&&f>=d.maximumSelectionLength)return void d.trigger("results:message",{message:"maximumSelected",args:{maximum:d.maximumSelectionLength}});a.call(d,b,c)})},a}),b.define("select2/dropdown",["jquery","./utils"],function(a,b){function c(a,b){this.$element=a,this.options=b,c.__super__.constructor.call(this)}return b.Extend(c,b.Observable),c.prototype.render=function(){var b=a('');return b.attr("dir",this.options.get("dir")),this.$dropdown=b,b},c.prototype.bind=function(){},c.prototype.position=function(a,b){},c.prototype.destroy=function(){this.$dropdown.remove()},c}),b.define("select2/dropdown/search",["jquery","../utils"],function(a,b){function c(){}return c.prototype.render=function(b){var c=b.call(this),d=a('');return this.$searchContainer=d,this.$search=d.find("input"),c.prepend(d),c},c.prototype.bind=function(b,c,d){var e=this;b.call(this,c,d),this.$search.on("keydown",function(a){e.trigger("keypress",a),e._keyUpPrevented=a.isDefaultPrevented()}),this.$search.on("input",function(b){a(this).off("keyup")}),this.$search.on("keyup input",function(a){e.handleSearch(a)}),c.on("open",function(){e.$search.attr("tabindex",0),e.$search.focus(),window.setTimeout(function(){e.$search.focus()},0)}),c.on("close",function(){e.$search.attr("tabindex",-1),e.$search.val(""),e.$search.blur()}),c.on("focus",function(){c.isOpen()||e.$search.focus()}),c.on("results:all",function(a){if(null==a.query.term||""===a.query.term){e.showSearch(a)?e.$searchContainer.removeClass("select2-search--hide"):e.$searchContainer.addClass("select2-search--hide")}})},c.prototype.handleSearch=function(a){if(!this._keyUpPrevented){var b=this.$search.val();this.trigger("query",{term:b})}this._keyUpPrevented=!1},c.prototype.showSearch=function(a,b){return!0},c}),b.define("select2/dropdown/hidePlaceholder",[],function(){function a(a,b,c,d){this.placeholder=this.normalizePlaceholder(c.get("placeholder")),a.call(this,b,c,d)}return a.prototype.append=function(a,b){b.results=this.removePlaceholder(b.results),a.call(this,b)},a.prototype.normalizePlaceholder=function(a,b){return"string"==typeof b&&(b={id:"",text:b}),b},a.prototype.removePlaceholder=function(a,b){for(var c=b.slice(0),d=b.length-1;d>=0;d--){var e=b[d];this.placeholder.id===e.id&&c.splice(d,1)}return c},a}),b.define("select2/dropdown/infiniteScroll",["jquery"],function(a){function b(a,b,c,d){this.lastParams={},a.call(this,b,c,d),this.$loadingMore=this.createLoadingMore(),this.loading=!1}return b.prototype.append=function(a,b){this.$loadingMore.remove(),this.loading=!1,a.call(this,b),this.showLoadingMore(b)&&this.$results.append(this.$loadingMore)},b.prototype.bind=function(b,c,d){var e=this;b.call(this,c,d),c.on("query",function(a){e.lastParams=a,e.loading=!0}),c.on("query:append",function(a){e.lastParams=a,e.loading=!0}),this.$results.on("scroll",function(){var b=a.contains(document.documentElement,e.$loadingMore[0]);if(!e.loading&&b){e.$results.offset().top+e.$results.outerHeight(!1)+50>=e.$loadingMore.offset().top+e.$loadingMore.outerHeight(!1)&&e.loadMore()}})},b.prototype.loadMore=function(){this.loading=!0;var b=a.extend({},{page:1},this.lastParams);b.page++,this.trigger("query:append",b)},b.prototype.showLoadingMore=function(a,b){return b.pagination&&b.pagination.more},b.prototype.createLoadingMore=function(){var b=a('
    • '),c=this.options.get("translations").get("loadingMore");return b.html(c(this.lastParams)),b},b}),b.define("select2/dropdown/attachBody",["jquery","../utils"],function(a,b){function c(b,c,d){this.$dropdownParent=d.get("dropdownParent")||a(document.body),b.call(this,c,d)}return c.prototype.bind=function(a,b,c){var d=this,e=!1;a.call(this,b,c),b.on("open",function(){d._showDropdown(),d._attachPositioningHandler(b),e||(e=!0,b.on("results:all",function(){d._positionDropdown(),d._resizeDropdown()}),b.on("results:append",function(){d._positionDropdown(),d._resizeDropdown()}))}),b.on("close",function(){d._hideDropdown(),d._detachPositioningHandler(b)}),this.$dropdownContainer.on("mousedown",function(a){a.stopPropagation()})},c.prototype.destroy=function(a){a.call(this),this.$dropdownContainer.remove()},c.prototype.position=function(a,b,c){b.attr("class",c.attr("class")),b.removeClass("select2"),b.addClass("select2-container--open"),b.css({position:"absolute",top:-999999}),this.$container=c},c.prototype.render=function(b){var c=a(""),d=b.call(this);return c.append(d),this.$dropdownContainer=c,c},c.prototype._hideDropdown=function(a){this.$dropdownContainer.detach()},c.prototype._attachPositioningHandler=function(c,d){var e=this,f="scroll.select2."+d.id,g="resize.select2."+d.id,h="orientationchange.select2."+d.id,i=this.$container.parents().filter(b.hasScroll);i.each(function(){b.StoreData(this,"select2-scroll-position",{x:a(this).scrollLeft(),y:a(this).scrollTop()})}),i.on(f,function(c){var d=b.GetData(this,"select2-scroll-position");a(this).scrollTop(d.y)}),a(window).on(f+" "+g+" "+h,function(a){e._positionDropdown(),e._resizeDropdown()})},c.prototype._detachPositioningHandler=function(c,d){var e="scroll.select2."+d.id,f="resize.select2."+d.id,g="orientationchange.select2."+d.id;this.$container.parents().filter(b.hasScroll).off(e),a(window).off(e+" "+f+" "+g)},c.prototype._positionDropdown=function(){var b=a(window),c=this.$dropdown.hasClass("select2-dropdown--above"),d=this.$dropdown.hasClass("select2-dropdown--below"),e=null,f=this.$container.offset();f.bottom=f.top+this.$container.outerHeight(!1);var g={height:this.$container.outerHeight(!1)};g.top=f.top,g.bottom=f.top+g.height;var h={height:this.$dropdown.outerHeight(!1)},i={top:b.scrollTop(),bottom:b.scrollTop()+b.height()},j=i.topf.bottom+h.height,l={left:f.left,top:g.bottom},m=this.$dropdownParent;"static"===m.css("position")&&(m=m.offsetParent());var n=m.offset();l.top-=n.top,l.left-=n.left,c||d||(e="below"),k||!j||c?!j&&k&&c&&(e="below"):e="above",("above"==e||c&&"below"!==e)&&(l.top=g.top-n.top-h.height),null!=e&&(this.$dropdown.removeClass("select2-dropdown--below select2-dropdown--above").addClass("select2-dropdown--"+e),this.$container.removeClass("select2-container--below select2-container--above").addClass("select2-container--"+e)),this.$dropdownContainer.css(l)},c.prototype._resizeDropdown=function(){var a={width:this.$container.outerWidth(!1)+"px"};this.options.get("dropdownAutoWidth")&&(a.minWidth=a.width,a.position="relative",a.width="auto"),this.$dropdown.css(a)},c.prototype._showDropdown=function(a){this.$dropdownContainer.appendTo(this.$dropdownParent),this._positionDropdown(),this._resizeDropdown()},c}),b.define("select2/dropdown/minimumResultsForSearch",[],function(){function a(b){for(var c=0,d=0;d0&&(l.dataAdapter=j.Decorate(l.dataAdapter,r)),l.maximumInputLength>0&&(l.dataAdapter=j.Decorate(l.dataAdapter,s)),l.maximumSelectionLength>0&&(l.dataAdapter=j.Decorate(l.dataAdapter,t)),l.tags&&(l.dataAdapter=j.Decorate(l.dataAdapter,p)),null==l.tokenSeparators&&null==l.tokenizer||(l.dataAdapter=j.Decorate(l.dataAdapter,q)),null!=l.query){var C=b(l.amdBase+"compat/query");l.dataAdapter=j.Decorate(l.dataAdapter,C)}if(null!=l.initSelection){var D=b(l.amdBase+"compat/initSelection");l.dataAdapter=j.Decorate(l.dataAdapter,D)}}if(null==l.resultsAdapter&&(l.resultsAdapter=c,null!=l.ajax&&(l.resultsAdapter=j.Decorate(l.resultsAdapter,x)),null!=l.placeholder&&(l.resultsAdapter=j.Decorate(l.resultsAdapter,w)),l.selectOnClose&&(l.resultsAdapter=j.Decorate(l.resultsAdapter,A))),null==l.dropdownAdapter){if(l.multiple)l.dropdownAdapter=u;else{var E=j.Decorate(u,v);l.dropdownAdapter=E}if(0!==l.minimumResultsForSearch&&(l.dropdownAdapter=j.Decorate(l.dropdownAdapter,z)),l.closeOnSelect&&(l.dropdownAdapter=j.Decorate(l.dropdownAdapter,B)),null!=l.dropdownCssClass||null!=l.dropdownCss||null!=l.adaptDropdownCssClass){var F=b(l.amdBase+"compat/dropdownCss");l.dropdownAdapter=j.Decorate(l.dropdownAdapter,F)}l.dropdownAdapter=j.Decorate(l.dropdownAdapter,y)}if(null==l.selectionAdapter){if(l.multiple?l.selectionAdapter=e:l.selectionAdapter=d,null!=l.placeholder&&(l.selectionAdapter=j.Decorate(l.selectionAdapter,f)),l.allowClear&&(l.selectionAdapter=j.Decorate(l.selectionAdapter,g)),l.multiple&&(l.selectionAdapter=j.Decorate(l.selectionAdapter,h)),null!=l.containerCssClass||null!=l.containerCss||null!=l.adaptContainerCssClass){var G=b(l.amdBase+"compat/containerCss");l.selectionAdapter=j.Decorate(l.selectionAdapter,G)}l.selectionAdapter=j.Decorate(l.selectionAdapter,i)}if("string"==typeof l.language)if(l.language.indexOf("-")>0){var H=l.language.split("-"),I=H[0];l.language=[l.language,I]}else l.language=[l.language];if(a.isArray(l.language)){var J=new k;l.language.push("en");for(var K=l.language,L=0;L0){for(var f=a.extend(!0,{},e),g=e.children.length-1;g>=0;g--){null==c(d,e.children[g])&&f.children.splice(g,1)}return f.children.length>0?f:c(d,f)}var h=b(e.text).toUpperCase(),i=b(d.term).toUpperCase();return h.indexOf(i)>-1?e:null}this.defaults={amdBase:"./",amdLanguageBase:"./i18n/",closeOnSelect:!0,debug:!1,dropdownAutoWidth:!1,escapeMarkup:j.escapeMarkup,language:C,matcher:c,minimumInputLength:0,maximumInputLength:0,maximumSelectionLength:0,minimumResultsForSearch:0,selectOnClose:!1,sorter:function(a){return a},templateResult:function(a){return a.text},templateSelection:function(a){return a.text},theme:"default",width:"resolve"}},D.prototype.set=function(b,c){var d=a.camelCase(b),e={};e[d]=c;var f=j._convertData(e);a.extend(!0,this.defaults,f)},new D}),b.define("select2/options",["require","jquery","./defaults","./utils"],function(a,b,c,d){function e(b,e){if(this.options=b,null!=e&&this.fromElement(e),this.options=c.apply(this.options),e&&e.is("input")){var f=a(this.get("amdBase")+"compat/inputData");this.options.dataAdapter=d.Decorate(this.options.dataAdapter,f)}}return e.prototype.fromElement=function(a){var c=["select2"];null==this.options.multiple&&(this.options.multiple=a.prop("multiple")),null==this.options.disabled&&(this.options.disabled=a.prop("disabled")),null==this.options.language&&(a.prop("lang")?this.options.language=a.prop("lang").toLowerCase():a.closest("[lang]").prop("lang")&&(this.options.language=a.closest("[lang]").prop("lang"))),null==this.options.dir&&(a.prop("dir")?this.options.dir=a.prop("dir"):a.closest("[dir]").prop("dir")?this.options.dir=a.closest("[dir]").prop("dir"):this.options.dir="ltr"),a.prop("disabled",this.options.disabled),a.prop("multiple",this.options.multiple),d.GetData(a[0],"select2Tags")&&(this.options.debug&&window.console&&console.warn&&console.warn('Select2: The `data-select2-tags` attribute has been changed to use the `data-data` and `data-tags="true"` attributes and will be removed in future versions of Select2.'),d.StoreData(a[0],"data",d.GetData(a[0],"select2Tags")),d.StoreData(a[0],"tags",!0)),d.GetData(a[0],"ajaxUrl")&&(this.options.debug&&window.console&&console.warn&&console.warn("Select2: The `data-ajax-url` attribute has been changed to `data-ajax--url` and support for the old attribute will be removed in future versions of Select2."),a.attr("ajax--url",d.GetData(a[0],"ajaxUrl")),d.StoreData(a[0],"ajax-Url",d.GetData(a[0],"ajaxUrl")));var e={};e=b.fn.jquery&&"1."==b.fn.jquery.substr(0,2)&&a[0].dataset?b.extend(!0,{},a[0].dataset,d.GetData(a[0])):d.GetData(a[0]);var f=b.extend(!0,{},e);f=d._convertData(f);for(var g in f)b.inArray(g,c)>-1||(b.isPlainObject(this.options[g])?b.extend(this.options[g],f[g]):this.options[g]=f[g]);return this},e.prototype.get=function(a){return this.options[a]},e.prototype.set=function(a,b){this.options[a]=b},e}),b.define("select2/core",["jquery","./options","./utils","./keys"],function(a,b,c,d){var e=function(a,d){null!=c.GetData(a[0],"select2")&&c.GetData(a[0],"select2").destroy(),this.$element=a,this.id=this._generateId(a),d=d||{},this.options=new b(d,a),e.__super__.constructor.call(this);var f=a.attr("tabindex")||0;c.StoreData(a[0],"old-tabindex",f),a.attr("tabindex","-1");var g=this.options.get("dataAdapter");this.dataAdapter=new g(a,this.options);var h=this.render();this._placeContainer(h);var i=this.options.get("selectionAdapter");this.selection=new i(a,this.options),this.$selection=this.selection.render(),this.selection.position(this.$selection,h);var j=this.options.get("dropdownAdapter");this.dropdown=new j(a,this.options),this.$dropdown=this.dropdown.render(),this.dropdown.position(this.$dropdown,h);var k=this.options.get("resultsAdapter");this.results=new k(a,this.options,this.dataAdapter),this.$results=this.results.render(),this.results.position(this.$results,this.$dropdown);var l=this;this._bindAdapters(),this._registerDomEvents(),this._registerDataEvents(),this._registerSelectionEvents(),this._registerDropdownEvents(),this._registerResultsEvents(),this._registerEvents(),this.dataAdapter.current(function(a){l.trigger("selection:update",{data:a})}),a.addClass("select2-hidden-accessible"),a.attr("aria-hidden","true"),this._syncAttributes(),c.StoreData(a[0],"select2",this),a.data("select2",this)};return c.Extend(e,c.Observable),e.prototype._generateId=function(a){var b="";return b=null!=a.attr("id")?a.attr("id"):null!=a.attr("name")?a.attr("name")+"-"+c.generateChars(2):c.generateChars(4),b=b.replace(/(:|\.|\[|\]|,)/g,""),b="select2-"+b},e.prototype._placeContainer=function(a){a.insertAfter(this.$element);var b=this._resolveWidth(this.$element,this.options.get("width"));null!=b&&a.css("width",b)},e.prototype._resolveWidth=function(a,b){var c=/^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;if("resolve"==b){var d=this._resolveWidth(a,"style");return null!=d?d:this._resolveWidth(a,"element")}if("element"==b){var e=a.outerWidth(!1);return e<=0?"auto":e+"px"}if("style"==b){var f=a.attr("style");if("string"!=typeof f)return null;for(var g=f.split(";"),h=0,i=g.length;h=1)return k[1]}return null}return b},e.prototype._bindAdapters=function(){this.dataAdapter.bind(this,this.$container),this.selection.bind(this,this.$container),this.dropdown.bind(this,this.$container),this.results.bind(this,this.$container)},e.prototype._registerDomEvents=function(){var b=this;this.$element.on("change.select2",function(){b.dataAdapter.current(function(a){b.trigger("selection:update",{data:a})})}),this.$element.on("focus.select2",function(a){b.trigger("focus",a)}),this._syncA=c.bind(this._syncAttributes,this),this._syncS=c.bind(this._syncSubtree,this),this.$element[0].attachEvent&&this.$element[0].attachEvent("onpropertychange",this._syncA);var d=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver;null!=d?(this._observer=new d(function(c){a.each(c,b._syncA),a.each(c,b._syncS)}),this._observer.observe(this.$element[0],{attributes:!0,childList:!0,subtree:!1})):this.$element[0].addEventListener&&(this.$element[0].addEventListener("DOMAttrModified",b._syncA,!1),this.$element[0].addEventListener("DOMNodeInserted",b._syncS,!1),this.$element[0].addEventListener("DOMNodeRemoved",b._syncS,!1))},e.prototype._registerDataEvents=function(){var a=this;this.dataAdapter.on("*",function(b,c){a.trigger(b,c)})},e.prototype._registerSelectionEvents=function(){var b=this,c=["toggle","focus"];this.selection.on("toggle",function(){b.toggleDropdown()}),this.selection.on("focus",function(a){b.focus(a)}),this.selection.on("*",function(d,e){-1===a.inArray(d,c)&&b.trigger(d,e)})},e.prototype._registerDropdownEvents=function(){var a=this;this.dropdown.on("*",function(b,c){a.trigger(b,c)})},e.prototype._registerResultsEvents=function(){var a=this;this.results.on("*",function(b,c){a.trigger(b,c)})},e.prototype._registerEvents=function(){var a=this;this.on("open",function(){a.$container.addClass("select2-container--open")}),this.on("close",function(){a.$container.removeClass("select2-container--open")}),this.on("enable",function(){a.$container.removeClass("select2-container--disabled")}),this.on("disable",function(){a.$container.addClass("select2-container--disabled")}),this.on("blur",function(){a.$container.removeClass("select2-container--focus")}),this.on("query",function(b){a.isOpen()||a.trigger("open",{}),this.dataAdapter.query(b,function(c){a.trigger("results:all",{data:c,query:b})})}),this.on("query:append",function(b){this.dataAdapter.query(b,function(c){a.trigger("results:append",{data:c,query:b})})}),this.on("keypress",function(b){var c=b.which;a.isOpen()?c===d.ESC||c===d.TAB||c===d.UP&&b.altKey?(a.close(),b.preventDefault()):c===d.ENTER?(a.trigger("results:select",{}),b.preventDefault()):c===d.SPACE&&b.ctrlKey?(a.trigger("results:toggle",{}),b.preventDefault()):c===d.UP?(a.trigger("results:previous",{}),b.preventDefault()):c===d.DOWN&&(a.trigger("results:next",{}),b.preventDefault()):(c===d.ENTER||c===d.SPACE||c===d.DOWN&&b.altKey)&&(a.open(),b.preventDefault())})},e.prototype._syncAttributes=function(){this.options.set("disabled",this.$element.prop("disabled")),this.options.get("disabled")?(this.isOpen()&&this.close(),this.trigger("disable",{})):this.trigger("enable",{})},e.prototype._syncSubtree=function(a,b){var c=!1,d=this;if(!a||!a.target||"OPTION"===a.target.nodeName||"OPTGROUP"===a.target.nodeName){if(b)if(b.addedNodes&&b.addedNodes.length>0)for(var e=0;e0&&(c=!0);else c=!0;c&&this.dataAdapter.current(function(a){d.trigger("selection:update",{data:a})})}},e.prototype.trigger=function(a,b){var c=e.__super__.trigger,d={open:"opening",close:"closing",select:"selecting",unselect:"unselecting",clear:"clearing"};if(void 0===b&&(b={}),a in d){var f=d[a],g={prevented:!1,name:a,args:b};if(c.call(this,f,g),g.prevented)return void(b.prevented=!0)}c.call(this,a,b)},e.prototype.toggleDropdown=function(){this.options.get("disabled")||(this.isOpen()?this.close():this.open())},e.prototype.open=function(){this.isOpen()||this.trigger("query",{})},e.prototype.close=function(){this.isOpen()&&this.trigger("close",{})},e.prototype.isOpen=function(){return this.$container.hasClass("select2-container--open")},e.prototype.hasFocus=function(){return this.$container.hasClass("select2-container--focus")},e.prototype.focus=function(a){this.hasFocus()||(this.$container.addClass("select2-container--focus"),this.trigger("focus",{}))},e.prototype.enable=function(a){this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("enable")` method has been deprecated and will be removed in later Select2 versions. Use $element.prop("disabled") instead.'),null!=a&&0!==a.length||(a=[!0]);var b=!a[0];this.$element.prop("disabled",b)},e.prototype.data=function(){this.options.get("debug")&&arguments.length>0&&window.console&&console.warn&&console.warn('Select2: Data can no longer be set using `select2("data")`. You should consider setting the value instead using `$element.val()`.');var a=[];return this.dataAdapter.current(function(b){a=b}),a},e.prototype.val=function(b){if(this.options.get("debug")&&window.console&&console.warn&&console.warn('Select2: The `select2("val")` method has been deprecated and will be removed in later Select2 versions. Use $element.val() instead.'),null==b||0===b.length)return this.$element.val();var c=b[0];a.isArray(c)&&(c=a.map(c,function(a){return a.toString()})),this.$element.val(c).trigger("change")},e.prototype.destroy=function(){this.$container.remove(),this.$element[0].detachEvent&&this.$element[0].detachEvent("onpropertychange",this._syncA),null!=this._observer?(this._observer.disconnect(),this._observer=null):this.$element[0].removeEventListener&&(this.$element[0].removeEventListener("DOMAttrModified",this._syncA,!1),this.$element[0].removeEventListener("DOMNodeInserted",this._syncS,!1),this.$element[0].removeEventListener("DOMNodeRemoved",this._syncS,!1)),this._syncA=null,this._syncS=null,this.$element.off(".select2"),this.$element.attr("tabindex",c.GetData(this.$element[0],"old-tabindex")),this.$element.removeClass("select2-hidden-accessible"),this.$element.attr("aria-hidden","false"),c.RemoveData(this.$element[0]),this.$element.removeData("select2"),this.dataAdapter.destroy(),this.selection.destroy(),this.dropdown.destroy(),this.results.destroy(),this.dataAdapter=null,this.selection=null,this.dropdown=null,this.results=null},e.prototype.render=function(){var b=a('');return b.attr("dir",this.options.get("dir")),this.$container=b,this.$container.addClass("select2-container--"+this.options.get("theme")),c.StoreData(b[0],"element",this.$element),b},e}),b.define("jquery-mousewheel",["jquery"],function(a){return a}),b.define("jquery.select2",["jquery","jquery-mousewheel","./select2/core","./select2/defaults","./select2/utils"],function(a,b,c,d,e){if(null==a.fn.select2){var f=["open","close","destroy"];a.fn.select2=function(b){if("object"==typeof(b=b||{}))return this.each(function(){var d=a.extend(!0,{},b);new c(a(this),d)}),this;if("string"==typeof b){var d,g=Array.prototype.slice.call(arguments,1);return this.each(function(){var a=e.GetData(this,"select2");null==a&&window.console&&console.error&&console.error("The select2('"+b+"') method was called on an element that is not using Select2."),d=a[b].apply(a,g)}),a.inArray(b,f)>-1?this:d}throw new Error("Invalid arguments for Select2: "+b)}}return null==a.fn.select2.defaults&&(a.fn.select2.defaults=d),c}),{define:b.define,require:b.require}}(),c=b.require("jquery.select2");return a.fn.select2.amd=b,c});{"translation-revision-date":"2026-06-10 11:20+0000","generator":"WP-CLI\/2.12.0","source":"gutenberg\/edit-pages-panel\/src\/components\/PageForm.js","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","lang":"vi","plural-forms":"nplurals=1; plural=0;"},"Cancel":["H\u1ee7y"],"Error:":["L\u1ed7i:"],"Page title:":["Ti\u00eau \u0111\u1ec1 trang:"],"Save":["L\u01b0u"],"Saving":["\u0110ang l\u01b0u"]}}}.mk-fancy-title { margin-bottom: 18px; } span.mk-fancy-title { display: block; line-height: 1.3em; word-wrap: break-word; } .mk-fancy-title.pattern-style { background: url(../../assets/img/fancy-title-pattern.png) left center repeat-x; } .mk-fancy-title.pattern-style.align-left span { padding: 0 6px 0 0; } .mk-fancy-title.pattern-style.align-right span { padding: 0 0 0 6px; } .mk-fancy-title.pattern-style.align-center span { padding: 0 6px; } .mk-fancy-title.pattern-style.color-gradient span { position: relative; } .mk-fancy-title.pattern-style.color-gradient span:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; } .mk-fancy-title.pattern-style.color-gradient span i { position: relative; z-index: 2; } .mk-fancy-title.shortcode-heading { font-weight: bold; font-size: 14px; padding-top: 5px; } .mk-fancy-title.pattern-style p { display: inline; } .mk-fancy-title p { font-family: inherit !important; -webkit-text-fill-color: unset; } .mk-fancy-title p:last-child { margin-bottom: 0 !important; } .mk-fancy-title.pattern-style span { padding-right: 10px; } @media handheld, only screen and (max-width: 767px) { .mk-fancy-title { text-align: center !important; } .mk-fancy-title.pattern-style span { padding: 0 8px !important; } .mk-fancy-title.mk-force-responsive { font-size: 36px !important; } } .mk-title-box { line-height: 100%; } .mk-title-box p { margin: 0; } .mk-title-box span { padding: 4px 0; } .mk-slideshow-box .mk-fancy-title span { display: inline-block; padding-top: 20px; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author:Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .mk-flexslider a:active, .flex-container a:focus, .mk-flexslider a:focus { outline: none; } .mk-flex-slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* mk-flexslider Necessary Styles ******************************** */ .mk-flexslider { margin: 0; padding: 0; direction: ltr; } .mk-flexslider .mk-flex-slides > li, .mk-flexslider .mk-banner-slides > li { display: none; margin: 0; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .mk-flexslider .mk-flex-slides img, .mk-flexslider .mk-banner-slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .mk-flex-slides:after, .mk-banner-slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .mk-flex-slides { display: block; } * html .mk-flex-slides { height: 1%; } .mk-flexslider .mk-banner-slides { margin: 0; padding: 0; list-style: none; } .mk-flexslider .mk-banner-slides li { margin: 0; } /* flexslider Default Theme ******************************** */ .mk-flexslider { margin: 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .loading .flex-viewport { max-height: 100px; } .mk-flexslider .mk-flex-slides, .mk-flexslider .mk-banner-slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { display: block; position: absolute; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .flex-direction-nav .flex-next { opacity: .7; } .flex-direction-nav .flex-prev { opacity: .7; } .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-prev:hover { opacity: 1; } .mk-flexslider:hover .flex-next:hover, .mk-flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } /* Control Nav */ .flex-control-nav { width: 100%; left: 0; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { display: block; cursor: pointer; } .flex-control-paging li a.flex-active { cursor: default; } .flex-control-thumbs { margin: 20px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 100px; height: 60px; margin: 0 20px 0 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .flex-direction-nav a { z-index: 10; } /* Shortcode:Slideshow -------------------------------------------------------------------- */ .mk-slideshow { position: relative; margin-bottom: 20px; } .mk-slideshow .mk-flex-caption { position: absolute; bottom: 0; left: 0; width: 100%; } .mk-slideshow .mk-flex-caption span { position: relative; display: block; padding: 15px 20px; color: #ffffff; font-weight: bold; font-size: 14px; line-height: 18px; } .mk-slideshow:hover .flex-direction-nav .flex-next, .mk-slideshow:hover .flex-direction-nav .flex-prev { opacity: .6; } .mk-slideshow .flex-direction-nav .flex-next, .mk-slideshow .flex-direction-nav .flex-prev { top: 50%; margin-top: -20px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4); text-align: center; opacity: 0; line-height: 40px; border-radius: 2px; } .mk-slideshow .flex-direction-nav .flex-next:hover, .mk-slideshow .flex-direction-nav .flex-prev:hover { background-color: rgba(0, 0, 0, 0.6); opacity: 1; } .flex-direction-nav svg { fill: #fff; height: 16px; margin-top: 12px; } .mk-slideshow .flex-direction-nav .flex-next { right: 20px !important; } .mk-slideshow .flex-direction-nav .flex-prev { left: 20px !important; } .mk-slideshow .flex-control-nav { bottom: 10px; display: block; } .mk-slideshow .flex-control-nav li a { display: block; padding: 0; width: 6px; height: 14px; } .mk-slideshow .flex-control-nav li a i { color: #ffffff; font-size: 12px; } .mk-slideshow .flex-control-nav li a.flex-active i:before { content: "\f111" !important; } .mk-slideshow .color-mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .widget .flex-control-paging { display: none; } .js-el[data-mk-component="FullHeight"] { min-height: 100vh; } .admin-bar .js-el[data-mk-component="FullHeight"] { min-height: calc(100vh - 32px); } .hover-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; } .full-cover-link { width: 100%; height: 100%; position: absolute; z-index: 14; left: 0; top: 0; } /* Used in page section and edge slider */ .mk-section-image { position: absolute; top: 0; left: 0; overflow: hidden; min-width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-position: center; background-size: cover; } .mk-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; } .mk-image-lightbox { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; text-align: center; cursor: pointer; color: #ffffff !important; width: 100px; height: 100px; opacity: 0; z-index: 30; } .mk-image-lightbox svg { fill: #ffffff; } .mk-image-lightbox:hover { color: #ffffff; } .mk-image-lightbox i { line-height: 100px; font-size: 48px; } /* Social Share */ .single-social-section { float: right; } .single-social-section .blog-modern-comment, .single-social-section .blog-share-container, .single-social-section .mk-love-holder, .single-social-section .mk-blog-print { float: right; display: inline-block; margin-left: 20px; } .single-social-section .blog-modern-comment i, .single-social-section .blog-share-container i, .single-social-section .mk-love-holder i, .single-social-section .mk-blog-print i { font-size: 16px; } .single-social-section .blog-modern-comment i, .single-social-section .mk-blog-print i, .single-social-section .blog-single-share i { color: #898989; } .single-social-section .blog-modern-comment span, .single-social-section .mk-blog-print span, .single-social-section .blog-single-share span { color: #898989; font-size: 11px; padding-left: 3px; } .single-social-section .blog-share-container { position: relative; } .single-social-section .blog-single-share { cursor: pointer; } .single-social-section .blog-single-share i { font-size: 16px; } @media handheld, only screen and (max-width: 960px) { .single-social-section { float: none !important; display: block; margin-bottom: 20px; } .single-social-section .blog-modern-comment, .single-social-section .blog-share-container, .single-social-section .mk-love-holder, .single-social-section .mk-blog-print { float: left; padding: 0 20px 0 0 !important; margin: 0 !important; } .single-social-section .single-share-box { right: -170px; left: auto !important; } .single-social-section .single-share-box:before { left: -5px; right: auto !important; } } .single-share-box { position: absolute; left: -220px; bottom: -11px; background-color: #252525; margin: 0; list-style: none; display: none; text-align: center; padding: 13px; text-transform: center; } .single-share-box:before { right: -5px; top: 50%; margin-top: -5px; display: block; width: 10px; height: 10px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #252525; content: ""; } .single-share-box li { float: left; margin: 0; } .single-share-box li a { color: #a8a8a8; display: block; padding: 0 10px; -webkit-transition: all 0.2s; transition: all 0.2s; } .single-share-box li a:hover { color: #ffffff; } .single-share-box li a i { font-size: 16px; vertical-align: top; } /* =Global Buttons -------------------------------------------------------------- */ a.button, button.button, input.button, #respond input#submit, #review_form_wrapper input[type=submit], .woocommerce-product-search input[type=submit], .woocommerce-product-search button[type=submit], .post-password-form input[type=submit], .wpcf7-submit { margin: 0; border: none; outline: none !important; font-size: 13px; line-height: 13px !important; padding: 12px 15px; text-transform: uppercase; vertical-align: top; letter-spacing: 1px; display: inline-block; cursor: pointer; position: relative; font-family: inherit; text-decoration: none; overflow: visible; font-weight: bold; left: auto; white-space: nowrap; display: inline-block; background-color: #252525; color: #ffffff; } a.button svg, button.button svg, input.button svg, #respond input#submit svg, #review_form_wrapper input[type=submit] svg, .woocommerce-product-search input[type=submit] svg, .woocommerce-product-search button[type=submit] svg, .post-password-form input[type=submit] svg, .wpcf7-submit svg { fill: #ffffff; height: 16px; margin-right: 10px; -webkit-transform: translateY(2px); transform: translateY(2px); } a.button:hover, button.button:hover, input.button:hover, #respond input#submit:hover, #review_form_wrapper input[type=submit]:hover, .woocommerce-product-search input[type=submit]:hover, .woocommerce-product-search button[type=submit]:hover, .post-password-form input[type=submit]:hover, .wpcf7-submit:hover { background-color: #707070; color: #ffffff; } a.button:active, button.button:active, input.button:active, #respond input#submit:active, #review_form_wrapper input[type=submit]:active, .woocommerce-product-search input[type=submit]:active, .woocommerce-product-search button[type=submit]:active, .post-password-form input[type=submit]:active, .wpcf7-submit:active { top: 1px; } .accent-bg-color.button:hover, .gform_button[type=submit]:hover { background-color: #252525 !important; } .woocommerce-message .button, .woocommerce-Message .button { background-color: transparent !important; padding: 0 !important; color: #252525; vertical-align: middle; line-height: inherit !important; } .woocommerce-message .button:hover, .woocommerce-Message .button:hover { background-color: transparent !important; color: #707070 !important; } input.button:disabled, input.button.disabled { color: #aaa !important; background: #e7e7e7 !important; cursor: not-allowed; } input.button:disabled:active, input.button.disabled:active { top: 0; } .mk-svg-icon { width: auto; height: auto; fill: currentColor; /* now we can get rid of all color -> fill implementations */ } .mk-svg-icon-wrapper { line-height: normal; vertical-align: middle; } /* Not applicable for icoMoon as they have transforms hardcoded in the tag */ [class^="mk-icon-"] .mk-svg-icon path, [class*=" mk-icon-"] .mk-svg-icon path, [class^="mk-li-"] .mk-svg-icon path, [class*=" mk-li-"] .mk-svg-icon path, [class^="mk-jupiter-icon-"] .mk-svg-icon path, [class*=" mk-jupiter-icon-"] .mk-svg-icon path { -webkit-transform: translateY(1%); transform: translateY(1%); } .center-icon { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .center-icon .mk-svg-icon { margin: 0 auto; } .mk-svg-icon-wrapper { display: inline-block; width: 100%; position: relative; /* for svgs show on hover */ } .mk-svg-icon-wrapper img, .mk-svg-icon-wrapper svg { display: inline-block; } [class^="mk-icon-"]:before, [class*=" mk-icon-"]:before, [class^="mk-moon-"]:before, [class*=" mk-moon-"]:before, [class^="mk-li-"]:before, [class*=" mk-li-"]:before, [class^="mk-jupiter-icon-"]:before, [class*=" mk-jupiter-icon-"]:before, .mk-accordion-tab:before, .mk-toggle-title:before, .mk-blockquote.quote-style:before, .mk-main-navigation ul:before, .sf-sub-indicator:before, .widget_archive li a:before, .widget_categories li a:before, .widget_nav_menu li a:before, .widget_links li a:before, .widget_pages li a:before, .widget_meta li a:before, .widget_authors li a:before, .widget_popular_tags li a:before, .widget_recent_comments li:before, .widget_rss li a:before, .widget_recent_entries li a:before, .tw_list .tweet_list li a:before, #wp-calendar #prev:before, #wp-calendar #next:before, .mk-tweet-list li:before, .mk-jupiter-icon-simple-xing:before, .widget_product_categories li a:before, .widget-sub-navigation li a:before, .main-navigation-ul li.with-menu > a:before, .blog-blockquote-content:before, .mk-woocommerce-pagination .next:before, .mk-woocommerce-pagination .prev:before, .product-loading-icon:before, .mk-jupiter-icon-xing:before, .mk-jupiter-icon-square-xing:before, .ls-jupiter .ls-nav-prev:before, .ls-jupiter .ls-nav-next:before { display: none !important; } /* Non content styles from font families declaration goes here. clean it later */ [class^="mk-icon-"], [class*=" mk-icon-"], .mk-accordion-tab:before, .mk-toggle-title:before, .mk-blockquote.quote-style:before, .mk-main-navigation ul:before, .sf-sub-indicator:before, .widget_archive li a:before, .widget_categories li a:before, .widget_nav_menu li a:before, .widget_links li a:before, .widget_pages li a:before, .widget_meta li a:before, .widget_authors li a:before, .widget_popular_tags li a:before, .widget_recent_comments li:before, .widget_rss li a:before, .widget_recent_entries li a:before, .tw_list .tweet_list li a:before, #wp-calendar #prev:before, #wp-calendar #next:before, .mk-tweet-list li:before, .mk-jupiter-icon-simple-xing:before, .widget_product_categories li a:before, .widget-sub-navigation li a:before, .main-navigation-ul li.with-menu > a:before, .blog-blockquote-content:before { font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: middle; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } [class^="mk-icon-"]:before, [class*=" mk-icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="mk-icon-"], a [class*=" mk-icon-"] { display: inline-block; } .mk-woocommerce-pagination .next:before, .mk-woocommerce-pagination .prev:before, .product-loading-icon:before, .mk-jupiter-icon-xing:before, .mk-jupiter-icon-square-xing:before, [class^="mk-moon-"], [class*=" mk-moon-"] { font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; vertical-align: middle; direction: ltr; } [class^="mk-moon-"], [class*=" mk-moon-"] { display: inline-block; line-height: 1; } a [class^="mk-moon-"], a [class*=" mk-moon-"] { display: inline-block; } .rtl #theme-page [class*=" mk-moon-"], .rtl #theme-page [class^="mk-moon-"] { font-family: "Icomoon" !important; } [class^="mk-li-"], [class*=" mk-li-"] { display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="mk-jupiter-icon-"], [class*=" mk-jupiter-icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Some hot patches here for icon styles */ .ls-jupiter .ls-nav-prev, .ls-jupiter .ls-nav-next { background-repeat: no-repeat; background-position: center; } .ls-jupiter .ls-nav-prev { background-image: url('data:image/svg+xml; utf8, '); } .ls-jupiter .ls-nav-next { background-image: url('data:image/svg+xml; utf8, '); } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { background-image: url(../img/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; } #fancybox-loading div { width: 44px; height: 44px; background: url(../img/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; cursor: pointer; color: #fff; background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; text-align: center; } .fancybox-close i { font-size: 16px; line-height: 30px; display: block !important; } .fancybox-close .mk-svg-icon { height: 16px; fill: #fff; -webkit-transform: translateY(10%); transform: translateY(10%); } .fancybox-close:hover { background-color: rgba(0, 0, 0, 0.5); } .fancybox-nav { position: absolute; top: 25%; width: 40%; height: 50%; cursor: pointer; text-decoration: none; background: transparent url(../img/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -25px; cursor: pointer; visibility: hidden; color: #fff; background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; text-align: center; } @media handheld, only screen and (max-width: 768px) { .fancybox-nav span { visibility: visible !important; width: 30px; height: 30px; margin-top: -15px; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) { .fancybox-nav span { visibility: visible !important; } } .fancybox-nav span i { font-size: 16px; line-height: 60px; } .fancybox-nav span .mk-svg-icon { height: 16px; -webkit-transform: translateY(10%); transform: translateY(10%); } @media handheld, only screen and (max-width: 768px) { .fancybox-nav span i { line-height: 30px; } } .fancybox-nav span:hover { background-color: rgba(0, 0, 0, 0.5); } .fancybox-prev span { left: 20px; } .fancybox-next span { right: 20px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; background: url(../img/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; position: relative; margin-right: 45px; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { margin-top: 10px; } .fancybox-title-float-wrap .child { display: inline-block; font-size: 16px; text-transform: uppercase; color: #444; line-height: 24px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } .fancybox-wrap { z-index: 8020; } .fancybox-opened { z-index: 8030; } #fancybox-loading { z-index: 8060; } .fancybox-close { z-index: 8040; } .fancybox-nav { z-index: 8040; } .fancybox-nav span { z-index: 8040; } .fancybox-overlay { z-index: 8010; } .fancybox-title { z-index: 8050; } .fancybox-title-float-wrap { z-index: 8050; } /* =============================================================== Navigation Styles ================================================================ */ .mk-edge-nav a { position: absolute; top: 50%; display: block; outline: none; text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .mk-edge-nav a.mk-edge-prev { left: 0; } .mk-edge-nav a.mk-edge-next { right: 0; } .mk-edge-prev svg, .mk-edge-next svg { display: block; margin: 0 auto; padding: 0; height: 16px; vertical-align: middle; } .nav-item-caption { overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } /* -------------------- */ /* Rounded slide */ /* -------------------- */ .nav-roundslide a { margin: 0 20px; width: 62px; height: 62px; border-radius: 40px; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .nav-roundslide .mk-svg-icon { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .nav-roundslide .nav-item-caption { -webkit-transition: color 0.3s; transition: color 0.3s; } .nav-roundslide .mk-edge-icon-wrap { position: absolute; padding: 24px; } .nav-roundslide a.mk-edge-prev .mk-edge-icon-wrap { left: 0; } .nav-roundslide a.mk-edge-next .mk-edge-icon-wrap { right: 0; } .nav-roundslide .nav-item-caption { font-weight: bold; font-size: 13px; position: absolute; padding: 20px 10px; width: 130px; top: 0; margin: 0; opacity: 0; transition: opacity 0.3s, -webkit-transform 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-roundslide a.mk-edge-prev .nav-item-caption { right: 10px; -webkit-transform: translateX(100%); transform: translateX(100%); } .nav-roundslide a.mk-edge-next .nav-item-caption { left: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .nav-roundslide a:hover { width: 200px; -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-roundslide a:hover .nav-item-caption { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translateX(0); transform: translateX(0); } .nav-roundslide a[data-skin="dark"] { background-color: rgba(0, 0, 0, 0); border: 2px solid #333; } .nav-roundslide a[data-skin="dark"] .nav-item-caption { color: #333; } .nav-roundslide a[data-skin="dark"] .mk-svg-icon { fill: #333; } .nav-roundslide a[data-skin="dark"]:hover { background-color: rgba(0, 0, 0, 0.2); } .nav-roundslide a[data-skin="light"] { background-color: rgba(255, 255, 255, 0); border: 2px solid #fff; } .nav-roundslide a[data-skin="light"] .nav-item-caption { color: #fff; } .nav-roundslide a[data-skin="light"] .mk-svg-icon { fill: #fff; } .nav-roundslide a[data-skin="light"]:hover { background-color: rgba(255, 255, 255, 0.2); } /* -------------------- */ /* Rounded */ /* -------------------- */ .nav-round a { margin: 0 20px; width: 62px; height: 62px; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; } .nav-round .nav-item-caption { display: none !important; } .nav-round .mk-edge-icon-wrap { position: absolute; padding: 24px; } .nav-round a.mk-edge-prev .mk-edge-icon-wrap { left: 0; } .nav-round a.mk-edge-next .mk-edge-icon-wrap { right: 0; } .nav-round a[data-skin="dark"] { background-color: rgba(0, 0, 0, 0); border: 2px solid #333; } .nav-round a[data-skin="dark"] .mk-svg-icon { fill: #333; } .nav-round a[data-skin="dark"]:hover { background-color: rgba(0, 0, 0, 0.2); } .nav-round a[data-skin="light"] { background-color: rgba(255, 255, 255, 0); border: 2px solid #fff; } .nav-round a[data-skin="light"] .mk-svg-icon { fill: #fff; } .nav-round a[data-skin="light"]:hover { background-color: rgba(255, 255, 255, 0.2); } /* -------------------- */ /* Slit */ /* -------------------- */ .nav-slit .mk-edge-icon-wrap { position: relative; display: block; width: 40px; height: 125px; text-align: center; } .nav-slit svg { transition: -webkit-transform 0.3s 0.1s; -webkit-transition: -webkit-transform 0.3s 0.1s; transition: transform 0.3s 0.1s; transition: transform 0.3s 0.1s, -webkit-transform 0.3s 0.1s; fill: #fff; -webkit-transform: translateY(55px); transform: translateY(55px); } .nav-slit div { position: absolute; top: 0; width: 200px; height: 100%; transition: -webkit-transform 0.3s 0.1s; -webkit-transition: -webkit-transform 0.3s 0.1s; transition: transform 0.3s 0.1s; transition: transform 0.3s 0.1s, -webkit-transform 0.3s 0.1s; -webkit-perspective: 1000px; perspective: 1000px; } .nav-slit a.mk-edge-prev div { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .nav-slit a.mk-edge-next div { right: 0; text-align: left; -webkit-transform: translateX(100%); transform: translateX(100%); } .nav-slit .nav-item-caption { position: absolute; top: 124px; margin: 0; padding: 0 20px; width: 160px; height: 38px; color: #fff; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: normal; font-size: 0.75em; line-height: 38px; transition: -webkit-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.004); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nav-slit .edge-nav-bg { position: absolute; top: 0; left: 0; width: 100%; display: block; width: 200px; height: 125px; background-size: cover; } .nav-slit a:hover svg { -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-slit a.mk-edge-prev:hover svg { -webkit-transform: translateX(-50%) translateY(46px); transform: translateX(-50%) translateY(46px); } .nav-slit a.mk-edge-next:hover svg { -webkit-transform: translateX(50%) translateY(46px); transform: translateX(50%) translateY(46px); } .nav-slit a:hover div { -webkit-transform: translateX(0); transform: translateX(0); } .nav-slit a:hover .nav-item-caption { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .nav-slit a[data-skin="dark"] .mk-edge-icon-wrap, .nav-slit a[data-skin="light"] .mk-edge-icon-wrap { background-color: #333; background-color: rgba(50, 50, 50, 0.8); -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .nav-slit a[data-skin="dark"] .nav-item-caption, .nav-slit a[data-skin="light"] .nav-item-caption, .nav-slit a[data-skin="dark"] div, .nav-slit a[data-skin="light"] div { background-color: #333; } .nav-slit a[data-skin="dark"]:hover .mk-edge-icon-wrap, .nav-slit a[data-skin="light"]:hover .mk-edge-icon-wrap { background-color: #323232; } /* -------------------- */ /* Thumb flip */ /* -------------------- */ .nav-thumbflip a { -webkit-perspective: 1000px; perspective: 1000px; } .nav-thumbflip .nav-item-caption { display: none !important; } .nav-thumbflip a.mk-edge-prev { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .nav-thumbflip a.mk-edge-next { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; } .nav-thumbflip svg { -webkit-transform: translateY(38px); transform: translateY(38px); fill: #fff; } .nav-thumbflip .edge-nav-bg { position: absolute; top: 0; width: 95px; height: 95px; background-size: cover; background-position: center; transition: -webkit-transform 0.15s ease-out; -webkit-transition: -webkit-transform 0.15s ease-out; transition: transform 0.15s ease-out; transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nav-thumbflip a.mk-edge-prev .edge-nav-bg { left: 100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .nav-thumbflip a.mk-edge-next .edge-nav-bg { right: 100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .nav-thumbflip a:hover .edge-nav-bg { transition: -webkit-transform 0.25s ease-out; -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .nav-thumbflip .mk-edge-icon-wrap { -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; display: block; width: 95px; height: 95px; text-align: center; } .nav-thumbflip a[data-skin="dark"] .mk-edge-icon-wrap, .nav-thumbflip a[data-skin="dark"] div { background-color: rgba(50, 50, 50, 0.3); } .nav-thumbflip a[data-skin="dark"]:hover .mk-edge-icon-wrap { background-color: #323232; } .nav-thumbflip a[data-skin="light"] .mk-edge-icon-wrap { background-color: rgba(255, 255, 255, 0.3); } .nav-thumbflip a[data-skin="light"] div { background-color: rgba(255, 255, 255, 0.3); } .nav-thumbflip a[data-skin="light"]:hover .mk-edge-icon-wrap { background-color: #323232; } /* =============================================================== Pagination Styles ================================================================ */ .swiper-pagination { position: absolute; margin: 0; padding: 0; cursor: default; width: 100%; bottom: 6%; text-align: center; left: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } .swiper-pagination a { position: relative; display: inline-block; margin: 0 8px; width: 10px; height: 10px; cursor: pointer; } .swiper-pagination a span { top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; cursor: pointer; /* make the text accessible to screen readers */ position: absolute; } .swiper-pagination[data-skin="dark"] span { background-color: #333; background-color: rgba(0, 0, 0, 0.8); } .swiper-pagination[data-skin="light"] span { background-color: #fff; background-color: rgba(255, 255, 255, 0.3); } /* Stroke */ .pagination-stroke span { -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease; transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease, background-color 0.3s ease; transition: box-shadow 0.3s ease, background-color 0.3s ease, -webkit-box-shadow 0.3s ease; } .pagination-stroke[data-skin="dark"] span { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); } .pagination-stroke[data-skin="dark"] a:hover span, .pagination-stroke[data-skin="dark"] a:focus span { background-color: #333; } .pagination-stroke[data-skin="dark"] a.is-active span { background-color: transparent; -webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333; } .pagination-stroke[data-skin="light"] span { -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); } .pagination-stroke[data-skin="light"] a:hover span, .pagination-stroke[data-skin="light"] a:focus span { background-color: #ffffff; } .pagination-stroke[data-skin="light"] a.is-active span { background-color: transparent; -webkit-box-shadow: 0 0 0 2px #ffffff; box-shadow: 0 0 0 2px #ffffff; } /* Small dot with stroke */ .pagination-small_dot_stroke a { border-radius: 50%; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } .pagination-small_dot_stroke a span { transition: background-color 0.3s ease, -webkit-transform 0.3s ease; -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .pagination-small_dot_stroke a.is-active span { -webkit-transform: scale(0.4); transform: scale(0.4); } .pagination-small_dot_stroke[data-skin="dark"] a { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); } .pagination-small_dot_stroke[data-skin="dark"] a span { background-color: rgba(0, 0, 0, 0.7); } .pagination-small_dot_stroke[data-skin="dark"] a:hover span, .pagination-small_dot_stroke[data-skin="dark"] a:focus span, .pagination-small_dot_stroke[data-skin="dark"] a.is-active span { background-color: #333333; } .pagination-small_dot_stroke[data-skin="dark"] a.is-active { -webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333; } .pagination-small_dot_stroke[data-skin="light"] a { -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); } .pagination-small_dot_stroke[data-skin="light"] a span { background-color: rgba(255, 255, 255, 0.7); } .pagination-small_dot_stroke[data-skin="light"] a:hover span, .pagination-small_dot_stroke[data-skin="light"] a:focus span, .pagination-small_dot_stroke[data-skin="light"] a.is-active span { background-color: #ffffff; } .pagination-small_dot_stroke[data-skin="light"] a.is-active { -webkit-box-shadow: 0 0 0 2px #ffffff; box-shadow: 0 0 0 2px #ffffff; } /** Page Pagination **/ .mk-pagination { margin: 0 auto; text-align: center; padding: 65px 0 40px; position: relative; } .mk-pagination a { text-decoration: none; } .mk-pagination .mk-pagination-inner { margin: 0 10px 0 0; float: left; } .mk-pagination .page-number, .mk-pagination .current-page { display: block; padding: 10px 14px; line-height: 12px; font-size: 12px; margin: 0 6px; font-weight: bold; float: left; border: 2px solid transparent; color: #9a9a9a; color: rgba(0, 0, 0, 0.4); } .mk-pagination .page-number:hover, .mk-pagination .current-page:hover { border: 2px solid rgba(0, 0, 0, 0.4); } .mk-pagination .current-page { border: 2px solid rgba(0, 0, 0, 0.4); } .mk-pagination .mk-total-pages { float: right; opacity: 0.6; } .mk-pagination .page-number, .mk-pagination .current-page, .mk-pagination .mk-pagination-next, .mk-pagination .mk-pagination-previous { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .mk-pagination .mk-pagination-next, .mk-pagination .mk-pagination-previous { display: block; height: 36px; width: 38px; float: left; color: #9a9a9a; color: rgba(0, 0, 0, 0.4); border: 2px solid transparent; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .mk-pagination .mk-pagination-next a, .mk-pagination .mk-pagination-previous a { width: 100%; height: 100%; position: absolute; z-index: 14; left: 0; top: 0; } .mk-pagination .mk-pagination-next svg, .mk-pagination .mk-pagination-previous svg { height: 20px; width: 20px; vertical-align: middle; -webkit-transform: translateY(2px); transform: translateY(2px); } .mk-pagination .mk-pagination-next:hover, .mk-pagination .mk-pagination-previous:hover { border: 2px solid rgba(0, 0, 0, 0.4); } @media handheld, only screen and (max-width: 767px) { .mk-pagination .mk-total-pages, .mk-pagination .mk-pagination-inner { float: none; margin: 40px auto 0; clear: both; padding-top: 0; } .mk-pagination .page-number, .mk-pagination .current-page { float: none; display: inline-block; margin-bottom: 6px; } .mk-pagination .pagination-arrows { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 20px; width: 45%; border: 2px solid rgba(0, 0, 0, 0.2); } .mk-pagination .mk-pagination-next { right: 0; } .mk-pagination .mk-pagination-previous { left: 0; } } .mk-page-links { margin: 10px 0 20px 10px; font-weight: bold; } .mk-page-links a { display: inline-block; line-height: 14px; font-size: 12px; margin: 0; } .mk-loadmore-button { margin: 40px auto; background-color: #ffffff; color: #252525 !important; font-size: 13px; display: block; text-align: center; padding: 15px 0; line-height: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; border-radius: 2px; border: 2px solid #e2e2e2; width: 50%; max-height: 60px; position: relative; } .mk-loadmore-button:hover { background-color: #f5f5f5; } .mk-loadmore-button svg { height: 16px; margin-right: 10px; fill: #b5b5b5; vertical-align: middle; } .mk-loadmore-button.is-active svg { fill: #e6e6e6; } .mk-loadmore-button .mk-loading-indicator { opacity: 0; } .mk-loadmore-button.is-active .mk-loading-indicator { opacity: 1; } @media handheld, only screen and (max-width: 767px) { .mk-loadmore-button { width: 100% !important; } } .mk-post-nav { position: fixed; top: 50%; margin-top: -115px; text-decoration: none; width: 260px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media handheld, only screen and (max-width: 767px) { .mk-post-nav { display: none !important; } } .pagnav-wrapper .pagenav-top { height: 130px; display: block; position: relative; } .pagnav-wrapper .pagenav-top .pagenav-image { position: absolute; display: block; height: 130px; } .pagnav-wrapper .pagenav-top .pagenav-image img { height: 130px; width: 130px; line-height: 4px; } .pagnav-wrapper .pagenav-top .mk-pavnav-icon { position: absolute; width: 130px; height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #dfdfdf; background-color: rgba(0, 0, 0, 0.3); color: #ffffff; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } .pagnav-wrapper .pagenav-top .mk-pavnav-icon svg { vertical-align: middle; height: 16px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .pagnav-wrapper .nav-info-container { height: 90px; width: 260px; overflow: hidden; } .pagnav-wrapper .pagenav-bottom { display: block; height: inherit; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #f0f0f0; width: inherit; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .pagnav-wrapper .pagenav-title { display: block; font-size: 13px; font-weight: bold; color: #252525; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: uppercase; padding: 20px 20px 0; } .pagnav-wrapper .pagenav-category { font-weight: 500; font-size: 10px; text-transform: uppercase; display: block; color: #888888; letter-spacing: 1px; padding: 5px 20px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mk-post-next { right: -200px; } .mk-post-next .pagenav-image { right: 0; } .mk-post-next .mk-pavnav-icon { left: 0; } .mk-post-next .mk-pavnav-icon svg { -webkit-transform: translate(-30px, 0); transform: translate(-30px, 0); } .mk-post-next .pagenav-bottom { -webkit-transition: all 0.3s ease-out 0.2s; transition: all 0.3s ease-out 0.2s; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); opacity: 0; } .mk-post-prev { left: -200px; } .mk-post-prev .pagenav-image { left: 0; } .mk-post-prev .mk-pavnav-icon { right: 0; } .mk-post-prev .mk-pavnav-icon svg { -webkit-transform: translate(30px, 0); transform: translate(30px, 0); } .mk-post-prev .pagenav-bottom { -webkit-transition: all 0.3s ease-in 0.2s; transition: all 0.3s ease-in 0.2s; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); opacity: 0; } .mk-post-nav:hover { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mk-post-nav:hover.mk-post-prev { left: 0; } .mk-post-nav:hover.mk-post-next { right: 0; } .mk-post-nav:hover .mk-pavnav-icon { background-color: #252525; } .mk-post-nav:hover .mk-pavnav-icon svg { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mk-post-nav:hover .pagenav-bottom { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s; transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s; } .mk-portfolio-item { /* Global Styles */ /*-----*/ /* FadeBox hover style */ /* ----- */ /* Slidebox Hover style */ /* ----- */ /* Zooom In hover style */ /* ----- */ /* Zoom out Hover style */ /* ----- */ /* cube-hover style */ /* ----- */ /* Light Zooom In hover style */ /* ----- */ } .mk-portfolio-item.one-column { width: 100%; } .mk-portfolio-item.two-column { width: 50%; } .mk-portfolio-item.three-column { width: 33.3%; } .mk-portfolio-item.four-column { width: 24.96%; } .mk-portfolio-item.five-column { width: 20%; } .mk-portfolio-item.six-column { width: 16.66%; } @media handheld, only screen and (max-width: 1140px) { .mk-portfolio-item.four-column, .mk-portfolio-item.five-column, .mk-portfolio-item.six-column { width: 33.3% !important; } } @media handheld, only screen and (max-width: 960px) { .mk-portfolio-item.two-column, .mk-portfolio-item.three-column, .mk-portfolio-item.four-column, .mk-portfolio-item.five-column, .mk-portfolio-item.six-column { width: 49.96% !important; } } @media handheld, only screen and (max-width: 620px) { .mk-portfolio-item.two-column, .mk-portfolio-item.three-column, .mk-portfolio-item.four-column, .mk-portfolio-item.five-column, .mk-portfolio-item.six-column { width: 100% !important; } } .mk-portfolio-item .the-title { padding: 0 20px; font-size: 14px !important; line-height: 18px !important; font-weight: bold; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff !important; } /*.mk-portfolio-item .the-title a { color: #ffffff !important; }*/ .mk-portfolio-item .portfolio-categories a, .mk-portfolio-item .portfolio-categories, .mk-portfolio-item .portfolio-date { line-height: 16px; font-size: 11px; letter-spacing: 1px; color: #aaaaaa; } /*.mk-portfolio-item .portfolio-categories a,*/ .mk-portfolio-item .portfolio-date a { color: #aaaaaa; } .mk-portfolio-item .featured-image { position: relative; overflow: hidden; line-height: 4px; } .mk-portfolio-item .featured-image img { position: relative; width: 100%; } .mk-portfolio-item .featured-image .hover-overlay { background-color: #000000; -webkit-transform: translate(0, 80%); transform: translate(0, 80%); transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s; } .mk-portfolio-item.fadebox-hover .portfolio-meta { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; text-transform: uppercase; padding-bottom: 10px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mk-portfolio-item.fadebox-hover .portfolio-categories { letter-spacing: 1px; font-size: 11px; padding: 0 20px; line-height: 16px; } .mk-portfolio-item.fadebox-hover .portfolio-categories span, .mk-portfolio-item.fadebox-hover .portfolio-date { color: #ffffff; } .mk-portfolio-item.fadebox-hover .add-gradient { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0.9))) !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 75%) !important; } .mk-portfolio-item.fadebox-hover .featured-image:after { content: ''; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-out 0.1s; transition: all 0.3s ease-out 0.1s; } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder { position: absolute; top: 20%; left: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder a { display: inline-block; margin: 0 5px; width: 48px; height: 48px; line-height: 50px; text-align: center; color: #ffffff; opacity: 0.7; } .mk-portfolio-item .icons-holder a svg { overflow: visible; } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder a svg { height: 42px; vertical-align: middle; } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder a:hover { opacity: 1; } .mk-portfolio-item.fadebox-hover .featured-image:hover:after, .mk-portfolio-item.fadebox-hover .featured-image.hover:after { opacity: 1; } .mk-portfolio-item.fadebox-hover .featured-image:hover .portfolio-meta, .mk-portfolio-item.fadebox-hover .featured-image.hover .portfolio-meta { opacity: 1; bottom: 30px; } .mk-portfolio-item.fadebox-hover .featured-image:hover .portfolio-categories, .mk-portfolio-item.fadebox-hover .featured-image.hover .portfolio-categories { opacity: 1; } .mk-portfolio-item.fadebox-hover .featured-image:hover .hover-overlay, .mk-portfolio-item.fadebox-hover .featured-image.hover .hover-overlay { opacity: .85; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mk-portfolio-item.fadebox-hover .featured-image:hover .icons-holder, .mk-portfolio-item.fadebox-hover .featured-image.hover .icons-holder { opacity: 1; } .mk-portfolio-item.slidebox-hover.six-column .portfolio-meta, .mk-portfolio-item.slidebox-hover.five-column .portfolio-meta { padding: 15px 10px 20px; } .mk-portfolio-item.slidebox-hover.six-column .icons-holder, .mk-portfolio-item.slidebox-hover.five-column .icons-holder { top: 20%; } .mk-portfolio-item.slidebox-hover.four-column .icons-holder { top: 25%; } .mk-portfolio-item.slidebox-hover .portfolio-meta { position: absolute; bottom: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); left: 0; width: 100%; text-align: center; padding: 25px 10px 30px; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; background-color: #1a1a1a; min-height: 60px; } .mk-portfolio-item.slidebox-hover .icons-holder { position: absolute; top: 30%; left: 50%; left: 3px; width: 100%; text-align: center; opacity: 0; -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.305, 1.42); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.305, 1.42); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .mk-portfolio-item.slidebox-hover .icons-holder a { display: inline-block; margin: 0 5px; width: 48px; height: 48px; line-height: 50px; text-align: center; color: #ffffff; -webkit-transition: all .25s; transition: all .25s; opacity: 0.7; vertical-align: middle; } .mk-portfolio-item.slidebox-hover .icons-holder a svg { height: 42px; vertical-align: middle; } .mk-portfolio-item.slidebox-hover .icons-holder a:hover { opacity: 1; } .mk-portfolio-item.slidebox-hover .featured-image { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-portfolio-item.slidebox-hover .featured-image img { -webkit-transform: scale(1.12); transform: scale(1.12); position: relative; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .mk-portfolio-item.slidebox-hover .image-hover-overlay { background-color: #000000 !important; } .mk-portfolio-item.slidebox-hover .featured-image:hover .portfolio-meta, .mk-portfolio-item.slidebox-hover .featured-image.hover .portfolio-meta { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mk-portfolio-item.slidebox-hover .featured-image:hover .image-hover-overlay, .mk-portfolio-item.slidebox-hover .featured-image.hover .image-hover-overlay { opacity: .4; } .mk-portfolio-item.slidebox-hover .featured-image:hover img, .mk-portfolio-item.slidebox-hover .featured-image.hover img { -webkit-transform: scale(1) translate3d(0, -20px, 0); transform: scale(1) translate3d(0, -20px, 0); } .mk-portfolio-item.slidebox-hover .featured-image:hover .icons-holder, .mk-portfolio-item.slidebox-hover .featured-image.hover .icons-holder { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mk-portfolio-item.zoomin-hover.six-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.five-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.four-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.three-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.six-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.five-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.four-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.three-column .image-hover-overlay:before { top: 9%; left: 8%; right: 8%; bottom: 9%; } .mk-portfolio-item.zoomin-hover .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover .image-hover-overlay:before { position: absolute; top: 9%; left: 5%; right: 5%; bottom: 9%; content: ''; opacity: 1; display: block; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .mk-portfolio-item.zoomin-hover .image-hover-overlay:before { border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleY(0) !important; transform: scaleY(0) !important; } .mk-portfolio-item.zoomin-hover .image-hover-overlay:after { border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important; } .mk-portfolio-item.zoomin-hover .portfolio-meta { position: absolute; bottom: 70%; left: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mk-portfolio-item.zoomin-hover .icons-holder { position: absolute; top: 65%; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mk-portfolio-item.zoomin-hover .icons-holder a { display: inline-block; margin: 0 5px; width: 48px; height: 48px; line-height: 50px; text-align: center; opacity: 0.7; color: #ffffff; } .mk-portfolio-item.zoomin-hover .icons-holder a svg { height: 42px; vertical-align: middle; } .mk-portfolio-item.zoomin-hover .icons-holder a:hover { opacity: 1; } .mk-portfolio-item.zoomin-hover .portfolio-categories { line-height: initial; } .mk-portfolio-item.zoomin-hover .portfolio-categories span, .mk-portfolio-item.zoomin-hover .portfolio-date { color: #ffffff; font-size: 13px; text-transform: uppercase; } .mk-portfolio-item.zoomin-hover .featured-image { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-portfolio-item.zoomin-hover .featured-image.buttons-disabled:hover .portfolio-meta { bottom: 40%; } .mk-portfolio-item.zoomin-hover .featured-image img { position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .mk-portfolio-item.zoomin-hover .image-hover-overlay { background-color: #000000 !important; } .mk-portfolio-item.zoomin-hover .featured-image:hover .portfolio-meta, .mk-portfolio-item.zoomin-hover .featured-image.hover .portfolio-meta { opacity: 1; bottom: 60%; } .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay:before { -webkit-transform: scaleY(1) !important; transform: scaleY(1) !important; } .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay:after { -webkit-transform: scaleX(1) !important; transform: scaleX(1) !important; } .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay, .mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay { opacity: .5; } .mk-portfolio-item.zoomin-hover .featured-image:hover img, .mk-portfolio-item.zoomin-hover .featured-image.hover img { -webkit-transform: scale(1.15); transform: scale(1.15); } .mk-portfolio-item.zoomin-hover .featured-image:hover .icons-holder, .mk-portfolio-item.zoomin-hover .featured-image.hover .icons-holder { top: 60%; opacity: 1; } .mk-portfolio-item.zoomout-hover.three-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.six-column .portfolio-meta .the-title { font-size: 12px !important; } .mk-portfolio-item.zoomout-hover.three-column .icons-holder, .mk-portfolio-item.zoomout-hover.five-column .icons-holder, .mk-portfolio-item.zoomout-hover.four-column .icons-holder, .mk-portfolio-item.zoomout-hover.six-column .icons-holder { position: absolute; bottom: 15px; right: 20px; } .mk-portfolio-item.zoomout-hover.three-column .icons-holder a, .mk-portfolio-item.zoomout-hover.five-column .icons-holder a, .mk-portfolio-item.zoomout-hover.four-column .icons-holder a, .mk-portfolio-item.zoomout-hover.six-column .icons-holder a { margin: 0 3px; } .mk-portfolio-item.zoomout-hover.three-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.five-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.four-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.six-column .icons-holder a svg { height: 24px; } .mk-portfolio-item.zoomout-hover .item-holder { background-color: #ffffff; } .mk-portfolio-item.zoomout-hover .portfolio-meta { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: left; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 70px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mk-portfolio-item.zoomout-hover .icons-holder { position: absolute; bottom: 15px; right: 20px; margin: 0 0 0 -30px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mk-portfolio-item.zoomout-hover .icons-holder a { display: inline-block; margin: 0 6px; text-align: center; color: #ffffff; opacity: 0.7; } .mk-portfolio-item.zoomout-hover .icons-holder a svg { height: 30px; } .mk-portfolio-item.zoomout-hover .icons-holder a:hover { opacity: 1; } .mk-portfolio-item.zoomout-hover .the-title { padding-right: 40px; margin-bottom: 3px; } .mk-portfolio-item.zoomout-hover .portfolio-categories, .mk-portfolio-item.zoomout-hover .portfolio-date { padding: 4px 0 0 20px; } .mk-portfolio-item.zoomout-hover .featured-image img { position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-portfolio-item.zoomout-hover .image-hover-overlay { background-color: #000000 !important; opacity: 1 !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mk-portfolio-item.zoomout-hover .featured-image:hover .image-hover-overlay, .mk-portfolio-item.zoomout-hover .featured-image.hover .image-hover-overlay { -webkit-transform: scale(1) !important; transform: scale(1) !important; opacity: 1 !important; } .mk-portfolio-item.zoomout-hover .featured-image:hover .portfolio-meta, .mk-portfolio-item.zoomout-hover .featured-image.hover .portfolio-meta { opacity: 1; -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } .mk-portfolio-item.zoomout-hover .featured-image:hover img, .mk-portfolio-item.zoomout-hover .featured-image.hover img { -webkit-transform: scale(0.5) translate(0, -30%); transform: scale(0.5) translate(0, -30%); } .mk-portfolio-item.zoomout-hover .featured-image:hover .icons-holder, .mk-portfolio-item.zoomout-hover .featured-image.hover .icons-holder { opacity: 1; -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } .mk-portfolio-item.cube-hover.five-column .portfolio-meta, .mk-portfolio-item.cube-hover.four-column .portfolio-meta, .mk-portfolio-item.cube-hover.six-column .portfolio-meta { padding: 19px 10px; } .mk-portfolio-item.cube-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .the-title { padding: 0 10px; text-align: left; font-size: 12px !important; } .mk-portfolio-item.cube-hover.five-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.five-column .portfolio-meta .portfolio-date, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .portfolio-date, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .portfolio-date { font-size: 10px; letter-spacing: 0; padding: 4px 0 0 10px; line-height: 16px; } .mk-portfolio-item.cube-hover.five-column .icons-holder, .mk-portfolio-item.cube-hover.four-column .icons-holder, .mk-portfolio-item.cube-hover.six-column .icons-holder { bottom: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mk-portfolio-item.cube-hover.five-column .icons-holder a, .mk-portfolio-item.cube-hover.four-column .icons-holder a, .mk-portfolio-item.cube-hover.six-column .icons-holder a { margin: 0 5px; } .mk-portfolio-item.cube-hover.five-column .icons-holder a svg, .mk-portfolio-item.cube-hover.four-column .icons-holder a svg, .mk-portfolio-item.cube-hover.six-column .icons-holder a svg { height: 24px; } .mk-portfolio-item.cube-hover .item-holder { background-color: #000000; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; } .mk-portfolio-item.cube-hover .portfolio-meta { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; padding: 42px 10px; text-align: left; opacity: 0.8; background: #000000; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; -webkit-transform-origin: left center; transform-origin: left center; z-index: 12; } .mk-portfolio-item.cube-hover .the-title { padding: 0 30px; color: #ffffff !important; font-size: 15px !important; font-weight: bold; line-height: 20px !important; text-transform: uppercase; letter-spacing: 1px; } .mk-portfolio-item.cube-hover .icons-holder { position: absolute; bottom: 30px; width: 50%; text-align: center; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mk-portfolio-item.cube-hover .icons-holder a { display: inline-block; margin: 0 5px; text-align: center; color: #ffffff; opacity: 0.7; } .mk-portfolio-item.cube-hover .icons-holder a svg { height: 32px; } .mk-portfolio-item.cube-hover .icons-holder a:hover { opacity: 1; } .mk-portfolio-item.cube-hover .portfolio-categories, .mk-portfolio-item.cube-hover .portfolio-date { color: #ffffff; opacity: 0.7; line-height: 16px; font-size: 11px; letter-spacing: 1px; padding: 4px 0 0 30px; } .mk-portfolio-item.cube-hover .featured-image { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-portfolio-item.cube-hover .featured-image.buttons-disabled .portfolio-meta:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .mk-portfolio-item.cube-hover .featured-image.buttons-disabled .portfolio-meta .add-middle-align { display: inline-block; vertical-align: middle; width: 99%; } .mk-portfolio-item.cube-hover .featured-image img { position: relative; -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); } .mk-portfolio-item.cube-hover .image-hover-overlay { background-color: #000000 !important; opacity: 1 !important; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .mk-portfolio-item.cube-hover .featured-image:hover .portfolio-meta, .mk-portfolio-item.cube-hover .featured-image.hover .portfolio-meta { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .mk-portfolio-item.cube-hover .featured-image:hover img, .mk-portfolio-item.cube-hover .featured-image.hover img { -webkit-transform: translate(20%, 0); transform: translate(20%, 0); } .mk-portfolio-item.cube-hover .featured-image:hover .icons-holder, .mk-portfolio-item.cube-hover .featured-image.hover .icons-holder { opacity: 1; -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } .mk-portfolio-item.light-zoomin-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.light-zoomin-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.light-zoomin-hover.six-column .portfolio-meta .the-title { font-size: 12px !important; } .mk-portfolio-item.light-zoomin-hover .image-hover-overlay:after, .mk-portfolio-item.light-zoomin-hover .image-hover-overlay:before { position: absolute; top: 9%; left: 5%; right: 5%; bottom: 9%; content: ''; opacity: 1; display: block; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .mk-portfolio-item.light-zoomin-hover .portfolio-meta, .style-modern .mk-portfolio-item.light-zoomin-hover .portfolio-meta { position: absolute; bottom: 50%; left: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mk-portfolio-item.light-zoomin-hover .portfolio-meta .the-title { padding: 0 20px 8px 20px; position: relative; margin-bottom: 30px; } .mk-portfolio-item.light-zoomin-hover .portfolio-meta .the-title a { color: #333333 !important; } .mk-portfolio-item.light-zoomin-hover .the-title:after { position: absolute; content: ''; bottom: 0; left: 50%; margin-left: -6px; height: 2px; width: 12px; background-color: #000000; } .mk-portfolio-item.light-zoomin-hover .icons-holder, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder { position: absolute; top: 65%; left: 3px; width: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mk-portfolio-item.light-zoomin-hover .icons-holder a, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a { display: inline-block; margin: 0 3px; width: 48px; height: 48px; line-height: 50px; text-align: center; border: none; color: #000000; opacity: 0.5; } .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a { color: #ffffff; } .mk-portfolio-item.light-zoomin-hover .icons-holder a svg, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a svg { height: 42px; vertical-align: middle; } .mk-portfolio-item.light-zoomin-hover .icons-holder a:hover, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a:hover { opacity: 1; } .mk-portfolio-item.light-zoomin-hover .portfolio-categories, .mk-portfolio-item.light-zoomin-hover .portfolio-date { color: #555555; } .mk-portfolio-item.light-zoomin-hover .portfolio-categories a, .mk-portfolio-item.light-zoomin-hover .portfolio-date a { color: #555555; } .mk-portfolio-item.light-zoomin-hover .featured-image { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-portfolio-item.light-zoomin-hover .featured-image.buttons-disabled .portfolio-meta { bottom: 40%; } .mk-portfolio-item.light-zoomin-hover .featured-image img { position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .mk-portfolio-item.light-zoomin-hover .image-hover-overlay { background-color: #ffffff !important; } .mk-portfolio-item.light-zoomin-hover .featured-image:hover .portfolio-meta, .mk-portfolio-item.light-zoomin-hover .featured-image.hover .portfolio-meta { opacity: 1; } .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay:before, .mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay:before { -webkit-transform: scaleY(1) !important; transform: scaleY(1) !important; } .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay:after, .mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay:after { -webkit-transform: scaleX(1) !important; transform: scaleX(1) !important; } .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay, .mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay { opacity: .8; } .mk-portfolio-item.light-zoomin-hover .featured-image:hover img, .mk-portfolio-item.light-zoomin-hover .featured-image.hover img { -webkit-transform: scale(1.15); transform: scale(1.15); } .mk-portfolio-item.light-zoomin-hover .featured-image:hover .icons-holder, .mk-portfolio-item.light-zoomin-hover .featured-image.hover .icons-holder { opacity: 1; } .mk-section-preloader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 999; } .mk-section-preloader__icon { top: 50%; } .mk-section-preloader__icon { margin: 0 auto; width: 45px; height: 45px; border-radius: 50%; border: 3px solid transparent; position: relative; -webkit-animation: mk-section-preloader--spin 1s infinite linear; animation: mk-section-preloader--spin 1s infinite linear; } .mk-section-preloader__icon:before { content: ''; width: 40px; height: 40px; border-radius: 50%; display: block; position: absolute; left: 0; top: 0; border-right: 3px solid transparent; border-top: 3px solid transparent; border-left: 3px solid #aaa; border-bottom: 3px solid transparent; } @-webkit-keyframes mk-section-preloader--spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mk-section-preloader--spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .load-more-scroll { position: relative; height: 70px; width: 200px; margin: 0 auto; } .mk-loading-indicator { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.7); z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mk-loading-indicator__inner { position: relative; height: 60%; max-height: 45px; display: inline-block; margin: 0 auto; } .mk-loading-indicator__icon { border-radius: 50%; border: 2px solid transparent; -webkit-animation: mk-loading-indicator--spin 0.7s infinite linear; animation: mk-loading-indicator--spin 0.7s infinite linear; -webkit-transform-origin: center; transform-origin: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mk-loading-indicator__icon:before { content: ''; width: 100%; height: 100%; border-radius: 50%; display: block; position: absolute; left: 0; top: 0; border-right: 2px solid rgba(0, 0, 0, 0.1); border-top: 2px solid #aaa; border-left: 2px solid #aaa; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } @-webkit-keyframes mk-loading-indicator--spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mk-loading-indicator--spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Progress button /**************************************************/ .mk-progress-button { position: relative; display: inline-block; letter-spacing: 3px; text-transform: uppercase; } .mk-progress-button[disabled], .mk-progress-button[disabled].state-loading { cursor: default; } .mk-progress-button .mk-progress-button-content { position: relative; display: block; } .mk-progress-button .state-success, .mk-progress-button .state-error { position: absolute; right: 10px; top: 50%; margin-top: -8px; display: block; width: 20px; height: 20px; opacity: 0; } .mk-progress-button .state-success svg, .mk-progress-button .state-error svg { height: 14px; right: 20px; } .notransition { -webkit-transition: none !important; transition: none !important; } .mk-progress-button .mk-progress-inner { position: absolute; left: 0; bottom: 0; height: 5px; width: 0; transform-origin: bottom left; -o-transform-origin: bottom left; -ms-transform-origin: bottom left; -moz-transform-origin: bottom left; -webkit-transform-origin: bottom left; } .outline-btn-dark .mk-progress-inner, .flat-dimension .mk-progress-inner, .outline-btn-light:hover .mk-progress-inner, .contact-form-button .mk-progress-inner { background: rgba(0, 0, 0, 0.5); } .outline-btn-light .mk-progress-inner, .outline-btn-dark:hover .mk-progress-inner, .contact-form-button:hover .mk-progress-inner { background: rgba(255, 255, 255, 0.5); } .mk-progress-button[data-horizontal] .mk-progress-inner { bottom: 0; width: 0; height: 5px; -webkit-transition: width 0.3s, opacity 0.3s; transition: width 0.3s, opacity 0.3s; transform-origin: bottom left; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; } .mk-progress-button[data-vertical] .mk-progress-inner { bottom: 0; width: 100%; height: 0; -webkit-transition: height 0.3s, opacity 0.3s; transition: height 0.3s, opacity 0.3s; } /* move-up */ /* ====================== */ .mk-progress-button[data-style="move-up"] { overflow: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-progress-button[data-style="move-up"] .mk-progress-button-content { transition: -webkit-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .mk-progress-button[data-style="move-up"] .mk-progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mk-progress-button[data-style="move-up"].state-loading .mk-progress-button-content { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /*Button Border*/ .s_contact.corporate-style .mk-progress-button, .s_contact.classic-style .mk-progress-button { border: 0; } /* Inherit P tags inside shortcodes */ .mk-mini-callout p, .pricing-offer-grid p, .mk-title-box p { color: inherit !important; font-size: inherit !important; line-height: inherit !important; } .image-hover-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background-color: #f97352; } .contact-form-message { padding: 10px 0; font-size: 13px; color: #cd1313; display: none; } .contact-form-message.state-success { color: #659c39; } .mk-skip-to-next { position: absolute; display: table; left: 50%; cursor: pointer; bottom: 0; margin: -26px 0 26px -26px; width: 50px; height: 50px; border-radius: 50%; text-align: center; opacity: 0.9; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mk-skip-to-next svg { height: 16px; width: 16px; display: table-cell; vertical-align: middle; display: inline-block; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(2px); transform: translateY(2px); } .mk-skip-to-next:hover { opacity: 1; } .mk-skip-to-next:hover svg { -webkit-transform: translateY(5px); transform: translateY(5px); } .mk-skip-to-next[data-skin="dark"] { border: 2px solid #333333; } .mk-skip-to-next[data-skin="dark"] svg { fill: #333333; } .mk-skip-to-next[data-skin="light"] { border: 2px solid #ffffff; } .mk-skip-to-next[data-skin="light"] svg { fill: #ffffff; } .mk-swipe-slideshow .mk-swiper-wrapper { height: 0; overflow: hidden; } .mk-blog-container .mk-slider-holder-img { width: 100%; } .post-type-badge { position: absolute; left: 50%; top: 50%; display: block; opacity: 0; margin: -24px 0 0 -24px; } .post-type-badge svg { height: 48px; fill: #ffffff; } .mk-blog-container .featured-image:hover .post-type-badge { opacity: 1; } .wp-core-ui .button, .wp-core-ui .button-secondary { color: #555555 !important; border-color: #cccccc !important; height: 24px !important; line-height: 22px !important; padding: 0 8px 1px !important; font-size: 11px !important; border: 1px solid #cccccc !important; background: #f7f7f7 !important; -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 rgba(0, 0, 0, 0.08) !important; box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 rgba(0, 0, 0, 0.08) !important; } .wp-core-ui .button:hover, .wp-core-ui .button-secondary:hover { background: #eeeeee !important; } .IE9 .mk-button.savvy-dimension:after { top: 0; left: 0; } /* Formstack plugin compatibility */ select.fsField { background-color: #fff; border: 1px solid #7c7c7c !important; border-radius: 4px !important; color: #333333 !important; display: initial !important; font-size: 14px !important; font-weight: normal !important; max-width: 100%; min-width: 100px !important; padding: 4px 5px !important; } .featured-image img { -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .mk-slider { width: 100%; height: 100%; position: relative; overflow: hidden; } .mk-slider-holder { width: 100%; height: 100%; } .mk-slider-slide { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .mk-slider-slide:first-of-type { display: block; } .mk-section-image { height: 100%; } .mk-slider-spinner-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 10; -webkit-transition: 0.2s ease-out opacity; transition: 0.2s ease-out opacity; } .mk-slider-spinner-wrap-hidden { opacity: 0; } html:not(.IE) .mk-slider-spinner-wrap .mk-slider-spinner { position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; vertical-align: bottom; } html:not(.IE) .mk-slider-spinner-wrap .mk-slider-spinner-path { stroke: #444; } .mk-slider-spinner { -webkit-animation: mka-rotator 1.4s linear infinite; animation: mka-rotator 1.4s linear infinite; } @-webkit-keyframes mka-rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes mka-rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } .mk-slider-spinner-path { stroke-dasharray: 187px; stroke-dashoffset: 0px; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: mka-dash 1.4s ease-in-out infinite; animation: mka-dash 1.4s ease-in-out infinite; stroke: #b3b3b3; } @-webkit-keyframes mka-dash { 0% { stroke-dashoffset: 187px; } 50% { stroke-dashoffset: 46.75px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187px; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } @keyframes mka-dash { 0% { stroke-dashoffset: 187px; } 50% { stroke-dashoffset: 46.75px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187px; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } .mk-slider-spinner-fallback { display: none; } .IE .mk-slider-spinner-fallback { display: block; } .IE .mk-slider-spinner { display: none; } .mk-slider-spinner-fallback, .mk-slider-spinner-fallback:before, .mk-slider-spinner-fallback:after { border-radius: 50%; } .mk-slider-spinner-fallback { color: #444444; font-size: 5px; text-indent: -99999em; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; width: 10em; height: 10em; -webkit-box-shadow: inset 0 0 0 1em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); transform: translateZ(0); } .mk-slider-spinner-fallback:before, .mk-slider-spinner-fallback:after { position: absolute; content: ''; } .mk-slider-spinner-fallback:before { width: 5.2em; height: 10.2em; background: #ffffff; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: mk-spinner-fallback-anim 1s infinite ease 1.5s; animation: mk-spinner-fallback-anim 1s infinite ease 1.5s; } .mk-slider-spinner-fallback:after { width: 5.2em; height: 10.2em; background: #ffffff; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: mk-spinner-fallback-anim 1s infinite ease; animation: mk-spinner-fallback-anim 1s infinite ease; } @-webkit-keyframes mk-spinner-fallback-anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mk-spinner-fallback-anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .mk-fancy-title { margin-bottom: 18px; } .mk-fancy-title p { color: inherit; } .mk-fancy-title.pattern-style { background: url(../../assets/img/fancy-title-pattern.png) left center repeat-x; } .mk-fancy-title.pattern-style.align-left span { padding: 0 6px 0 0; } .mk-fancy-title.pattern-style.align-right span { padding: 0 0 0 6px; } .mk-fancy-title.pattern-style.align-center span { padding: 0 6px; } .mk-fancy-title.color-gradient span i { display: table; font-style: normal; } .mk-fancy-title.pattern-style.color-gradient span { position: relative; } .mk-fancy-title.pattern-style.color-gradient span:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; } .mk-fancy-title.color-gradient.align-left span i { margin: 0 auto 0 0; } .mk-fancy-title.color-gradient.align-center span i { margin: 0 auto 0; } .mk-fancy-title.color-gradient.align-right span i { margin: 0 0 0 auto; } .mk-fancy-title.color-gradient span i { position: relative; z-index: 2; } .mk-fancy-title.shortcode-heading { font-weight: bold; font-size: 14px; } .mk-fancy-title.pattern-style p { display: inline; } @media handheld, only screen and (max-width: 767px) { .mk-fancy-title { text-align: center !important; } .mk-fancy-title.pattern-style span { padding: 0 8px !important; } .mk-fancy-title.mk-force-responsive { font-size: 36px !important; } } .mk-title-box { line-height: 100%; } .mk-title-box p { margin: 0; } .mk-title-box span { padding: 4px 0; } .image-hover-overlay, .hover-overlay, .mk-image-lightbox { -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .mk-animate-element, .mk-fullscreen-search-overlay, .mk-effect-bg-layer { -webkit-transform: translateZ(0); transform: translateZ(0); } .mk-animate-element { opacity: 0; -webkit-perspective: 1000; } .no-transform .mk-animate-element { opacity: 1; } .mk-animate-element.mk-in-viewport.fade-in { -webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; } .mk-animate-element.mk-in-viewport.scale-up { -webkit-animation: mk_scale 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); animation: mk_scale 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; } .mk-animate-element.mk-in-viewport.right-to-left { -webkit-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .mk-animate-element.mk-in-viewport.left-to-right { -webkit-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .mk-animate-element.mk-in-viewport.top-to-bottom { -webkit-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .mk-animate-element.mk-in-viewport.bottom-to-top { -webkit-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .mk-animate-element.mk-in-viewport.flip-x { -webkit-animation: mk_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .mk-animate-element.mk-in-viewport.flip-y { -webkit-animation: mk_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: mk_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .mk-floating-vertical { -webkit-animation: mk_float 2s infinite linear; -moz-animation: mk_float 2s infinite linear; -ms-animation: mk_float 2s infinite linear; -o-animation: mk_float 2s infinite linear; position: relative; } .mk-floating-horizontal { -webkit-animation: mk_floatx 2s infinite linear; -moz-animation: mk_floatx 2s infinite linear; -ms-animation: mk_floatx 2s infinite linear; -o-animation: mk_floatx 2s infinite linear; position: relative; } .mk-floating-pulse { -webkit-animation: mk_pulse 2s infinite linear; -moz-animation: mk_pulse 2s infinite linear; -ms-animation: mk_pulse 2s infinite linear; -o-animation: mk_pulse 2s infinite linear; } .mk-floating-tossing { -webkit-animation: mk_tossing 2s infinite linear; -moz-animation: mk_tossing 2s infinite linear; -ms-animation: mk_tossing 2s infinite linear; -o-animation: mk_tossing 2s infinite linear; } .mk-icon-spin { display: inline-block; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Floating */ @-webkit-keyframes mk_float { 0% { top: 0px; } 50% { top: 15px; } 100% { top: 0px; } } @keyframes mk_float { 0% { top: 0px; } 50% { top: 15px; } 100% { top: 0px; } } @-webkit-keyframes mk_floatx { 0% { left: 0px; } 50% { left: 15px; } 100% { left: 0px; } } @keyframes mk_floatx { 0% { left: 0px; } 50% { left: 15px; } 100% { left: 0px; } } @-webkit-keyframes mk_tossing { 0% { -webkit-transform: rotate(-6deg); } 50% { -webkit-transform: rotate(6deg); } 100% { -webkit-transform: rotate(-6deg); } } @keyframes mk_tossing { 0% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } 50% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 100% { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } } @-webkit-keyframes mk_pulse { 0% { -webkit-transform: scale(0.9); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.9); opacity: 0.7; } } @keyframes mk_pulse { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; } } /* Flip Horizontally */ @-webkit-keyframes mk_flip_x { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes mk_flip_x { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } /* Flip Vertically */ @-webkit-keyframes mk_flip_y { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes mk_flip_y { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } /* Fade In animation */ @-webkit-keyframes mk_fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } @keyframes mk_fade { 0% { opacity: 0.1; } 100% { opacity: 1; } } /* Scale Up animation */ @-webkit-keyframes mk_scale { 0% { -webkit-transform: scale(0.3); opacity: 0.1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes mk_scale { 0% { -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0.1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /* Left to Right animation */ @-webkit-keyframes mk_left_to_right { 0% { -webkit-transform: translate(-15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @keyframes mk_left_to_right { 0% { -webkit-transform: translate(-15%, 0); transform: translate(-15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } /* Right To Left animation */ @-webkit-keyframes mk_right_to_left { 0% { -webkit-transform: translate(15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @keyframes mk_right_to_left { 0% { -webkit-transform: translate(15%, 0); transform: translate(15%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } /* Bottom to Top animation */ @-webkit-keyframes mk_bottom_to_top { 0% { -webkit-transform: translate(0, 60%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @keyframes mk_bottom_to_top { 0% { -webkit-transform: translate(0, 60%); transform: translate(0, 60%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } /* Top to Bottom animation */ @-webkit-keyframes mk_top_to_bottom { 0% { -webkit-transform: translate(0, -20%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @keyframes mk_top_to_bottom { 0% { -webkit-transform: translate(0, -20%); transform: translate(0, -20%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } .jupiter-donut-font-weight-l { font-weight: lighter; } .jupiter-donut-font-weight-n { font-weight: normal; } .jupiter-donut-font-weight-b { font-weight: bold; } .jupiter-donut-font-weight-100 { font-weight: 100; } .jupiter-donut-font-weight-200 { font-weight: 200; } .jupiter-donut-font-weight-300 { font-weight: 300; } .jupiter-donut-font-weight-400 { font-weight: 400; } .jupiter-donut-font-weight-500 { font-weight: 500; } .jupiter-donut-font-weight-600 { font-weight: 600; } .jupiter-donut-font-weight-700 { font-weight: 700; } .jupiter-donut-font-weight-800 { font-weight: 800; } .jupiter-donut-font-weight-900 { font-weight: 900; } .jupiter-donut-bold { font-weight: bold; } .jupiter-donut-italic { font-style: italic; } .jupiter-donut-uppercase { text-transform: uppercase; } .jupiter-donut-text-left { text-align: left; } .jupiter-donut-text-right { text-align: right; } .jupiter-donut-text-center { text-align: center; } .jupiter-donut-letter-spacing-1 { letter-spacing: 1px; } .jupiter-donut-letter-spacing-2 { letter-spacing: 2px; } .jupiter-donut-letter-spacing-3 { letter-spacing: 3px; } .jupiter-donut-block { display: block; } .jupiter-donut-inline-block { display: inline-block; } .jupiter-donut-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .jupiter-donut-flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .jupiter-donut-flex-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .jupiter-donut-flex-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .jupiter-donut-flex-items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .jupiter-donut-flex-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .jupiter-donut-flex-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .jupiter-donut-flex-items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .jupiter-donut-flex-self-center { -ms-flex-item-align: center; align-self: center; } .jupiter-donut-flex-self-baseline { -ms-flex-item-align: baseline; align-self: baseline; } .jupiter-donut-flex-self-start { -ms-flex-item-align: start; align-self: flex-start; } .jupiter-donut-flex-self-end { -ms-flex-item-align: end; align-self: flex-end; } .jupiter-donut-flex-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .jupiter-donut-flex-justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .jupiter-donut-flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .jupiter-donut-flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .jupiter-donut-flex-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .jupiter-donut-flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .jupiter-donut-flex-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .jupiter-donut-flex-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .jupiter-donut-width-50 { width: 50px; } .jupiter-donut-width-full { width: 100%; } .jupiter-donut-width-x2 { width: 200%; } .jupiter-donut-height-50 { height: 50px; } .jupiter-donut-height-full { height: 100%; } .jupiter-donut-left { float: left; } .jupiter-donut-right { float: right; } .jupiter-donut-clear:before, .jupiter-donut-clear:after { content: " "; display: table; } .jupiter-donut-clear:after { clear: both; } .jupiter-donut-relative { position: relative; } .jupiter-donut-absolute { position: absolute; } .jupiter-donut-fixed { position: fixed; } .jupiter-donut-z1 { z-index: 1; } .jupiter-donut-z2 { z-index: 2; } .jupiter-donut-z3 { z-index: 3; } .jupiter-donut-z4 { z-index: 4; } .jupiter-donut-z5 { z-index: 5; } .jupiter-donut-z999 { z-index: 999; } .jupiter-donut-pointer { pointer-events: auto; } .jupiter-donut-no-pointer { pointer-events: none; } .jupiter-donut-overflow-auto { overflow: auto; } .jupiter-donut-no-overflow { overflow: hidden; } .jupiter-donut-no-overflow-x { overflow-x: hidden; } .jupiter-donut-no-overflow-y { overflow-y: hidden; } .jupiter-donut-backface { -webkit-backface-visibility: visible; backface-visibility: visible; } .jupiter-donut-no-backface { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .jupiter-donut-perspective { -webkit-transform: perspective(1000px); transform: perspective(1000px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .jupiter-donut-origin-center { -webkit-transform-origin: center; transform-origin: center; } .jupiter-donut-fold-back-horizontal { -webkit-transform: translateX(-100%) rotateY(-180deg); transform: translateX(-100%) rotateY(-180deg); } .jupiter-donut-fold-back-vertical { -webkit-transform: translateX(-100%) rotateX(-180deg); transform: translateX(-100%) rotateX(-180deg); } .jupiter-donut-bezier-1 { -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .IE .jupiter-donut-bezier-1 { -webkit-transition: none; transition: none; } .jupiter-donut-left-0 { left: 0px; } .jupiter-donut-left-5 { left: 5px; } .jupiter-donut-left-10 { left: 10px; } .jupiter-donut-right-0 { right: 0px; } .jupiter-donut-right-5 { right: 5px; } .jupiter-donut-right-10 { right: 10px; } .jupiter-donut-top-0 { top: 0px; } .jupiter-donut-top-5 { top: 5px; } .jupiter-donut-top-10 { top: 10px; } .jupiter-donut-bottom-0 { bottom: 0px; } .jupiter-donut-bottom-5 { bottom: 5px; } .jupiter-donut-bottom-10 { bottom: 10px; } .jupiter-donut-padding-10-pr { padding: 10%; } .jupiter-donut-padding-x-10-pr { padding-left: 10%; padding-right: 10%; } .jupiter-donut-padding-10 { padding: 10px; } .jupiter-donut-padding-x-10 { padding-left: 10px; padding-right: 10px; } .jupiter-donut-padding-y-10 { padding-top: 10px; padding-bottom: 10px; } .jupiter-donut-padding-20 { padding: 20px; } .jupiter-donut-padding-x-20 { padding-left: 20px; padding-right: 20px; } .jupiter-donut-padding-y-20 { padding-top: 20px; padding-bottom: 20px; } .jupiter-donut-margin-t-20 { margin-top: 20px; } .jupiter-donut-margin-r-10 { margin-top: 10px; } .jupiter-donut-is-hidden { display: none; visibility: hidden; } .jupiter-donut-is-visibility-hidden { visibility: hidden; } .jupiter-donut-margin-auto { margin: 0 auto; } .jupiter-donut-table { display: table; } .jupiter-donut-table-cell { display: table-cell; } .jupiter-donut-width-40 { width: 40px; } .jupiter-donut-width-100 { width: 100px; } .jupiter-donut-width-1000 { width: 1000px; } .jupiter-donut-width-100-per { width: 100%; } .jupiter-donut-width-auto { width: auto; } .jupiter-donut-color-success { color: #20b66e; } /*green*/ .jupiter-donut-color-warning { color: #be9a34; } /*yellow*/ .jupiter-donut-color-erorr { color: #de303a; } /*red*/ .jupiter-donut-color-white { color: #fff; } /*white*/ .jupiter-donut-color-333 { color: #333; } .jupiter-donut-color-777 { color: #777; } .jupiter-donut-position-absolute { position: absolute; } .jupiter-donut-position-relative { position: relative; } .jupiter-donut-display-inline-block { display: inline-block; } .jupiter-donut-display-block { display: block; } .jupiter-donut-display-table { display: table; } .jupiter-donut-font-10 { font-size: 10px; } .jupiter-donut-font-12 { font-size: 12px; } .jupiter-donut-font-14 { font-size: 14px; } .jupiter-donut-font-16 { font-size: 16px; } .jupiter-donut-font-22 { font-size: 22px; } .jupiter-donut-font-24 { font-size: 24px; } .jupiter-donut-font-32 { font-size: 32px; } .jupiter-donut-font-48 { font-size: 48px; } .jupiter-donut-font-64 { font-size: 64px; } .jupiter-donut-padding-0 { padding: 0; } .jupiter-donut-padding-10 { padding: 10px; } .jupiter-donut-padding-15 { padding: 15px; } .jupiter-donut-padding-20 { padding: 20px; } .jupiter-donut-padding-0-15 { padding: 0 15px; } .jupiter-donut-padding-0-20 { padding: 0 20px; } .jupiter-donut-padding-15-0 { padding: 15px 0; } .jupiter-donut-padding-20-0 { padding: 20px 0; } .jupiter-donut-line-4 { line-height: 4px; } .jupiter-donut-line-12 { line-height: 12px; } .jupiter-donut-line-16 { line-height: 16px; } .jupiter-donut-line-18 { line-height: 18px; } .jupiter-donut-line-22 { line-height: 22px; } .jupiter-donut-line-25 { line-height: 25px; } .jupiter-donut-line-32 { line-height: 32px; } .jupiter-donut-line-40 { line-height: 40px; } .jupiter-donut-line-50 { line-height: 50px; } .jupiter-donut-line-90 { line-height: 90px; } .jupiter-donut-line-100-pr { line-height: 100%; } .jupiter-donut-margin-0 { margin: 0; } .jupiter-donut-margin-10-0 { margin: 10px 0; } .jupiter-donut-margin-0-auto { margin: 0 auto; } .jupiter-donut-height-100-per { height: 100%; } .jupiter-donut-height-auto { height: auto; } .jupiter-donut-align-center { text-align: center; } .jupiter-donut-align-right { text-align: right; } .jupiter-donut-align-left { text-align: left; } .jupiter-donut-opacity-0 { opacity: 0; } .jupiter-donut-opacity-70 { opacity: .7; } .jupiter-donut-opacity-100 { opacity: 1; } .jupiter-donut-left-0 { left: 0; } .jupiter-donut-left-50-per { left: 50%; } .jupiter-donut-bg-black { background-color: #000; } .jupiter-donut-bg-gray222 { background-color: #222; } .jupiter-donut-bg-white { background-color: #fff; } .jupiter-donut-top-0 { top: 0; } .jupiter-donut-top-50-per { top: 50%; } .jupiter-donut-top-100-per { top: 100%; } .jupiter-donut-transform-rotate-45 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .jupiter-donut-transform-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .jupiter-donut-transform-scale-1 { -webkit-transform: scale(1); transform: scale(1); } .jupiter-donut-transform-translate3d-0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .jupiter-donut-transform-translate-00-opacity-1 { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .jupiter-donut-margin-bottom-0 { margin-bottom: 0; } .jupiter-donut-margin-bottom-10 { margin-bottom: 10px; } .jupiter-donut-margin-bottom-15 { margin-bottom: 15px; } .jupiter-donut-margin-bottom-20 { margin-bottom: 20px; } .jupiter-donut-margin-bottom-30 { margin-bottom: 30px; } .jupiter-donut-margin-bottom-50 { margin-bottom: 50px; } .jupiter-donut-col-1of1, .jupiter-donut-1col .jupiter-donut-colitem, .one-column .jupiter-donut-colitem { width: 100%; } .jupiter-donut-col-1of2, .jupiter-donut-2col .jupiter-donut-colitem, .two-column .jupiter-donut-colitem { width: 50%; } .jupiter-donut-col-1of3, .jupiter-donut-3col .jupiter-donut-colitem, .three-column .jupiter-donut-colitem { width: 33.33%; } .jupiter-donut-col-1of4, .jupiter-donut-4col .jupiter-donut-colitem, .four-column .jupiter-donut-colitem { width: 25%; } .jupiter-donut-col-1of5, .jupiter-donut-5col .jupiter-donut-colitem, .five-column .jupiter-donut-colitem { width: 20%; } .jupiter-donut-col-1of6, .jupiter-donut-6col .jupiter-donut-colitem, .six-column .jupiter-donut-colitem { width: 16.66%; } .jupiter-donut-col-1of7, .jupiter-donut-7col .jupiter-donut-colitem, .seven-column .jupiter-donut-colitem { width: 14.28%; } .jupiter-donut-col-1of8, .jupiter-donut-8col .jupiter-donut-colitem, .eight-column .jupiter-donut-colitem { width: 12.5%; } .jupiter-donut-col-1of9, .jupiter-donut-9col .jupiter-donut-colitem, .nine-column .jupiter-donut-colitem { width: 11.1%; } .jupiter-donut-col-1of10, .jupiter-donut-10col .jupiter-donut-colitem, .ten-column .jupiter-donut-colitem { width: 10%; } .jupiter-donut-col-1of11, .jupiter-donut-11col .jupiter-donut-colitem, .eleven-column .jupiter-donut-colitem { width: 9.09%; } .jupiter-donut-col-1of12, .jupiter-donut-12col .jupiter-donut-colitem, .twelve-column .jupiter-donut-colitem { width: 8.33%; } .jupiter-donut-margin-top-0 { margin-top: 0; } .jupiter-donut-margin-top-10 { margin-top: 10px; } .jupiter-donut-margin-top-15 { margin-top: 15px; } .jupiter-donut-margin-top-20 { margin-top: 20px; } .jupiter-donut-margin-top-30 { margin-top: 30px; } .jupiter-donut-margin-top-40 { margin-top: 40px; } .jupiter-donut-margin-top-50 { margin-top: 50px; } .jupiter-donut-overflow-hidden { overflow: hidden; } .jupiter-donut-font-weight-bold { font-weight: bold; } .jupiter-donut-font-weight-normal { font-weight: normal; } .jupiter-donut-text-transform-up { text-transform: uppercase; } .jupiter-donut-letter-spacing-1 { letter-spacing: 1px; } .jupiter-donut-float-left { float: left; } .jupiter-donut-float-right { float: right; } .jupiter-donut-box-border { -webkit-box-sizing: border-box; box-sizing: border-box; } .jupiter-donut-box-content { -webkit-box-sizing: content-box; box-sizing: content-box; } .jupiter-donut-padding-bottom-30 { padding-bottom: 30px; } .jupiter-donut-fly-top-left { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .jupiter-donut-list-reset ul { margin: 0; padding: 0; list-style: none; } .jupiter-donut-list-reset li { display: inline-block; margin: 0; } .center-y { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Clearfix -------------------------------------------------------------------- */ .jupiter-donut-clearfix { display: block; clear: both; } .jupiter-donut-clearfix:after, .jupiter-donut-clearfix:before { content: " "; display: table; } .jupiter-donut-clearfix:after { clear: both; } /* Device visbility media queries -------------------------------------------------------------------- */ .jupiter-donut-visible-sm, .jupiter-donut-visible-tl, .jupiter-donut-visible-dt, .jupiter-donut-visible-nb, .jupiter-donut-visible-tl-v2, .jupiter-donut-visible-dt-v2 { display: none; } /* Only mobiles */ @media only screen and (max-width: 765px) { .jupiter-donut-hidden-sm { display: none !important; } .jupiter-donut-visible-sm { display: block !important; } .jupiter-donut-visible-sm.center-y { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } /* netbooks */ @media only screen and (max-width: 1024px) { .jupiter-donut-hidden-nb { display: none !important; } .jupiter-donut-visible-nb { display: block !important; } .jupiter-donut-visible-nb.center-y { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } /* only tables */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .jupiter-donut-hidden-tl { display: none !important; } .jupiter-donut-visible-tl { display: block !important; } .jupiter-donut-visible-tl.center-y { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media only screen and (min-width: 768px) and (max-width: 1280px) { .jupiter-donut-hidden-tl-v2 { display: none !important; } .jupiter-donut-visible-tl-v2 { display: block !important; } .jupiter-donut-visible-tl-v2.center-y { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } /* Only Desktops */ @media only screen and (min-width: 1224px) { .jupiter-donut-hidden-dt { display: none !important; } .jupiter-donut-visible-dt { display: block !important; } .jupiter-donut-visible-dt.center-y { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media only screen and (min-width: 1290px) { .jupiter-donut-hidden-dt-v2 { display: none !important; } .jupiter-donut-visible-dt-v2 { display: block !important; } .jupiter-donut-visible-dt-v2.center-y { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width: 320px) and (max-width: 480px) { .no-smartphone { display: none !important; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .no-ipad { display: none !important; } } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .no-iphone { display: none !important; } } .mk-advanced-gmaps img { max-width: none !important; } .mk-gmaps-parallax { overflow: hidden; } .mk-gmaps-parallax > div { margin-top: -100px; } /* Shortcode:Audio Player -------------------------------------------------------------------- */ .mk-audio-section { display: block; background-color: #fbb845; height: 100px; } .mk-audio-section > img { float: left; filter: grayscale(100%); /* Current draft standard */ -webkit-filter: grayscale(100%); /* New WebKit */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ filter: gray; /* IE */ -webkit-filter: grayscale(1); /* Old WebKit */ opacity: .7; } .mk-audio-section .mk-audio-author { font-size: 12px; font-weight: bold; text-transform: capitalize; position: absolute; top: 40px; left: 10px; display: block; color: #ffffff; } .mk-audio-shortcode { margin-bottom: 30px; height: 170px !important; } .mk-audio-shortcode .audio-thumb { height: inherit !important; } .mk-audio-shortcode .jp-audio.audio-has-img { margin-left: 170px; } .mk-audio-shortcode .jp-audio div.jp-interface { min-height: 170px !important; } .jp-audio { display: block; direction: ltr; text-align: left; } .jp-audio.audio-has-img { margin-left: 100px; } .jp-interface { position: relative; width: 100%; } .jp-audio .jp-type-single .jp-interface { min-height: 90px; } /* @group CONTROLS */ .jp-controls-holder { clear: both; width: 100%; margin: 0 auto; position: relative; overflow: hidden; top: -8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ } .jp-interface ul.jp-controls { list-style-type: none; margin: -14px 0 0 -28px; padding: 0; position: absolute; top: 50%; left: 50%; } .jp-interface ul.jp-controls li { margin: 0; } .jp-interface ul.jp-controls li { display: inline; float: left; } .jp-interface ul.jp-controls a { display: block; } a.jp-play, a.jp-pause { padding: 9px 6px 7px 10px; display: block; width: 30px; height: 30px; text-align: center; border: 1px solid #252525; border-radius: 50px; -webkit-box-sizing: initial; box-sizing: initial; } a.jp-play:hover, a.jp-pause:hover { border-color: #ffffff; } a.jp-play:hover svg, a.jp-pause:hover svg { fill: #ffffff; } a.jp-play svg, a.jp-pause svg { height: 16px; fill: #252525; vertical-align: middle; } a.jp-pause { padding: 9px 8px 7px; display: none; } /* @end */ /* @group progress bar */ .jp-progress { background-color: rgba(0, 0, 0, 0.2); } .jp-audio .jp-progress { position: absolute; top: 0px; left: 0; height: 12px; } .jp-audio .jp-type-single .jp-progress { left: 0; width: 100%; } .jp-seek-bar { width: 0px; height: 100%; cursor: pointer; } .jp-play-bar { background-color: #000000; background-color: rgba(0, 0, 0, 0.5); width: 0px; height: 100%; position: relative; } /* The seeking class is added/removed inside jPlayer */ /* @end */ /* @group volume controls */ a.jp-mute, a.jp-unmute, a.jp-volume-max { width: 18px; height: 15px; margin-top: 0px; } .jp-volume-bar, .jp-volume-bar-value { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAiCAQAAADragGFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RjJBNDk2RjQwRDcxMUUzODhFNUVBRjVCMDg3MjJCMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RjJBNDk3MDQwRDcxMUUzODhFNUVBRjVCMDg3MjJCMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVGMkE0OTZENDBENzExRTM4OEU1RUFGNUIwODcyMkIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGMkE0OTZFNDBENzExRTM4OEU1RUFGNUIwODcyMkIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S5VOAwAAAHNJREFUSMftksENwDAIA1nGc7E9a6SvSqgiQHGekb93EjIWSJ71CQwmXQkGa0seriWD9SUH11IA76UEPiyNzqOKoCqnnsvMKBzsGuRKr/S7coX2n6vQtuThWlJoX3JwLQXwXkrgw9LoPKoIqnLqucyMosE+NlMGu0fPTasAAAAASUVORK5CYII=) left bottom no-repeat; } .jp-volume-bar { position: absolute; right: 10px; bottom: 10px; width: 26px; height: 14px; cursor: pointer; } .jp-volume-bar svg { position: absolute; top: 0; left: -12px; fill: #252525; height: 16px; } .jp-volume-bar-value { width: 0px; height: 14px; } /* @end */ /* @group current time and duration */ .jp-audio .jp-time-holder { position: absolute; top: 20px; left: 0; width: 100%; padding: 0 10px; } .jp-audio .jp-type-single .jp-time-holder { color: #ffffff; font-size: 12px; width: 100%; font-weight: bold; } .jp-current-time, .jp-duration { display: inline-block; } .jp-current-time { float: left; } .jp-duration { float: right; } /* @end */ .jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; } .jp-jplayer { background-color: #000000; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ ul.jp-toggles { list-style-type: none; padding: 0; margin: 0 auto; overflow: hidden; } .jp-audio .jp-type-single ul.jp-toggles { width: 25px; } .jp-audio .jp-type-playlist ul.jp-toggles { width: 55px; margin: 0; position: absolute; left: 325px; top: 50px; } ul.jp-toggles li { display: block; float: right; } ul.jp-toggles li a { display: block; width: 25px; height: 18px; text-indent: -9999px; line-height: 100%; /* need this for IE6 */ } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eeeeee; border: 2px solid #009be3; color: #000000; display: none; } .jp-no-solution a { color: #000000; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /*========================================= general ===========================================*/ .mk-animated-columns { /*.animated-column-holder {} moved to atoms fully*/ /*.animated-column-icon {} moved to atoms fully*/ /*.s_title {} moved to atoms fully*/ /*.animated-column-btn {} moved to atoms fully*/ } .animated-column-icon { display: block !important; } .mk-animated-columns .s_item { -webkit-transition: background 0.2s ease-out; transition: background 0.2s ease-out; border-style: solid; border-width: 0; } .mk-animated-columns .s_desc { padding: 20px 30px 50px 30px; } /* Add border to last item to cover last row which might be not full */ .mk-animated-columns.has-border .s_item:last-of-type { border-right-width: 1px; } /* Add border for each row closing */ @media handheld, only screen and (min-width: 961px) { .mk-animated-columns.has-border.jupiter-donut-8col .s_item:nth-of-type(8n) { border-right-width: 1px; } .mk-animated-columns.has-border.jupiter-donut-7col .s_item:nth-of-type(7n) { border-right-width: 1px; } .mk-animated-columns.has-border.jupiter-donut-6col .s_item:nth-of-type(6n) { border-right-width: 1px; } .mk-animated-columns.has-border.jupiter-donut-5col .s_item:nth-of-type(5n) { border-right-width: 1px; } .mk-animated-columns.has-border.jupiter-donut-4col .s_item:nth-of-type(4n) { border-right-width: 1px; } .mk-animated-columns.has-border.jupiter-donut-3col .s_item:nth-of-type(3n) { border-right-width: 1px; } .mk-animated-columns.has-border.jupiter-donut-2col .s_item:nth-of-type(2n) { border-right-width: 1px; } .mk-animated-columns.has-border.jupiter-donut-1col .s_item:nth-of-type(1n) { border-right-width: 1px; } } @media handheld, only screen and (max-width: 960px) { /* Fattah responsive atoms pointers are the same for mobile and tablet so we have wierd stuff like o2col o3col assigned on the same element, later we expect to have different and not overriding properities - this needs explicit resets as kind of "switch". It is really messy, "enjoy" */ /* if should be 100% width */ .mk-animated-columns.has-border .s_item { border-right-width: 1px; } .mk-animated-columns .s_item { width: 100%; } /* if should be 50% width */ .mk-animated-columns.has-border.o2col .s_item { border-right-width: 0; } .mk-animated-columns.has-border.o2col .s_item:nth-of-type(2n) { border-right-width: 1px; } .mk-animated-columns.o2col .s_item { width: 50%; } /* if should be 33% width */ .mk-animated-columns.has-border.o3col .s_item { border-right-width: 0; } .mk-animated-columns.has-border.o2col.o3col .s_item:nth-of-type(2n) { border-right-width: 0; } .mk-animated-columns.has-border.o2col.o3col .s_item:nth-of-type(3n) { border-right-width: 1px; } .mk-animated-columns.o3col .s_item { width: 33.33%; } /* Need to rewrite it after resets */ .mk-animated-columns.has-border .s_item:last-of-type { border-right-width: 1px; } /* NOTE: extremely fragile, refactor with caution. */ } @media handheld, only screen and (max-width: 767px) { .mk-animated-columns.has-border .s_item { border-right-width: 1px !important; } .mk-animated-columns .s_item { width: 100% !important; } } /*========================================= full-style ===========================================*/ .mk-animated-columns.full-style .s_title:after { position: absolute; content: ''; display: block; bottom: -10px; left: 50%; margin-left: -15px; height: 2px; width: 30px; } /*========================================= simple-style ===========================================*/ .mk-animated-columns.simple-style .s_title { top: -100%; } /*========================================= simple-style ===========================================*/ .mk-animated-columns .animated-column-item .mk-button-container { margin-right: 0 !important; } .mk-banner-builder { margin-bottom: 0; } /* Shortcode:Blockquotes -------------------------------------------------------------------- */ .mk-blockquote { position: relative; margin-bottom: 20px; line-height: 150% !important; } .mk-blockquote p { margin-bottom: 0px; } .mk-blockquote.align-left { float: left; } .mk-blockquote.align-right { float: right; } .mk-blockquote.align-left { float: none; clear: both; } .mk-blockquote.quote-style { padding: 20px 20px 20px 70px; background-color: #f6f6f6; background-color: rgba(0, 0, 0, 0.05); } .mk-blockquote.quote-style .mk-svg-icon { position: absolute; top: 20px; left: 20px; display: block; fill: #dddddd; fill: rgba(0, 0, 0, 0.1); height: 32px !important; width: 32px !important; } .mk-blockquote.line-style { padding: 10px 10px 10px 40px; border-left: 2px solid; } @media handheld, only screen and (max-width: 760px) { .mk-blockquote { font-size: 14px !important; } } /* Shortcode:Blog Carousel -------------------------------------------------------------------- */ .posts-carousel { margin-bottom: 20px; } .posts-carousel .mk-fancy-title { margin-right: 35px; } .posts-carousel .view-all { float: right; padding: 0 7px; font-size: 11px; } .posts-carousel .item-holder { margin: 0 4px; border: 1px solid rgba(0, 0, 0, 0.1); } .posts-carousel .flex-viewport ul { margin: 0; padding: 0; list-style: none; } .posts-carousel .flex-viewport ul li { position: relative; } .posts-carousel .flex-viewport ul li.blockquote-post-type, .posts-carousel .flex-viewport ul li.instagram-post-type, .posts-carousel .flex-viewport ul li.twitter-post-type { display: none; } .posts-carousel .flex-direction-nav a { position: absolute; top: -37px; } .posts-carousel .flex-direction-nav svg { fill: #aaaaaa; } .posts-carousel .flex-prev { right: 20px; } .posts-carousel .flex-next { right: 0px; } .posts-carousel .item-thumb { position: relative; } .posts-carousel .item-thumb a { z-index: 20; } .posts-carousel .detail-holder { min-height: 60px; } .posts-carousel .item-title { display: block; margin-bottom: 0; padding: 15px; text-align: center; letter-spacing: 1px; font-weight: bold; font-size: 14px; line-height: 20px; } .posts-carousel .item-excerpt { margin: 0; padding: 0 15px 15px; font-size: 12px; text-align: center; } .mk-blog-container-lazyload .swiper-slide-image, .mk-blog-container-lazyload .blog-image { background-color: #e0e0e0; } .mk-blog-classic-item { margin-bottom: 40px; border: 1px solid #eeeeee; overflow: hidden; position: relative; width: 100%; background-color: #ffffff; } .mk-blog-classic-item .mk-readmore { letter-spacing: 1px; text-transform: uppercase; position: absolute; right: 30px; bottom: 25px; } .mk-blog-classic-item .mk-readmore svg { margin-right: 5px; height: 8px; } .mk-blog-classic-item .mk-readmore:hover { color: #252525 !important; } .mk-blog-classic-item .blog-social-share { left: 50px; bottom: -10px; min-width: 180px; } .mk-blog-classic-item .blog-social-share:before { left: -5px; top: 50%; } .mk-blog-classic-item .blog-social-share li { float: left; display: inline-block; } @media handheld, only screen and (max-width: 600px) { .mk-blog-classic-item .blog-social-share { min-width: 130px; padding: 10px; bottom: -5px; } .mk-blog-classic-item .blog-social-share a { margin: 0 5px; } } .mk-blog-classic-item .mk-audio-section { height: 170px; margin-bottom: 0; } @media handheld, only screen and (max-width: 780px) { .mk-blog-classic-item .mk-audio-section .audio-has-img { margin: 0 !important; } .mk-blog-classic-item .mk-audio-section .audio-thumb { display: none; } } .mk-blog-classic-item .mk-audio-section .jp-audio.audio-has-img { margin-left: 170px; } .mk-blog-classic-item .mk-audio-section .jp-audio div.jp-interface { min-height: 160px !important; } .mk-blog-classic-item.instagram-post-type { border: 0; } .mk-blog-classic-item.instagram-post-type .instagram-image { display: block; } .mk-blog-classic-item.instagram-post-type .instagram-image img { width: 100%; } .mk-blog-classic-item.instagram-post-type .instagram-title { padding: 40px 40px 0; font-size: 24px; margin-bottom: 0; } .mk-blog-classic-item.instagram-post-type .instagram-title span a { display: none; } .mk-blog-classic-item.instagram-post-type .instagram-title svg { display: none; } .mk-blog-classic-item.instagram-post-type .mk-blog-meta { padding: 0; padding: 0 20px 40px 40px; } .mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper { padding-left: 40px; position: relative; top: 30px; } .mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper:before { width: 24px; height: 24px; content: ''; position: absolute; left: 0; top: 0; } .mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper .mk-categories { display: none; } .mk-blog-classic-item.instagram-post-type .blog-share-container { float: right; } .mk-blog-classic-item.instagram-post-type .the-title, .mk-blog-classic-item.instagram-post-type .the-excerpt, .mk-blog-classic-item.instagram-post-type .mk-readmore { display: none; } .mk-blog-classic-item.instagram-post-type .blog-social-share { left: auto; right: 67px; } .mk-blog-classic-item.instagram-post-type .blog-social-share:before { left: auto; right: -5px; } .mk-blog-classic-item.blockquote-post-type { padding: 70px 40px 40px; } .mk-blog-classic-item.blockquote-post-type .blog-blockquote-content { font-size: 26px; line-height: 40px; color: #222222; padding-left: 70px; } .mk-blog-classic-item.blockquote-post-type .the-excerpt { display: none; } .mk-blog-classic-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon { position: absolute; top: 70px; left: 40px; display: block; fill: #dddddd; fill: rgba(0, 0, 0, 0.1); } .mk-blog-classic-item.blockquote-post-type .blog-blockquote-content footer { text-align: right; color: #999999; font-style: italic; font-size: 20px; } .mk-blog-classic-item.blockquote-post-type .mk-blog-meta-wrapper { position: absolute; top: 40px; left: 40px; } .mk-blog-classic-item.blockquote-post-type .mk-blog-meta-wrapper .mk-categories { display: none; } .mk-blog-classic-item.blockquote-post-type .mk-blog-meta { padding: 0; } .mk-blog-classic-item.blockquote-post-type .the-title, .mk-blog-classic-item.blockquote-post-type .mk-readmore { display: none; } .mk-blog-classic-item.twitter-post-type { padding: 70px 40px 40px; } .mk-blog-classic-item .blog-twitter-content { font-size: 22px; color: #222222; line-height: 40px; padding-left: 50px; position: relative; word-wrap: break-word; } .mk-blog-classic-item .blog-twitter-content:before { content: ''; width: 35px; height: 100%; background-position: center 10px; background-repeat: no-repeat; display: inline-block; position: absolute; left: 0; top: 0; } .mk-blog-classic-item .blog-twitter-content a { color: #55acee; } .mk-blog-classic-item .blog-twitter-content footer { text-align: right; line-height: normal; position: absolute; top: 130%; right: 40px; } .mk-blog-classic-item .blog-twitter-content footer a, .mk-blog-classic-item .blog-twitter-content footer span { display: block; } .mk-blog-classic-item .blog-twitter-content footer span { font-weight: bold; font-size: 20px; color: #222222; } .mk-blog-classic-item .blog-twitter-content footer a { color: #55acee; font-size: 16px; } @media handheld, only screen and (max-width: 480px) { .mk-blog-classic-item .blog-twitter-content { padding-left: 0; padding-top: 80px; } .mk-blog-classic-item .blog-twitter-content:before { left: 50%; top: 15px; margin-left: -17px; } .mk-blog-classic-item .blog-twitter-content footer { position: static; margin-top: 25px; } } .mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper { position: absolute; top: 40px; left: 40px; } .mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper .mk-blog-author, .mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper .mk-categories, .mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper > span { display: none; } .mk-blog-classic-item.twitter-post-type .mk-blog-meta { padding: 0; margin-top: 30px; } .mk-blog-classic-item.twitter-post-type .the-title, .mk-blog-classic-item.twitter-post-type .the-excerpt, .mk-blog-classic-item.twitter-post-type .mk-readmore { display: none; } .mk-blog-container .featured-image:hover .image-hover-overlay { opacity: 0.9; } .mk-blog-classic-item .blog-loop-comments, .mk-blog-classic-item .mk-blog-share { height: 36px; line-height: 36px; width: 36px; background-color: #000000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; position: relative; display: inline-block; float: left; margin-right: 15px; text-align: center; cursor: pointer; display: table; -webkit-transition: all .15s; transition: all .15s; } .mk-blog-classic-item .blog-loop-comments svg, .mk-blog-classic-item .mk-blog-share svg { vertical-align: text-top; fill: #636363; } .mk-blog-classic-item .blog-loop-comments svg, .mk-blog-classic-item .mk-blog-share svg { height: 16px; } .mk-blog-classic-item .blog-loop-comments span { position: absolute; left: 25px; top: -10px; font-weight: bold; color: #ffffff; line-height: 10px; font-size: 11px; height: 20px; padding: 0 7px; line-height: 20px; border-radius: 30px; background-color: #f97352; } .mk-blog-classic-item .blog-loop-comments:hover, .mk-blog-classic-item .mk-blog-share:hover { background-color: rgba(0, 0, 0, 0.2); } .blog-share-container { position: relative; float: left; } .mk-blog-portraite { width: 100%; } .mk-blog-portraite .featured-image, .mk-blog-portraite .blog-gallery-type { float: left; display: inline-block; width: 50%; } .mk-blog-portraite .mk-blog-meta { float: left; width: 50%; } @media handheld, only screen and (max-width: 1140px) { .mk-blog-portraite { width: 100%; } .mk-blog-portraite .featured-image, .mk-blog-portraite .blog-gallery-type { float: none !important; display: block; width: 100% !important; } .mk-blog-portraite .mk-blog-meta { float: none !important; width: 100% !important; } .mk-swipe-slideshow { max-width: 100% !important; } } .sticky { border: 1px solid #cccccc; } .the-excerpt { -ms-word-wrap: break-word; word-wrap: break-word; } .mk-readmore { line-height: 12px; font-weight: bold; font-size: 12px; } .mk-readmore svg { margin-right: 5px; height: 8px; } .mk-readmore:hover { color: #252525 !important; } .mk-blog-modern-item .mk-blog-meta, .mk-blog-classic-item .mk-blog-meta { padding: 40px; } .mk-blog-modern-item .the-title, .mk-blog-classic-item .the-title { letter-spacing: 1px; margin-top: 5px; } .mk-blog-modern-item .the-title a, .mk-blog-classic-item .the-title a { font-size: 24px; line-height: 24px; } .mk-blog-modern-item .the-excerpt, .mk-blog-classic-item .the-excerpt { margin-bottom: 30px; } .mk-blog-modern-item .mk-blog-meta-wrapper, .mk-blog-classic-item .mk-blog-meta-wrapper { font-size: 12px; font-style: italic; color: #999999; } .mk-blog-modern-item .mk-blog-meta-wrapper > div, .mk-blog-classic-item .mk-blog-meta-wrapper > div { display: inline-block; margin-right: 5px; } .mk-blog-modern-item .mk-blog-meta-wrapper a, .mk-blog-classic-item .mk-blog-meta-wrapper a { color: #252525; } .mk-blog-modern-item .featured-image, .mk-blog-classic-item .featured-image { position: relative; display: block; overflow: hidden; } .mk-blog-modern-item .featured-image a, .mk-blog-classic-item .featured-image a { overflow: hidden; display: block; } .mk-blog-modern-item .featured-image img, .mk-blog-classic-item .featured-image img { position: relative; width: 100%; max-width: 100%; } .mk-blog-modern-item .swiper-slide img, .mk-blog-classic-item .swiper-slide img { width: 100%; } .mk-blog-modern-item .featured-image:hover .image-hover-overlay, .mk-blog-classic-item .featured-image:hover .image-hover-overlay { opacity: .85; } .mk-blog-modern-item .featured-image:hover img, .mk-blog-classic-item .featured-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-social-share { position: absolute; background-color: #252525; margin: 0; list-style: none; display: block; text-align: center; padding: 15px 10px; display: none; } .blog-social-share:before { display: block; width: 10px; height: 10px; position: absolute; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #252525; content: ""; } .blog-social-share li { margin: 0; } .blog-social-share li a { color: #a8a8a8; display: block; margin: 0 10px; } .blog-social-share li a:hover { color: #ffffff; } .blog-social-share li a svg { height: 16px; vertical-align: top; margin-top: 4px; } .mk-blog-container .mk-swipe-slideshow { margin-bottom: 0; } .mk-blog-container .audio-iframe { margin-bottom: 25px; } .mk-gallery, .mk-portfolio-grid, .mk-portfolio-masonry, .mk-spotlight-wrapper { width: 100%; } .mk-blog-container { /* helps to avoid visual flash when height is switched via js */ -webkit-transition: height 0.1s; transition: height 0.1s; } .mk-blog-container a { text-decoration: none; } .mk-blog-grid-item { position: relative; float: left; overflow: hidden; margin: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-blog-grid-item .blog-grid-holder { margin: 0 12px 24px 12px; border: 1px solid #e3e3e3; background-color: #ffffff; } .mk-blog-grid-item.one-column { width: 100%; } .mk-blog-grid-item.two-column { width: 50%; } .mk-blog-grid-item.three-column { width: 33.33%; } .mk-blog-grid-item.four-column { width: 25%; } .mk-blog-grid-item.four-column .blog-grid-holder { margin: 0 8px 16px 8px; } .mk-blog-grid-item .mk-swipe-slideshow img { width: 100%; } @media handheld, only screen and (max-width: 960px) { .mk-blog-grid-item.three-column, .mk-blog-grid-item.four-column { width: 49.5% !important; } } @media handheld, only screen and (max-width: 650px) { .mk-blog-grid-item.three-column, .mk-blog-grid-item.four-column, .mk-blog-grid-item.two-column, .mk-blog-grid-item.one-column { width: 100% !important; } .mk-blog-grid-item.three-column .blog-grid-holder, .mk-blog-grid-item.four-column .blog-grid-holder, .mk-blog-grid-item.two-column .blog-grid-holder, .mk-blog-grid-item.one-column .blog-grid-holder { margin: 0 0 18px 0 !important; } } .mk-blog-grid-item .featured-image { position: relative; display: block; overflow: hidden; } .mk-blog-grid-item .featured-image img { position: relative; width: 100%; } .mk-blog-grid-item .featured-image:hover .blog-grid-hover-icon { opacity: 1; } .mk-blog-grid-item .mk-blog-meta { padding: 20px; line-height: 18px; } .mk-blog-grid-item time { display: block; margin-bottom: 10px; } .mk-blog-grid-item time a { color: #999999; font-style: italic; font-size: 11px; } .mk-blog-grid-item .the-title { margin-top: 5px; text-transform: uppercase !important; line-height: 18px !important; } .mk-blog-grid-item .the-title a { letter-spacing: 1px; font-size: 14px; line-height: 18px; } .mk-blog-grid-item .the-excerpt { margin: 5px 0; } .mk-blog-grid-item .blog-grid-hover-icon { font-size: 48px; width: 48px; height: 48px; color: #ffffff; position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; opacity: 0; } .mk-blog-grid-item .blog-grid-footer { position: relative; padding: 15px 20px; border-top: 1px solid #e3e3e3; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder { position: relative; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-image { display: block; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title { padding: 15px 25px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); left: 0; position: absolute; margin-bottom: 0; bottom: 50px; width: calc(100% - 50px); color: #ffffff !important; font-size: 14px; font-weight: bold; text-transform: initial; line-height: 20px; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title span { padding-left: 30px; display: block; color: #ffffff; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-image img { width: 100%; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title span a { color: #55acee; display: block; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title svg { position: absolute; left: 25px; top: 18px; height: 20px; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta { padding: 0; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .the-title, .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .the-excerpt { display: none; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper { position: absolute; left: 20px; bottom: 5px; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .blog-grid-footer { padding-top: 25px; padding-bottom: 25px; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .blog-grid-footer .mk-readmore { display: none; } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder { position: relative; } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content { font-size: 22px; line-height: 40px; color: #222; padding: 40px 25px 25px 80px; } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content .mk-svg-icon { position: absolute; top: 50px; left: 25px; display: block; fill: #ddd; fill: rgba(0, 0, 0, 0.1); } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content footer { text-align: right; color: #999; font-style: italic; font-size: 20px; } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta { padding: 0; } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .the-title, .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .the-excerpt { display: none; } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper { position: absolute; left: 20px; bottom: 5px; } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-grid-footer { padding-top: 25px; padding-bottom: 25px; } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-grid-footer .mk-readmore { display: none; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder { position: relative; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content { font-size: 22px; color: #222; line-height: 36px; padding-bottom: 30px; padding: 25px 40px 90px; word-wrap: break-word; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content:before { content: ''; width: 100%; height: 30px; display: block; margin-bottom: 45px; background-repeat: no-repeat; background-position: center; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content a { color: #55acee; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer { text-align: left; line-height: normal; margin-top: 35px; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer a, .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer span { display: block; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer span { font-weight: bold; font-size: 14px; color: #222; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer a { color: #55acee; font-size: 12px; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta { padding: 0; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .the-title, .mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .the-excerpt, .mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .mk-readmore { display: none; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper { position: absolute; left: 20px; bottom: 5px; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-grid-footer { padding-top: 25px; padding-bottom: 25px; } .mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-grid-footer .mk-readmore { display: none; } .mk-blog-container.no-border .mk-blog-grid-item .blog-grid-holder { border: transparent; } .mk-blog-container.no-border .mk-blog-grid-item .blog-grid-holder .blog-grid-footer { border: transparent; } .mk-blog-magazine-item { margin: 0; } .mk-blog-magazine-item .the-title { font-size: 16px !important; margin-bottom: 5px; letter-spacing: 1px; } .mk-blog-magazine-item .blog-item-holder { background-color: #ffffff; } .mk-blog-magazine-item .mk-blog-meta { margin-bottom: 15px; font-size: 13px; color: #a6a6a6; font-style: italic; } .mk-blog-magazine-item .mk-blog-meta a { color: #a6a6a6; } .mk-blog-magazine-item .mk-blog-meta .mk-categories, .mk-blog-magazine-item .mk-blog-meta time { display: inline-block; float: left; } .mk-blog-magazine-item.magazine-featured-post { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 25px; } .mk-blog-magazine-item.magazine-featured-post .item-wrapper { padding: 20px 25px 25px; *zoom: 1; } .mk-blog-magazine-item.magazine-featured-post .item-wrapper:before, .mk-blog-magazine-item.magazine-featured-post .item-wrapper:after { content: " "; display: table; } .mk-blog-magazine-item.magazine-featured-post .item-wrapper:after { clear: both; } .mk-blog-magazine-item.magazine-featured-post .featured-image { position: relative; overflow: hidden; } .mk-blog-magazine-item.magazine-featured-post .featured-image img { width: 100%; } .mk-blog-magazine-item.magazine-featured-post .featured-image .image-gradient-overlay { /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, 0.87)), to(#ffffff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 70%, #ffffff 100%); /* W3C */ position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section { float: right; display: inline-block; color: #999999; } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section span { color: #999999; } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section svg { fill: #bdbdbd; } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section span { font-size: 11px; } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section .blog-loop-comments svg { height: 16px; margin-right: 3px; vertical-align: middle; } .mk-blog-magazine-item.magazine-featured-post .the-excerpt p { letter-spacing: 1px; color: #797979; font-size: 14px; } .mk-blog-magazine-item.magazine-thumb-post { width: 50%; margin-bottom: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .mk-blog-magazine-item.magazine-thumb-post .the-title { font-size: 14px !important; margin-top: 15px; margin-bottom: 8px; } .mk-blog-magazine-item.magazine-thumb-post .featured-image { width: 20%; float: left; position: relative; overflow: hidden; } .mk-blog-magazine-item.magazine-thumb-post .item-wrapper { width: 70%; float: left; padding: 5px 5px 0 20px; } .mk-blog-magazine-item.magazine-thumb-post .item-wrapper .blog-title { margin: 5px 0; } @media handheld, only screen and (max-width: 767px) { .mk-blog-magazine-item.magazine-featured-post { width: 100% !important; padding-right: 0 !important; margin-bottom: 25px !important; } .mk-blog-magazine-item.magazine-featured-post .blog-item-holder { margin-left: 0 !important; margin-right: 0 !important; } .mk-blog-magazine-item.magazine-featured-post:before { width: 0 !important; } .mk-blog-magazine-item.magazine-thumb-post { width: 100% !important; } } .mag-one-column .magazine-featured-post { margin-bottom: 25px; } .mag-one-column .magazine-thumb-post { width: 100%; } .mag-two-column-right .magazine-featured-post, .mag-two-column-left .magazine-featured-post { width: 50%; float: right; position: relative; } .mag-two-column-right .magazine-thumb-post, .mag-two-column-left .magazine-thumb-post { width: 50%; } .mag-two-column-right .magazine-featured-post { float: right; } .mag-two-column-right .magazine-featured-post .blog-item-holder { margin-left: 25px; } .mag-two-column-right .magazine-thumb-post { float: left; } .mag-two-column-left .magazine-featured-post { float: left; } .mag-two-column-left .magazine-featured-post .blog-item-holder { margin-right: 25px; } .mag-two-column-left .magazine-thumb-post { float: right; } .mk-blog-modern-item { width: 100%; margin-bottom: 50px; position: relative; } .mk-blog-modern-item .mk-blog-meta { margin: 0 20px 20px 100px; display: block; padding: 0 !important; } .mk-blog-modern-item .mk-audio-section, .mk-blog-modern-item .featured-image, .mk-blog-modern-item .mk-swipe-slideshow { margin-bottom: 25px !important; } .mk-blog-modern-item .mk-audio-section { height: 170px; } @media handheld, only screen and (max-width: 780px) { .mk-blog-modern-item .mk-audio-section .audio-has-img { margin: 0 !important; } .mk-blog-modern-item .mk-audio-section .audio-thumb { display: none; } } .mk-blog-modern-item .mk-audio-section .jp-audio.audio-has-img { margin-left: 170px; } .mk-blog-modern-item .mk-audio-section .jp-audio div.jp-interface { min-height: 160px !important; } .mk-blog-modern-item .blog-loop-comments, .mk-blog-modern-item .mk-blog-share { display: block; padding: 12px 0; color: #898989; text-align: center; line-height: 15px; } .mk-blog-modern-item .blog-loop-comments svg, .mk-blog-modern-item .mk-blog-share svg { height: 16px; } .mk-blog-modern-item .blog-loop-comments span, .mk-blog-modern-item .mk-blog-share span { margin-top: 2px; } .mk-blog-modern-item .blog-share-container { display: block; float: none; border-bottom: 1px solid #efefef; } .mk-blog-modern-item .blog-loop-comments { line-height: 16px; } .mk-blog-modern-item .blog-loop-comments span { display: block; font-size: 11px; } .mk-blog-modern-item .mk-blog-share { cursor: pointer; padding: 20px 0; } .mk-blog-modern-item .blog-social-share { position: absolute; left: -6px; top: -52px; width: 220px; background-color: #252525; margin: 0; list-style: none; text-align: center; padding: 10px; text-transform: none; } .mk-blog-modern-item .blog-social-share:before { left: 25px; bottom: -5px; } .mk-blog-modern-item .blog-social-share li { display: inline-block; margin: 3px 2px; } .mk-blog-modern-item.blockquote-post-type { position: relative; } .mk-blog-modern-item.blockquote-post-type .blog-blockquote-content { padding: 50px 20px 20px 170px; font-size: 26px; line-height: 40px; color: #222222; } .mk-blog-modern-item.blockquote-post-type .the-excerpt { display: none; } .mk-blog-modern-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon { position: absolute; top: 60px; left: 100px; display: block; fill: #dddddd; fill: rgba(0, 0, 0, 0.1); } .mk-blog-modern-item.blockquote-post-type .blog-blockquote-content footer { text-align: right; color: #999999; font-style: italic; font-size: 20px; } .mk-blog-modern-item.blockquote-post-type .blog-modern-social-section { float: none; position: absolute; left: 0; top: 0; height: 100%; } .mk-blog-modern-item.blockquote-post-type .mk-blog-meta-wrapper .mk-categories { display: none; } .mk-blog-modern-item.blockquote-post-type .mk-blog-meta { margin: 0 !important; display: inline-block; position: absolute; top: 0; left: 100px; } .mk-blog-modern-item.blockquote-post-type .mk-blog-meta .the-title, .mk-blog-modern-item.blockquote-post-type .mk-blog-meta .mk-button { display: none !important; } .mk-blog-modern-item.blockquote-post-type .mk-blog-meta .the-excerpt { margin-bottom: 0; } .mk-blog-modern-item.instagram-post-type .instagram-image { display: block; } .mk-blog-modern-item.instagram-post-type .instagram-image img { width: 100%; } .mk-blog-modern-item.instagram-post-type .instagram-title { position: absolute; margin-top: 60px; padding-left: 100px; font-size: 24px; } .mk-blog-modern-item.instagram-post-type .instagram-title span a { display: none; } .mk-blog-modern-item.instagram-post-type .instagram-title svg { display: none; } .mk-blog-modern-item.instagram-post-type .the-excerpt, .mk-blog-modern-item.instagram-post-type .mk-button-container, .mk-blog-modern-item.instagram-post-type .the-title { display: none !important; } .mk-blog-modern-item.instagram-post-type .mk-blog-meta { margin-top: 20px; } .mk-blog-modern-item.instagram-post-type .blog-modern-social-section { margin-top: 20px; } .mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper { padding-left: 40px; position: relative; } .mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper:before { width: 24px; height: 24px; content: ''; position: absolute; left: 0; top: 0; } .mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper .mk-categories { display: none; } .mk-blog-modern-item.blockquote-post-type { position: relative; } .mk-blog-modern-item.instagram-post-type .instagram-image { display: block; } .mk-blog-modern-item.twitter-post-type .blog-twitter-content { font-size: 22px; color: #222222; line-height: 40px; padding-left: 100px; padding-top: 50px; word-wrap: break-word; } .mk-blog-modern-item.twitter-post-type .blog-twitter-content a { color: #55acee; } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer { line-height: normal; display: block; margin-top: 35px; padding-left: 50px; position: relative; } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer:before { content: ''; width: 35px; height: 30px; background-position: center center; background-repeat: no-repeat; display: inline-block; position: absolute; left: 0; top: 10px; } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer a, .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer span { display: block; } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer span { font-weight: bold; font-size: 20px; color: #222222; display: block; } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer a { color: #55acee; font-size: 16px; display: inline-block; } .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper { position: absolute; top: 0; } .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper .mk-blog-author, .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper .mk-categories, .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper > span { display: none; } .mk-blog-modern-item.twitter-post-type .blog-modern-social-section { float: none; position: absolute; left: 0; top: 0; height: 100%; } .mk-blog-modern-item.twitter-post-type .the-title, .mk-blog-modern-item.twitter-post-type .the-excerpt, .mk-blog-modern-item.twitter-post-type .mk-button { display: none !important; } .blog-modern-social-section { float: left; width: 50px; min-height: 120px; border-right: 1px solid #efefef; text-transform: center; margin-left: 20px; } /* test */ .mk-blog-newspaper-item { margin: 0; float: left; overflow: hidden; } .mk-blog-newspaper-item .blog-item-holder { margin: 0 12px 24px 12px; border: 1px solid #e3e3e3; background-color: #ffffff; position: relative; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05); } .mk-blog-newspaper-item.one-column { width: 100%; } .mk-blog-newspaper-item.two-column { width: 49.75%; } .mk-blog-newspaper-item.three-column { width: 33.1%; } .mk-blog-newspaper-item.four-column { width: 24.8%; } .mk-blog-newspaper-item.four-column .blog-grid-holder { margin: 0 8px 16px 8px; } .mk-blog-newspaper-item .mk-swipe-slideshow img { width: 100%; } @media handheld, only screen and (max-width: 960px) { .mk-blog-newspaper-item.three-column, .mk-blog-newspaper-item.four-column { width: 49.5% !important; } } @media handheld, only screen and (max-width: 650px) { .mk-blog-newspaper-item.three-column, .mk-blog-newspaper-item.four-column, .mk-blog-newspaper-item.two-column { width: 100% !important; } .mk-blog-newspaper-item .blog-item-holder { margin: 0 0 18px 0 !important; } } .mk-blog-newspaper-item .featured-image { position: relative; overflow: hidden; } .mk-blog-newspaper-item .featured-image img { width: 100%; max-width: 100%; } .mk-blog-newspaper-item .featured-image:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .mk-blog-newspaper-item .audio-iframe { margin-bottom: 0; } .mk-blog-newspaper-item .mk-blog-meta { padding: 20px; } .mk-blog-newspaper-item time { margin-bottom: 15px; display: block; } .mk-blog-newspaper-item time a { font-size: 11px; line-height: 11px; color: #999999; font-style: italic; letter-spacing: 1px; } .mk-blog-newspaper-item .the-title { line-height: 18px; margin-bottom: 10px !important; letter-spacing: 1px; } .mk-blog-newspaper-item .the-title a { font-size: 14px; line-height: 18px; text-transform: uppercase; } .mk-blog-newspaper-item .mk-readmore { float: left; margin-top: 7px; } .mk-blog-newspaper-item .blog-loop-comments, .mk-blog-newspaper-item .newspaper-item-share { float: right; margin-left: 15px; color: #cccccc; cursor: pointer; font-size: 11px; } .mk-blog-newspaper-item .blog-loop-comments svg, .mk-blog-newspaper-item .newspaper-item-share svg { height: 16px; vertical-align: middle; } .mk-blog-newspaper-item .blog-loop-comments:hover, .mk-blog-newspaper-item .newspaper-item-share:hover { color: #b1b1b1; } .mk-blog-newspaper-item .blog-loop-comments span { margin-left: 4px; } .mk-blog-newspaper-item .newspaper-item-footer-holder { padding: 20px; } .mk-blog-newspaper-item .newspaper-item-footer { background-color: #fafafa; border-top: 1px solid #e3e3e3; position: relative; z-index: 2; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list { margin: 0; list-style: none; display: none; background-color: #ffffff; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li { margin: 0 0 15px 0; padding: 0 10px; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:first-child { padding-top: 20px !important; border-top: 1px solid #e3e3e3; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:last-child { padding-bottom: 10px !important; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .avatar { float: left; display: inline-block; margin: 0 16px 5px; border-radius: 100%; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-author { font-weight: bold; display: block; margin: 0 0 4px 40px; font-size: 11px; line-height: 15px; color: #333333; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-content { line-height: 18px; font-size: 11px; color: #666666; display: block; margin-left: 50px; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share { display: none; list-style: none; margin: 0; padding: 15px; border-top: 1px solid #e3e3e3; text-align: center; background-color: #ffffff; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li { display: inline-block; margin: 0; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a { width: 30px; height: 30px; border: 1px solid #b9b9b9; margin: 0 3px; border-radius: 50%; display: block; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a svg { fill: #b9b9b9; height: 16px; vertical-align: middle; } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a:hover { color: #9b9b9b; border-color: #9b9b9b; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder { position: relative; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-image { display: block; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title { padding: 15px 25px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); left: 0; position: absolute; margin-bottom: 0; bottom: 60px; width: calc(100% - 50px); color: #ffffff !important; font-size: 14px; font-weight: bold; text-transform: initial; line-height: 20px; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title span { padding-left: 30px; display: block; color: #ffffff; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title span a { color: #55acee; display: block; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title svg { position: absolute; left: 25px; top: 18px; height: 20px; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta { padding: 0; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .the-title, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .the-excerpt, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .newspaper-item-footer .mk-readmore { display: none; } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder { position: relative; } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .blog-blockquote-content { font-size: 22px; line-height: 40px; color: #222; padding: 40px 25px 25px 80px; } .mk-blog-newspaper-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon { position: absolute; top: 50px; left: 25px; display: block; fill: #dddddd; fill: rgba(0, 0, 0, 0.1); width: 48px; } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .blog-blockquote-content footer { text-align: right; color: #999; font-style: italic; font-size: 20px; } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta { padding: 0; } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .the-title, .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .the-excerpt { display: none; } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .newspaper-item-footer .mk-readmore { display: none; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder { position: relative; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content { font-size: 22px; color: #222; line-height: 36px; padding-bottom: 30px; padding: 25px 40px 90px; word-wrap: break-word; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content:before { content: ''; width: 100%; height: 30px; display: block; margin-bottom: 45px; background-repeat: no-repeat; background-position: center; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content a { color: #55acee; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer { text-align: left; line-height: normal; margin-top: 35px; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer a, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer span { display: block; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer span { font-weight: bold; font-size: 14px; color: #222; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer a { color: #55acee; font-size: 12px; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta { padding: 0; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .the-title, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .the-excerpt, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .mk-readmore { display: none; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .newspaper-item-footer .mk-readmore { display: none; } /*shared style*/ .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .newspaper-item-share, .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .newspaper-item-share, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .newspaper-item-share { display: none; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper, .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper { position: absolute; left: 20px; bottom: 5px; z-index: 5; } .mk-blog-spotlight-item { width: 100%; float: left; } .mk-blog-spotlight-item.one-column { width: 100%; } .mk-blog-spotlight-item.two-column { width: 50%; } .mk-blog-spotlight-item.three-column { width: 33.33%; } .mk-blog-spotlight-item.four-column { width: 25%; } @media handheld, only screen and (max-width: 960px) { .mk-blog-spotlight-item.three-column, .mk-blog-spotlight-item.four-column { width: 50% !important; } } @media handheld, only screen and (max-width: 767px) { .mk-blog-spotlight-item.three-column, .mk-blog-spotlight-item.four-column, .mk-blog-spotlight-item.two-column, .mk-blog-spotlight-item.one-column { width: 100% !important; } } .mk-blog-spotlight-item .featured-image { position: relative; width: 100%; } .mk-blog-spotlight-item .featured-image > a { line-height: 4px; display: block; } .mk-blog-spotlight-item .featured-image img { width: 100%; } .mk-blog-spotlight-item .featured-image .image-hover-overlay { opacity: .5; background-color: #000000 !important; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .mk-blog-spotlight-item .featured-image:hover .image-hover-overlay { opacity: .3; } .mk-blog-spotlight-item .item-wrapper { width: 100%; height: 100%; color: #ffffff; position: absolute; left: 0; top: 0; text-align: center; } .mk-blog-spotlight-item .item-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.5em; } .mk-blog-spotlight-item .item-wrapper .mk-blog-meta { vertical-align: middle; display: inline-block; margin: 0 auto; max-width: 70%; } .mk-blog-spotlight-item .item-wrapper h3 { margin: 8% 0; font-size: 20px !important; font-weight: bold !important; letter-spacing: 2px; } .mk-blog-spotlight-item .item-wrapper h3, .mk-blog-spotlight-item .item-wrapper time { color: #ffffff; } .mk-blog-spotlight-item .item-wrapper h3 a, .mk-blog-spotlight-item .item-wrapper time a { color: #ffffff; } .mk-blog-spotlight-item .item-wrapper h3 a:hover, .mk-blog-spotlight-item .item-wrapper time a:hover { color: #ffffff; } .mk-blog-spotlight-item .item-wrapper time { font-size: 14px; font-style: italic; letter-spacing: 1px; margin-bottom: 30px; text-transform: uppercase; opacity: 0.7; } .mk-blog-spotlight-item .item-wrapper time:after { width: 20px; height: 2px; content: ""; display: block; margin: 6% auto; background-color: #ffffff; } .mk-blog-spotlight-item .item-wrapper .mk-button { margin: 5% auto 0; } .mk-blog-thumbnail-item { width: 100%; margin-bottom: 50px; background-color: #ffffff; line-height: 4px; } .mk-blog-thumbnail-item .mk-blog-meta { line-height: 20px; } .mk-blog-thumbnail-item .mk-blog-meta-wrapper span { display: none; } .mk-blog-thumbnail-item .mk-blog-meta-wrapper .blog-meta-item:after { content: "/"; margin: 0 5px; } .mk-blog-thumbnail-item.content-align-right .item-wrapper { float: right; padding: 35px 30px 15px; } .mk-blog-thumbnail-item.content-align-left .item-wrapper { float: left; padding-right: 20px; } .mk-blog-thumbnail-item .featured-image { position: relative; display: inline-block; overflow: hidden; max-width: 35%; float: left; } .mk-blog-thumbnail-item .featured-image:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .mk-blog-thumbnail-item .item-wrapper { width: 63%; display: inline-block; } .mk-blog-thumbnail-item.full-width-post .item-wrapper { padding: 35px; width: 100%; } .mk-blog-thumbnail-item .item-wrapper .mk-blog-author, .mk-blog-thumbnail-item .item-wrapper .mk-categories { display: inline; } .mk-blog-thumbnail-item .item-wrapper h3 { margin: 20px 0; letter-spacing: 1px; } .mk-blog-thumbnail-item .item-wrapper .the-excerpt { margin-bottom: 20px; } .mk-blog-thumbnail-item .featured-image img { width: 100%; } @media handheld, only screen and (max-width: 767px) { .mk-blog-thumbnail-item .featured-image { max-width: 100%; width: 100%; margin-bottom: 20px; } .mk-blog-thumbnail-item .mk-button-align.left { text-align: left !important; } .mk-blog-thumbnail-item .item-wrapper { width: 100%; padding: 30px !important; } } /* Shortcode:Blog Showcase -------------------------------------------------------------------- */ .mk-blog-showcase { padding: 30px 0; } .mk-blog-showcase ul { display: block; overflow: hidden; margin: 0; padding: 0; width: 100%; list-style: none; } .mk-blog-showcase ul li { position: relative; display: inline-block; float: left; margin: 0; padding: 0 10px 0 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } @media handheld, only screen and (max-width: 1140px) { .mk-blog-showcase ul li { display: block !important; float: none !important; margin-bottom: 20px; width: 100%; } .mk-blog-showcase ul li .blog-showcase-extra-info { opacity: 1; } } @media handheld, only screen and (max-width: 600px) { .mk-blog-showcase ul li { display: block !important; float: none !important; margin-bottom: 15px; padding: 0 !important; } .mk-blog-showcase ul li .blog-showcase-extra-info { position: relative !important; left: 0 !important; width: auto !important; height: auto !important; } .mk-blog-showcase ul li .mk-blog-showcase-thumb { max-width: 100%; width: 100% !important; height: auto !important; line-height: 4px; } .mk-blog-showcase ul li .mk-blog-showcase-thumb img { max-width: 100%; width: 100%; height: auto !important; } } .mk-blog-showcase ul li:last-child { padding-right: 0 !important; } .mk-blog-showcase ul li.mk-blog-first-el { padding-right: 270px; } .mk-blog-showcase ul li.mk-blog-first-el .blog-showcase-extra-info { opacity: 1; } .mk-blog-showcase ul li.mk-blog-first-el .mk-blog-showcase-thumb { border-right: none; } .showcase-blog-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .mk-blog-showcase-thumb { position: relative; overflow: hidden; margin-bottom: 5px; width: 260px; height: 180px; } .mk-blog-showcase-thumb:hover .showcase-blog-overlay { opacity: .8; } .mk-blog-showcase-thumb:hover a { opacity: 1; } .mk-blog-showcase-thumb a { position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px; text-align: center; display: block; opacity: 0; } .mk-blog-showcase-thumb a svg { fill: #ffffff; height: 48px; } .blog-showcase-extra-info { position: absolute; top: 2px; left: 270px; overflow: hidden; margin: 0; padding-left: 5px; width: 250px; height: 180px; opacity: 0; } .blog-showcase-extra-info time { display: block; margin-bottom: 5px; border: 1px solid rgba(0, 0, 0, 0.1); border-right: none; border-left: none; line-height: 24px; } .blog-showcase-extra-info time a { color: #999999; font-size: 10px; } .right-layout .mk-blog-showcase ul li.mk-blog-first-el, .left-layout .mk-blog-showcase ul li.mk-blog-first-el { padding-right: 260px; } .right-layout .blog-showcase-extra-info, .left-layout .blog-showcase-extra-info { width: 240px; } .blog-showcase-title { display: inline-block; margin-bottom: 0; color: #333333; font-weight: bold; font-size: 13px; line-height: 20px !important; } .blog-showcase-more { font-size: 12px; } .blog-showcase-more svg { vertical-align: middle; margin-left: 5px; } /* ********************************************* Blog Teaser Style ********************************************* */ .mk-blog-teaser a { text-decoration: none; } .mk-blog-teaser .blog-meta { position: absolute; left: 0; bottom: 0; margin: 0; width: 100%; padding: 10px 30px 25px; } .mk-blog-teaser .blog-title { position: relative; font-size: 18px !important; padding-bottom: 18px; margin-bottom: 12px; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90%; color: #ffffff !important; } .mk-blog-teaser .blog-title:after { width: 70px; height: 3px; content: ""; background-color: #ffffff; display: block; position: absolute; left: 0; bottom: 1px; -webkit-transform: scale(0.4, 1); -moz-transform: scale(0.4, 1); -o-transform: scale(0.4, 1); transform-origin: left center; -webkit-transform-origin: left center; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .mk-blog-teaser .blog-title a { color: #ffffff; } .mk-blog-teaser .blog-categories, .mk-blog-teaser time { display: inline-block; font-size: 12px; font-style: italic; opacity: 0.7; color: #ffffff; font-weight: bold; line-height: 14px; } .mk-blog-teaser .blog-categories a, .mk-blog-teaser time a { color: #ffffff; } .mk-blog-teaser .thumb-featured-image { position: relative; } .mk-blog-teaser .image-hover-overlay { opacity: 0.4; background-color: #000000 !important; } .mk-blog-teaser .blog-slider-item:hover .blog-title:after, .mk-blog-teaser .blog-teaser-side-item:hover .blog-title:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .mk-blog-teaser article:hover .image-hover-overlay { opacity: 0.2; } .mk-blog-teaser .blog-teaser-side-item .blog-title { font-size: 14px !important; } .mk-blog-teaser .blog-teaser-side-item .blog-meta { padding: 10px 30px 18px; } .mk-blog-teaser .blog-slider-item { width: 60%; float: left; /* ********************************************* Slideshow Section ********************************************* */ } .mk-blog-teaser .blog-slider-item .blog-slideshow-entry { position: relative; } .mk-blog-teaser .blog-slider-item .blog-slideshow-entry .teaser-comment-love-wrapper { position: absolute; right: 25px; bottom: 25px; } .mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment { color: #ffffff; display: inline-block; padding-left: 5px; margin-left: 5px; font-weight: bold; font-style: italic; font-size: 12px; } .mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment svg { height: 16px; vertical-align: middle; fill: #ffffff; } .mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment span { color: #ffffff; padding-left: 3px; } .mk-blog-teaser .blog-teaser-side-item { overflow: hidden; float: left; position: relative; } .mk-blog-teaser .blog-teaser-side-item .item-holder { margin-left: 8px; } .mk-blog-teaser .blog-teaser-side-item.full-item { width: 40%; } .mk-blog-teaser .blog-teaser-side-item.half-item { width: 20%; } .mk-blog-teaser .blog-teaser-side-item.half-item .item-holder { margin-top: 8px; } @media handheld, only screen and (max-width: 767px) { .mk-blog-teaser .blog-slider-item { width: 100%; float: none; } .mk-blog-teaser .thumb-featured-image img { width: 100%; } .mk-blog-teaser .blog-teaser-side-item.full-item .item-holder { margin-left: 0; } .mk-blog-teaser .blog-teaser-side-item .item-holder { margin-top: 8px; } .mk-blog-teaser .blog-teaser-side-item.full-item { width: 50%; } .mk-blog-teaser .blog-teaser-side-item.half-item { width: 25%; } } @media handheld, only screen and (max-width: 600px) { .mk-blog-teaser .blog-teaser-side-item .item-holder { margin: 0 !important; } .mk-blog-teaser .blog-teaser-side-item.full-item { width: 100%; float: none; } .mk-blog-teaser .blog-teaser-side-item.half-item { width: 50%; } } .mk-button { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out; transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out; } .mk-button:hover, .mk-button:focus, .mk-button:active { outline: 0 none; text-decoration: none; } .mk-button .mk-button--icon { margin: -2px 15px 0 0; } .mk-button .mk-button--icon svg { height: 16px; vertical-align: middle; } /* Align center buttons should have no sinlinges in row otherwise there will be zindex issue */ .mk-button-container.jupiter-donut-text-center { clear: both; } /* Full width button can not be floated */ .mk-button-container.jupiter-donut-width-full { width: 100%; float: none; } .mk-button-container.jupiter-donut-width-full .mk-button { display: block; } /*Button Corner Style*/ .mk-button--corner-pointed, .mk-button--corner-pointed .double-outline-inside { border-radius: 0; } .mk-button--corner-rounded, .mk-button--corner-rounded .double-outline-inside { border-radius: 3px; } .mk-button--corner-full_rounded, .mk-button--corner-full_rounded .double-outline-inside { border-radius: 50px; } /*Button Size*/ .mk-button--size-small, .mk-contact-form .mk-button--size-small { padding: 12px 18px; font-size: 10px; line-height: 100%; } .mk-button--size-medium, .mk-contact-form .mk-button--size-medium { padding: 14px 24px; font-size: 12px; line-height: 100%; } .mk-button--size-large, .mk-contact-form .mk-button--size-large { padding: 20px 28px; font-size: 14px; line-height: 100%; } .mk-button--size-x-large, .mk-contact-form .mk-button--size-x-large { padding: 28px 36px; font-size: 16px; line-height: 100%; } .mk-button--size-xx-large, .mk-contact-form .mk-button--size-xx-large { padding: 38px 44px; font-size: 18px; line-height: 100%; } /*Button Style*/ /*3D and 2D button style*/ .mk-button--dimension-three.text-color-light, .mk-button--dimension-two.text-color-light { text-shadow: 0 1px rgba(0, 0, 0, 0.4); } .mk-button--dimension-three.text-color-dark, .mk-button--dimension-two.text-color-dark { text-shadow: 0 1px rgba(255, 255, 255, 0.4); } .mk-button--dimension-two { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.8); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.8); } /*Flat button style*/ .mk-button--dimension-flat.text-color-light { color: #ffffff; } .mk-button--dimension-flat.text-color-light .mk-svg-icon { fill: #ffffff; } .mk-button--dimension-flat.text-color-dark { color: #252525; } .mk-button--dimension-flat.text-color-dark .mk-svg-icon { fill: #252525; } /*Outline, Double Outline, Savvy Button common style*/ .mk-button--dimension-outline, .mk-button--dimension-savvy { border-width: 2px; border-style: solid; } .mk-button--dimension-outline.skin-dark, .mk-button--dimension-savvy.skin-dark { border-color: #252525; color: #252525; } .mk-button--dimension-outline.skin-light, .mk-button--dimension-savvy.skin-light { border-color: #ffffff; color: #ffffff; } /*Outline button style*/ .mk-button--dimension-outline.skin-dark:hover { background-color: #252525; color: #ffffff; } .mk-button--dimension-outline.skin-light:hover { background-color: #ffffff; color: #252525; } /*Savvy button style*/ .mk-button--dimension-savvy { overflow: hidden; } .mk-button--dimension-savvy::after { content: ""; position: absolute; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0); height: 0; width: 0; opacity: 0; } .mk-button--dimension-savvy.mk-button--corner-full_rounded { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .mk-button--dimension-savvy .mk-button--text, .mk-button--dimension-savvy .mk-button--icon { position: relative; z-index: 2; } .mk-button--dimension-savvy:hover::after { width: 120%; height: 4000%; opacity: 1; } .mk-button--dimension-savvy.skin-dark:hover { color: #ffffff; } .mk-button--dimension-savvy.skin-light:hover { color: #252525; } .mk-button--dimension-savvy.skin-dark::after { background-color: #252525; } .mk-button--dimension-savvy.skin-light::after { background-color: #ffffff; } /*Double Outline button style*/ .mk-button--dimension-double-outline, .mk-button--dimension-double-outline .double-outline-inside { border-width: 1px; border-style: solid; } .mk-button--dimension-double-outline .double-outline-inside { position: absolute; display: block; width: 100%; height: 100%; left: -4px; top: -4px; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% + 8px); height: calc(100% + 8px); z-index: 1; } .mk-button--dimension-double-outline.skin-dark { background-color: #222222; color: #ffffff; } .mk-button--dimension-double-outline.skin-dark .mk-svg-icon { fill: #fff !important; } .mk-button--dimension-double-outline.skin-dark, .mk-button--dimension-double-outline.skin-dark .double-outline-inside { border-color: #222222; } .mk-button--dimension-double-outline.skin-dark:hover { background-color: #ffffff; color: #222222; } .mk-button--dimension-double-outline.skin-dark:hover .mk-svg-icon { fill: #222 !important; } .mk-button--dimension-double-outline.skin-light { background-color: #ffffff; color: #222222; } .mk-button--dimension-double-outline.skin-light .mk-svg-icon { fill: #222 !important; } .mk-button--dimension-double-outline.skin-light, .mk-button--dimension-double-outline.skin-light .double-outline-inside { border-color: #ffffff; } .mk-button--dimension-double-outline.skin-light:hover { background-color: #222222; color: #ffffff; } .mk-button--dimension-double-outline.skin-light:hover .mk-svg-icon { fill: #fff !important; } /*Button animation */ .mk-button--anim-vertical, .mk-button--anim-side { overflow: hidden; } .mk-button--anim-side .mk-button .mk-button--icon { opacity: 0; transform: translateX(-30px); -webkit-transform: translateX(-30px); transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s, -webkit-transform .2s; -webkit-transition: opacity .2s, -webkit-transform .2s; } .mk-button--anim-side .mk-button .mk-button--text { display: inline-block; transform: translateX(-17px); -webkit-transform: translateX(-17px); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transition: -webkit-transform .2s; transition-delay: .01s; -webkit-transition-delay: .01s; } .mk-button--anim-side .mk-button.mk-button--size-large .mk-button--text, .mk-button--anim-side .mk-button.mk-button--size-x-large .mk-button--text { transform: translateX(-17.5px); -webkit-transform: translateX(-17.5px); } .mk-button--anim-side .mk-button.mk-button--size-xx-large .mk-button--text { transform: translateX(-18px); -webkit-transform: translateX(-18px); } .mk-button--anim-side .mk-button:hover .mk-button--icon { opacity: 1; } .mk-button--anim-side .mk-button:hover .mk-button--text, .mk-button--anim-side .mk-button:hover .mk-button--icon { transform: translateX(0); -webkit-transform: translateX(0); } .mk-button--anim-vertical .mk-button .mk-button--icon, .mk-button--anim-vertical .mk-button .mk-button--icon:before, .mk-button--anim-vertical .mk-button .mk-button--text { position: absolute; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transition: -webkit-transform .2s; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .mk-button--anim-vertical .mk-button .mk-button--icon { transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); margin: auto; } .mk-button--anim-vertical .mk-svg-icon { display: inline-block; vertical-align: middle; } .mk-button--anim-vertical .mk-button .mk-button--text { position: absolute; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .mk-button--anim-vertical .mk-button:hover .mk-button--icon { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .mk-button--anim-vertical .mk-button:hover .mk-button--text { transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); } .mk-button--dimension-outline.mk-button--size-small, .mk-button--dimension-savvy.mk-button--size-small { padding: 10px 18px; } .mk-button--dimension-outline.mk-button--size-medium, .mk-button--dimension-savvy.mk-button--size-medium { padding: 12px 24px; } .mk-button--dimension-outline.mk-button--size-large, .mk-button--dimension-savvy.mk-button--size-large { padding: 18px 28px; } .mk-button--dimension-outline.mk-button--size-x-large, .mk-button--dimension-savvy.mk-button--size-x-large { padding: 26px 36px; } .mk-button--dimension-outline.mk-button--size-xx-large, .mk-button--dimension-savvy.mk-button--size-xx-large { padding: 36px 44px; } button.mk-button, input[type="text"].mk-button { outline: none; background: none; line-height: 100%; } button.mk-button::-moz-focus-inner, input[type="text"].mk-button::-moz-focus-inner { border: none; } @media handheld, only screen and (max-width: 767px) { .mk-button-container { display: block; text-align: center; width: 100%; } .mk-button-container .mk-button { float: none; } .ls-wp-container .mk-button { padding: 8px 10px; font-size: 10px; line-height: 100%; } .ls-wp-container .mk-button i { margin-top: -3px; font-size: 10px; } .mk-button-container { width: 100%; float: none; } } @media handheld, only screen and (max-width: 550px) { .ls-wp-container .mk-button { padding: 5px 8px; font-size: 8px; line-height: 100%; } .ls-wp-container .mk-button i { margin-top: -3px; font-size: 10px; } } .mk-button.skin-dark .mk-svg-icon, .mk-button.skin-light:hover .mk-svg-icon { fill: #252525; } .mk-button.skin-light .mk-svg-icon, .mk-button.skin-dark:hover .mk-svg-icon { fill: #ffffff; } /* Hide cart link */ .mk-button-container .added_to_cart { display: none; } .mk-gradient-button a { -webkit-transition: background .2s linear; transition: background .2s linear; position: relative; display: inline-block; font-weight: bold; text-align: center; } .mk-gradient-button a.dark-skin { color: #222222; } .mk-gradient-button a.light-skin { color: #ffffff; } .mk-gradient-button a.mk-button--dimension-double-outline, .mk-gradient-button a.mk-button--dimension-double-outline .double-outline-inside { border: 1px solid transparent; } .mk-gradient-button a.mk-button--dimension-double-outline .text, .mk-gradient-button a.mk-button--dimension-double-outline .double-outline-inside .text { -webkit-transition: position 0.2s linear, z-index 0.2s linear; transition: position 0.2s linear, z-index 0.2s linear; } .mk-gradient-button a.mk-button--dimension-two, .mk-gradient-button a.mk-button--dimension-flat { -webkit-transition: color .2s linear; transition: color .2s linear; } .mk-gradient-button a.mk-button--dimension-two .text, .mk-gradient-button a.mk-button--dimension-flat .text { position: relative; z-index: 2; } .mk-gradient-button a.mk-button--dimension-double-outline, .mk-gradient-button a.mk-button--dimension-outline { transition: -webkit-text-fill-color 0.2s linear, color 0.2s linear; } .mk-gradient-button a.mk-button--dimension-double-outline:after, .mk-gradient-button a.mk-button--dimension-outline:after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; content: ''; z-index: 0; } .mk-gradient-button a .darker-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; margin: 0; z-index: 1; } .mk-gradient-button a.mk-button--corner-rounded .darker-background { border-radius: 5px; } .mk-gradient-button a.mk-button--corner-full_rounded .darker-background { border-radius: 50px; } .mk-gradient-button a:hover .darker-background { opacity: 1; } .mk-gradient-button .text { text-align: center; } .mk-gradient-button a:hover .text { position: relative; z-index: 2; } .mk-gradient-button a:hover.mk-button--dimension-double-outline, .mk-gradient-button a:hover.mk-button--dimension-outline { -webkit-text-fill-color: initial; } .mk-gradient-button a:hover.mk-button--dimension-double-outline:after, .mk-gradient-button a:hover.mk-button--dimension-outline:after { opacity: 1; } .mk-gradient-button a:hover.light-skin { color: #ffffff; } .mk-gradient-button a:hover.dark-skin { color: #222222; } .mk-gradient-button.custom-width-true a { display: block; } .mk-gradient-button.btn-align-left, .mk-gradient-button.btn-align-right, .mk-gradient-button.btn-align-none { display: inline-block; } .mk-gradient-button.btn-align-center { text-align: center; width: 100%; } .mk-gradient-button.btn-align-center a { margin: 0 auto; } .mk-gradient-button.btn-align-right { float: right; } .mk-gradient-button.fullwidth-true { width: 100%; float: none; } .mk-gradient-button.fullwidth-true a { display: block; } @media handheld, only screen and (max-width: 767px) { .mk-gradient-button { width: 100%; float: none !important; } } /* Hide cart link */ .mk-gradient-button .added_to_cart { display: none; } .mk-category-loop .mk-loop-item { overflow: hidden; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .mk-category-loop .mk-loop-item img { width: 100%; } .mk-category-loop .mk-loop-item .item-holder { position: relative; width: 100%; height: 100%; margin: 0; } .mk-category-loop .mk-loop-item .item-holder figcaption { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .mk-category-loop .mk-loop-item .item-holder figcaption .caption { position: relative; z-index: 2; } .mk-category-loop .mk-loop-item .item-holder figcaption .view-more { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; } .mk-category-loop .mk-loop-item .item-holder figcaption .item-title, .mk-category-loop .mk-loop-item .item-holder figcaption .item-desc { display: block; } .mk-category-loop .mk-loop-item .item-holder figcaption .item-title { font-size: 20px; margin-bottom: 15px; font-weight: bold; } .mk-category-loop .mk-loop-item .item-holder figcaption .item-desc { font-size: 14px; } .mk-category-loop .mk-loop-item .item-holder figcaption .item-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .mk-category-loop .mk-loop-item .item-holder .overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .mk-category-loop.col-1 .mk-loop-item { width: 100%; display: block; padding-left: 0 !important; padding-right: 0 !important; } .mk-category-loop.col-2 .mk-loop-item { width: 50%; display: inline-block; float: left; } .mk-category-loop.col-2 .mk-loop-item:nth-child(odd) { padding-left: 0 !important; } .mk-category-loop.col-2 .mk-loop-item:nth-child(even) { padding-right: 0 !important; } .mk-category-loop.col-3 .mk-loop-item { width: 33.333334%; display: inline-block; float: left; } .mk-category-loop.col-3 .mk-loop-item:nth-child(3n+1) { padding-left: 0 !important; } .mk-category-loop.col-3 .mk-loop-item:nth-child(3n-6) { padding-right: 0 !important; } .mk-category-loop.col-4 .mk-loop-item { width: 25%; display: inline-block; float: left; } .mk-category-loop.col-4 .mk-loop-item:nth-child(4n+1) { padding-left: 0 !important; } .mk-category-loop.col-4 .mk-loop-item:nth-child(4n-8) { padding-right: 0 !important; } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption { display: table; text-align: center; width: 100%; height: 100%; } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption .centered, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption .centered, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption .centered { display: table-cell; vertical-align: middle; } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc { max-width: 80%; margin: 0 auto; height: 0; } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-title, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-desc { -webkit-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden; } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption { position: relative; z-index: 2; } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-title { transition: -webkit-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-desc { transition: opacity 0.25s, -webkit-transform 0.35s; -webkit-transition: opacity 0.25s, -webkit-transform 0.35s; transition: opacity 0.25s, transform 0.35s; transition: opacity 0.25s, transform 0.35s, -webkit-transform 0.35s; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; opacity: 0; } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-title, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc { -webkit-transform: translateY(-40px); transform: translateY(-40px); } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc { opacity: 1; } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption:before, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc { opacity: 0; transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-title, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc { position: relative; z-index: 3; } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption:before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border-width: 1px; border-style: solid; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 3; } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc { -webkit-transform: scale(1.5); transform: scale(1.5); } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder:hover figcaption:before, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-title, .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-desc { position: absolute; text-align: center; width: 100%; left: 0; z-index: 3; } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-title { top: 50%; margin: 0; transition: -webkit-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); word-spacing: -0.15em; } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-desc { bottom: 0; opacity: 0; padding: 40px; padding-top: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-box-sizing: border-box; box-sizing: border-box; } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder:hover figcaption .item-title { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title, .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-desc { position: absolute; right: 30px; left: 30px; z-index: 3; } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title { position: absolute; top: 30px; transition: -webkit-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title:after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; content: ''; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); opacity: 0; transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-desc { opacity: 0; transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; bottom: 30px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-title { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-title:after { opacity: 1; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mk-category-loop.blur-image-effect .mk-loop-item .item-holder { overflow: hidden; } .mk-category-loop.blur-image-effect .mk-loop-item .item-holder .item-blur-thumbnail { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .mk-category-loop.blur-image-effect .mk-loop-item .item-holder:hover .item-blur-thumbnail { opacity: 1; } .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder { overflow: hidden; } .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption:before, .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption .item-title, .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption .item-desc { z-index: 3; } .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption:after { transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, rgba(0, 0, 0, 0.6))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); pointer-events: none; z-index: 1; } .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder:hover figcaption:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mk-category-loop.zoom-image-effect .mk-loop-item .item-holder { overflow: hidden; } .mk-category-loop.zoom-image-effect .mk-loop-item .item-holder img { transition: -webkit-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } .mk-category-loop.zoom-image-effect .mk-loop-item .item-holder:hover img { -webkit-transform: scale(1); transform: scale(1); } .mk-category-loop.slide-image-effect .mk-loop-item .item-holder { overflow: hidden; } .mk-category-loop.slide-image-effect .mk-loop-item .item-holder img { max-width: initial; width: calc(100% + 50px); transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } .mk-category-loop.slide-image-effect .mk-loop-item .item-holder:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .masonry-layout .mk-loop-item { float: initial !important; height: auto !important; } /*Photo album responsive*/ @media handheld, only screen and (max-width: 1024px) { .mk-category-loop .mk--col.mk--col--3-12, .mk-category-loop .mk--col.mk--col--4-12, .mk-category-loop .mk--col.mk--col--1-2 { width: 50%; } } @media handheld, only screen and (max-width: 767px) { .mk-category-loop .mk--col.mk--col--3-12, .mk-category-loop .mk--col.mk--col--4-12, .mk-category-loop .mk--col.mk--col--1-2 { width: 100%; } } .mk-chart__chart { position: relative; margin: 0 auto; text-align: center; } .mk-chart__chart canvas { position: absolute; top: 0; left: 0; } .mk-chart__text, .mk-chart__percent { position: absolute; top: 0; left: 0; display: block; width: 100% !important; color: #444444; text-align: center; height: 100% !important; } .mk-chart__percent { font-weight: bold; } .mk-chart__desc { display: block; text-align: center; letter-spacing: 1px; line-height: 1.3em; } @media handheld, only screen and (max-width: 600px) { .mk-chart__chart { margin: 0 auto; } } /* Shortcode:Clients Carousel -------------------------------------------------------------------- */ .mk-clients { position: relative; } .mk-clients.slideshow-no-title { padding-top: 25px; } .mk-clients ul { margin: 0; padding: 0; list-style: none; } .mk-clients ul.mk-flex-slides li { position: relative; text-align: center; } .mk-clients ul.mk-flex-slides li .client-logo { margin: 0 9px; } .mk-clients ul.mk-flex-slides .client-logo { width: 170px; border-width: 1px; border-style: solid; } .mk-clients .client-logo { position: relative; display: block; opacity: .8; background-position: center center; background-repeat: no-repeat; } .mk-clients .client-logo:hover { opacity: 1; } .mk-clients.bg-cover-true .client-logo { background-size: cover; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; } .mk-clients .flex-direction-nav a { position: absolute; top: -4px; } .mk-clients .flex-direction-nav a svg { fill: #aaaaaa; height: 12px !important; } .mk-clients .flex-prev { right: 20px; } .mk-clients .flex-next { right: 0px; } .mk-clients.column-style ul { overflow: hidden; } .mk-clients.column-style li { float: left; margin: 0; padding: 0; } .mk-clients.column-style.one-column li { width: 100%; } .mk-clients.column-style.two-column li { width: 50%; } .mk-clients.column-style.three-column li { width: calc(100% / 3); } .Edge .mk-clients.column-style.three-column li, .IE10 .mk-clients.column-style.three-column li, .IE11 .mk-clients.column-style.three-column li { width: calc(100% / 3 - 1px); } .mk-clients.column-style.four-column li { width: 25%; } .mk-clients.column-style.five-column li { width: 20%; } .mk-clients.column-style.six-column li { width: calc(100% / 6); } .Edge .mk-clients.column-style.six-column li, .IE10 .mk-clients.column-style.six-column li, .IE11 .mk-clients.column-style.six-column li { width: calc(100% / 6 - 1px); } .mk-clients.column-style.border-boxed ul { border-top-style: none !important; } .mk-clients.column-style.border-boxed ul:first-of-type .client-logo { border-top-style: solid !important; } .mk-clients.column-style.border-opened_edges ul:last-child .client-logo { border-bottom-style: none !important; } @media handheld, only screen and (max-width: 960px) { .mk-clients.column-style.three-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.five-column li, .mk-clients.column-style.six-column li { width: calc(100% / 3) !important; } .mk-clients.column-style.border-opened_edges.three-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.five-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(3) .client-logo { border-right-style: none !important; } } @media handheld, only screen and (max-width: 767px) { .mk-clients.column-style.three-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.five-column li, .mk-clients.column-style.six-column li { width: 50% !important; } .mk-clients.column-style.border-opened_edges.three-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.five-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(2) .client-logo { border-right-style: none !important; } } @media handheld, only screen and (max-width: 550px) { .mk-clients.column-style.three-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.two-column li, .mk-clients.column-style.five-column li, .mk-clients.column-style.six-column li { width: 100% !important; } .mk-clients.column-style.border-opened_edges.two-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.three-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.five-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(1) .client-logo { border-right-style: solid !important; border-left-style: solid !important; border-right-width: 1px !important; border-left-width: 1px !important; } .mk-clients.column-style.border-opened_edges .mk-clients-fixed-list:first-of-type .client-logo { border-top-style: solid !important; border-top-width: 1px !important; } .mk-clients.column-style.border-opened_edges .mk-clients-fixed-list:last-of-type .client-logo { border-bottom-style: solid !important; border-bottom-width: 1px !important; } } .mk-circle-image { text-align: center; } .mk-circle-image__holder { display: inline-block; overflow: hidden; margin: 0 auto; border-radius: 100%; } .mk-circle-image__holder a { display: inline-block; line-height: 4px; } .mk-circle-image__holder img { width: 100%; } /* Shortcode:Contact Form -------------------------------------------------------------------- */ .mk-contact-form textarea, .mk-contact-form input, .mk-contact-form button, .mk-contact-form select { font-family: inherit; font-size: inherit; outline: none; } .mk-contact-form .contact-submit { cursor: pointer; } /* Captcha*/ .contact-captcha-invalid::-moz-placeholder, .contact-captcha-invalid:-moz-placeholder { color: red !important; letter-spacing: 0 !important; } .contact-captcha-invalid::-webkit-input-placeholder { color: red !important; letter-spacing: 0 !important; } .contact-captcha-invalid:-ms-input-placeholder { color: red !important; letter-spacing: 0 !important; } .contact-captcha-valid::-moz-placeholder, .contact-captcha-valid:-moz-placeholder { color: #008200 !important; letter-spacing: 0 !important; } .contact-captcha-valid::-webkit-input-placeholder { color: #008200 !important; letter-spacing: 0 !important; } .contact-captcha-valid:-ms-input-placeholder { color: #008200 !important; letter-spacing: 0 !important; } .mk-contact-form { position: relative; margin: 2px 0 20px; } .mk-contact-form .mk-form-third { width: 33.3333%; float: left; } .mk-contact-form .mk-form-half { width: 50%; float: left; } .mk-contact-form .s_form-all { position: relative; } .mk-contact-form .s_form-all .s_txt-input { -webkit-appearance: none; } .s_contact .mk-gdpr-consent-check { text-align: left !important; padding-left: 4px; } .mk-gdpr-consent-check label { font-size: 14px; color: #666666; cursor: pointer; padding-left: 10px; } /* Contact Form Styles /**************************************************/ .mk-contact-loading { position: absolute; right: 0; bottom: 20px; display: none; color: #c3c3c3; font-size: 16px; } .mk-contact-success { position: absolute; right: 0; bottom: 20px; display: none; width: 24px; height: 24px; color: #90b64d; font-size: 24px; } .mk-invalid { border: 1px solid #ff0000; } .mk-checkbox.mk-invalid { outline: 1px solid #ff0000; } /*======================= General [ Modern Style ] ========================*/ .s_contact .mk-form-row { margin-bottom: 12px; text-align: center; width: 100%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .s_contact .s_txt-input { font-size: 14px; padding: 14px; text-align: center; width: 100%; border: medium none; } .s_contact .mk-form-row.half { width: 50%; float: left; } .s_contact .mk-form-row input { z-index: 11; position: relative; } .s_contact .mk-form-row.one-third { width: 33.3333%; float: left; } .s_contact .mk-textarea { height: 200px; } .s_contact .captcha-image { position: absolute; top: 0; left: 0; max-height: 47px; z-index: 30; } .s_contact .captcha-change-image { position: absolute; top: 18px; right: 10px; text-align: right; font-size: 10px; line-height: 1; z-index: 12; } .s_contact .mk-invalid { border: 1px solid #ff0000 !important; } /* Light Color Theme */ .s_contact.light .captcha-change-image { color: #333; } .s_contact.light .s_txt-input, .s_contact.dark .s_txt-input:focus { background-color: rgba(255, 255, 255, 0.8); color: #252525; border: none; } .s_contact.light .s_txt-input::-moz-placeholder, .s_contact.light .s_txt-input:-moz-placeholder { color: #252525; } .s_contact.light .s_txt-input::-moz-placeholder, .s_contact.light .s_txt-input:-moz-placeholder { color: #252525; } .s_contact.dark .s_txt-input:focus::-webkit-input-placeholder { color: #252525; } .s_contact.dark .s_txt-input:focus:-ms-input-placeholder { color: #252525; } .s_contact.light .s_txt-input:-ms-input-placeholder { color: #252525; } .s_contact.light .s_txt-input::-webkit-input-placeholder { color: #252525; } /* Dark Color Theme */ .s_contact.dark .captcha-change-image { color: #969696; } .s_contact.dark .s_txt-input, .s_contact.light .s_txt-input:focus { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; border: none; } .s_contact.light .s_txt-input:focus::-moz-placeholder, .s_contact.light .s_txt-input:focus:-moz-placeholder { color: #ffffff; } .s_contact.dark .s_txt-input::-moz-placeholder, .s_contact.dark .s_txt-input:-moz-placeholder { color: #ffffff; } .s_contact.light .s_txt-input:focus::-webkit-input-placeholder { color: #ffffff; } .s_contact.dark .s_txt-input:-ms-input-placeholder { color: #ffffff; } /*======================= modern Style ========================*/ .s_contact .s_txt-input { border: medium none; } .s_modern.s_contact .captcha-change-image { width: 100px; top: 15px; } .s_modern.s_contact.light .mk-gdpr-consent-check label { color: #eee; } /*======================= Outline Style ========================*/ .s_contact.s_outline .mk-form-row { margin-bottom: 0; font-size: 0; } .s_contact.s_outline .captcha-block { position: absolute; width: 50%; right: 0; top: 0; } .s_contact.s_outline .captcha-block a, .s_contact.s_outline .captcha-block img { text-align: left; max-height: none; } .s_contact.s_outline .captcha-block a { display: inline-block; padding: 17px 0; position: static; } .s_contact.s_outline .captcha-block img { height: 50px; max-width: 50%; position: relative; top: 2px; } .s_contact.s_outline .captcha-change-image { width: 100px; } .s_contact.s_outline .s_txt-input { margin: 0; background-color: transparent; outline: 0 none; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; padding: 18px; text-align: left; } .s_contact.s_outline .s_txt-input::-webkit-input-placeholder { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .s_contact.s_outline .s_txt-input:-ms-input-placeholder { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .s_contact.s_outline .s_txt-input:-moz-placeholder, .s_contact.s_outline .s_txt-input::-moz-placeholder { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .s_contact.s_outline .contact-outline-submit { width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 18px; font-size: 13px; font-weight: 700; -webkit-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; } .s_contact.s_outline .mk-contact-loading { right: 15px; bottom: 16px; font-size: 20px; text-align: center; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .s_contact.s_outline .mk-contact-success { right: 15px; bottom: 20px; width: 20px; height: 20px; font-size: 20px; } .s_contact.s_outline .mk-invalid { border: 1px solid #ff0000; -webkit-box-shadow: 0 0 0 1px #ff0000 !important; box-shadow: 0 0 0 1px #ff0000 !important; } /* Light Color Theme */ .s_contact.s_outline.light .captcha-change-image { color: #969696; } .s_contact.s_outline.light .s_txt-input, .s_contact.s_outline.light .contact-outline-submit { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 0 0 1px #e5e5e5; box-shadow: 0 0 0 1px #e5e5e5; color: #ffffff; } .s_contact.s_outline.light .s_txt-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } .s_contact.s_outline.light .s_txt-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } .s_contact.s_outline.light .s_txt-input::-moz-placeholder, .s_contact.s_outline.light .s_txt-input:-moz-placeholder { color: rgba(255, 255, 255, 0.8); } .s_contact.s_outline.light .s_txt-input:focus { background: rgba(255, 255, 255, 0.1); } .s_contact.s_outline.light .contact-outline-submit:hover { background: rgba(255, 255, 255, 0.4); } .s_contact.s_outline.light .mk-contact-loading, .s_contact.s_outline.light .mk-contact-success { color: #ffffff; } /* Dark Color Theme */ .s_contact.s_outline.dark .captcha-change-image { color: #333; } .s_contact.s_outline.dark .s_txt-input, .s_contact.s_outline.dark .contact-outline-submit { border: 1px solid #333; -webkit-box-shadow: 0 0 0 1px #333; box-shadow: 0 0 0 1px #333; color: #222222; } .s_contact.s_outline.dark .s_txt-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.8); } .s_contact.s_outline.dark .s_txt-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.8); } .s_contact.s_outline.dark .s_txt-input::-moz-placeholder, .s_contact.s_outline.dark .s_txt-input:-moz-placeholder { color: rgba(0, 0, 0, 0.8); } .s_contact.s_outline.dark .s_txt-input:focus { background-color: rgba(0, 0, 0, 0.1); color: #222222; } .s_contact.s_outline.dark .contact-outline-submit:hover { background: rgba(0, 0, 0, 0.3); } .s_contact.s_outline.dark .mk-contact-loading, .s_contact.s_outline.dark .mk-contact-success { color: #222222; } .s_contact.s_outline .mk-gdpr-consent-check { padding: 13px 16px; text-align: left; } .s_contact.s_outline.dark .mk-gdpr-consent-check { border: 1px solid #333; -webkit-box-shadow: 0 0 0 1px #333; box-shadow: 0 0 0 1px #333; } .s_contact.s_outline.dark .mk-gdpr-consent-check label { color: #222222; } .s_contact.s_outline.light .mk-gdpr-consent-check { border: 1px solid #e5e5e5; -webkit-box-shadow: 0 0 0 1px #e5e5e5; box-shadow: 0 0 0 1px #e5e5e5; } .s_contact.s_outline.light .mk-gdpr-consent-check label { color: #ffffff; } /*======================= Corporate Style ========================*/ .s_contact.s_corporate .mk-form-row { margin-bottom: 0; } .s_contact.s_corporate .captcha-image { max-height: 54px; top: 4px; right: 10px; z-index: 12; left: auto; } .s_contact.s_corporate .captcha-change-image { display: block; padding: 10px 0; position: static; } .s_contact.s_corporate .s_form-all { padding: 0 5px 10px; } .s_contact.s_corporate .s_txt-input { margin: 0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; padding: 18px; width: 100%; text-align: left; border: 1px solid transparent; } .s_contact.s_corporate .s_txt-input::-webkit-input-placeholder, .s_contact.s_corporate .s_txt-input:-ms-input-placeholder { font-size: 12px; letter-spacing: 2px; } .s_contact.s_corporate .s_txt-input::-moz-placeholder, .s_contact.s_corporate .s_txt-input:-moz-placeholder { font-size: 12px; letter-spacing: 2px; } .s_contact.s_corporate .s_txt-input:focus { background: red; } .s_contact.s_corporate .s_txt-input:focus:-ms-input-placeholder, .s_contact.s_corporate .s_txt-input:focus::-webkit-input-placeholder { opacity: .8; } .s_contact.s_corporate .s_txt-input:focus:-moz-placeholder, .s_contact.s_corporate .s_txt-input:focus::-moz-placeholder { opacity: .8; } .s_contact.s_corporate .contact-submit { padding: 20px 28px; -webkit-transition: all 0.15s; transition: all 0.15s; float: right; margin-right: 5px; margin-top: 5px; } .s_contact.s_corporate .contact-submit svg { position: relative; left: 0; } .s_contact.s_corporate .mk-contact-loading { right: 15px; bottom: 16px; font-size: 20px; text-align: center; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .s_contact.s_corporate .mk-contact-success { right: 15px; bottom: 20px; width: 20px; height: 20px; font-size: 20px; } .s_contact.s_corporate .state-success { right: 30px !important; } .s_contact.s_corporate .mk-invalid { border: 1px solid #ff0000; -webkit-box-shadow: 0 0 0 1px #ff0000 !important; box-shadow: 0 0 0 1px #ff0000 !important; } /*============== Classic Style ===============*/ .s_contact.s_classic .mk-form-row { text-align: left; } .s_contact.s_classic .captcha-block { display: inline-block; } .s_contact.s_classic .captcha-image { max-height: 40px; position: static; } .s_contact.s_classic .captcha-change-image { position: static; text-align: left; } .s_contact.s_classic .mk-form-row > svg { position: absolute; top: 13px; left: 12px; height: 16px; z-index: 12; } .s_contact.s_classic .s_txt-input { padding: 10px 10px 10px 45px; width: 70%; border: 1px solid #e3e3e3; text-align: left; } .s_contact.s_classic .mk-textarea { height: 230px; width: 100%; } .s_contact.s_classic button { margin-top: 10px; padding: 17px 30px 16px; font-weight: bold; font-size: 12px; } @media handheld, only screen and (max-width: 767px) { .s_contact .s_txt-input, .s_contact .mk-textarea { width: 100%; } .s_contact .mk-form-row.one-third, .s_contact .mk-form-row.half { width: 100%; float: none; } } /*======================= Line Style ========================*/ .s_contact.s_line .s_txt-input, .s_contact.s_line .mk-form-row { text-align: left !important; } .s_contact.s_line .captcha-image { max-height: 38px; position: absolute; top: 4px; right: 0; z-index: 10; left: auto; } .s_contact.s_line .captcha-change-image-box { display: block; padding: 10px 0; position: relative; top: -20px; } .s_contact.s_line .contact-submit { font-size: 12px; -webkit-transition: all 0.15s; transition: all 0.15s; float: right; margin-right: 5px; } .s_contact.s_line .mk-form-half { width: calc(50% - 10px); } .s_contact.s_line .mk-form-third { width: calc(33.3% - 10px); } .s_contact.s_line .s_form-all { margin: 5px; } .s_contact.s_line .text-input { height: 45px; } .s_contact.s_line .s_txt-input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; margin-bottom: 2em; color: #000; display: block; border: 0 none; -webkit-appearance: none; /* for box shadows to show on iOS */ } .s_contact.s_line .s_txt-input:focus { outline: none; } .s_contact.s_line .ls-text-label { display: inline-block; color: #000000; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; position: absolute; text-align: left; font-size: 1em; padding: 10px 0 5px; pointer-events: none; left: 0; top: 0; } .s_contact.s_line .ls-text-label.full { height: 92%; padding: 0; } .s_contact.s_line .ls-text-label::after { content: ''; position: absolute; width: 100%; height: 5px; background: #000000; left: 0; top: 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: background-color 0.3s, -webkit-transform 0.3s; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s; } .s_contact.s_line .ls-text-label .ls-text-label--content { position: relative; display: block; width: 100%; padding: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: color 0.3s, -webkit-transform 0.3s; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; } .s_contact.s_line .text-input.mk-invalid { border: 0 !important; } .s_contact.s_line .text-input.mk-invalid + .ls-text-label::after { background-color: red !important; } .s_contact.s_line .is-active .ls-text-label::after, .s_contact.s_line .text-input.mk-invalid + .ls-text-label::after, .s_contact.s_line .mk-textarea.mk-invalid + .ls-text-label::after, .s_contact.s_line .is-active .ls-text-label::after, .s_contact.s_line .text-input:focus + .ls-text-label::after, .s_contact.s_line .mk-textarea:focus + .ls-text-label::after { background: #222222; -webkit-transform: scale3d(1, 0.25, 1); transform: scale3d(1, 0.25, 1); } .s_contact.s_line .is-active .text-input + .ls-text-label .ls-text-label--content, .s_contact.s_line .text-input:focus + .ls-text-label .ls-text-label--content { -webkit-transform: translate3d(0, 3em, 0) scale3d(0.655, 0.655, 1); transform: translate3d(0, 3em, 0) scale3d(0.655, 0.655, 1); } .s_contact.s_line .is-active .mk-textarea + .ls-text-label .ls-text-label--content, .s_contact.s_line .mk-textarea:focus + .ls-text-label .ls-text-label--content { -webkit-transform: translate3d(0, 14em, 0) scale3d(0.655, 0.655, 1); transform: translate3d(0, 14em, 0) scale3d(0.655, 0.655, 1); } /* Responsive /**************************************************/ @media handheld, only screen and (max-width: 960px) { .mk-contact-form-shortcode .contact-form-spliter { float: none !important; margin-bottom: 6px; width: 100% !important; } .mk-contact-form-shortcode button { display: block; width: 100%; } } @media handheld, only screen and (max-width: 767px) { .mk-contact-form .text-input, .mk-contact-form .mk-textarea, .mk-contact-form .mk-form-half, .mk-contact-form .mk-form-third { width: 100% !important; float: none; } } /* AM-2606 */ .compose-mode .mk-contact-form-wrapper.line-style .mk-progress-button--wrap, .compose-mode .mk-contact-form-wrapper.corporate-style .mk-progress-button--wrap { display: inline-block; float: right; } .compose-mode .mk-contact-form-wrapper.classic-style .mk-progress-button--wrap, .compose-mode .mk-contact-form-wrapper.modern-style .mk-progress-button--wrap { display: inline-block; } .compose-mode .mk-contact-form .mk-progress-button--wrap, .compose-mode .mk-contact-form .captcha-change-image { cursor: not-allowed; } .compose-mode .mk-contact-form .mk-progress-button, .compose-mode .mk-contact-form .captcha-change-image:active { pointer-events: none; } /* Shortcode:Container Box -------------------------------------------------------------------- */ .mk-content-box { overflow: hidden; margin-bottom: 20px; border: 1px solid #e3e3e3; background-color: #ffffff; } .mk-content-box .content-box-heading { display: block; padding: 14px 15px; border-bottom: 1px solid #e3e3e3; background-color: #f8f8f8; font-weight: bold; font-size: 16px; } .mk-content-box .content-box-heading p { margin-bottom: 0; } .mk-content-box .content-box-heading svg { height: 16px; width: 16px; } .mk-content-box .content-box-content { padding: 20px; } .mk-content-box .content-box-heading i { font-size: 16px; margin-right: 6px; line-height: normal; vertical-align: middle; } .mk-event-countdown { margin-bottom: 30px !important; } .mk-event-countdown .mk-event-title { display: block; margin-bottom: 25px; color: #999999; text-align: center; font-size: 16px; font-weight: bold; color: #333333; } .mk-event-countdown-ul { margin: 0; padding: 0; list-style: none; text-align: center; width: 100%; } .mk-event-countdown-ul li { display: inline-block; margin: 0 0 15px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20%; border: 2px solid rgba(0, 0, 0, 0.1); padding: 20px 4px; } .mk-event-countdown-ul li .timestamp { position: relative; display: block; font-size: 70px; font-weight: 300; padding: 18px 5px 35px 5px; color: #555555; text-shadow: 1px 1px #ffffff; line-height: .5; } .mk-event-countdown-ul li .timestamp:before { content: ''; display: block; position: absolute; width: 30px; height: 3px; letter-spacing: 2px; background: #dddddd; left: 50%; -webkit-transform: translate(-50%, 66px); transform: translate(-50%, 66px); } .mk-event-countdown-ul li .timeRef { color: #898989; display: block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; padding-top: 20px; } .mk-event-countdown-ul-block li { width: 90%; display: block; margin: 0 auto 15px; } /* Shortcode:List Styles -------------------------------------------------------------------- */ .mk-list-styles.mk-align-left ul { display: inline-block; float: left; } .mk-list-styles.mk-align-center ul { display: block !important; text-align: center; } .mk-list-styles.mk-align-center ul li .mk-svg-icon { position: relative; padding-right: 5px; } .mk-list-styles.mk-align-right ul { display: inline-block; float: right; } .mk-list-styles ul { margin: 0; padding: 0; list-style: none; } .mk-list-styles ul li { position: relative; margin: 0 0 6px 0; padding: 0 0 0 21px; line-height: 24px !important; } .mk-list-styles ul li .mk-svg-icon { position: absolute; top: 4px; left: 0; height: 16px; } /* For fequal height row */ .jupiter-donut-height-full .mk-custom-box, .jupiter-donut-height-full .box-holder { /*height: 100%; AM-2121 */ width: 100%; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } .mk-custom-box .mk-custom-box--overlay { width: 100%; height: 100%; position: absolute !important; z-index: 2 !important; left: 0; top: 0; pointer-events: none; } .mk-custom-box .box-holder { position: relative; } .mk-custom-box .box-holder:hover::after { -webkit-transition: background-image .2s ease-in-out; transition: background-image .2s ease-in-out; } .mk-custom-box .box-holder.clearfix { /*overflow: auto;*/ } .mk-custom-box .box-holder > .wpb_row:before, .mk-custom-box .box-holder > .wpb_row:after { content: " "; display: table; } .mk-custom-box .box-holder > .wpb_row:after { clear: both; } .mk-custom-box .box-holder:after, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; display: block; } .mk-custom-box .box-holder > * { position: relative; z-index: 3; } .mk-custom-box.hover-effect-single_color .box-holder:after, .mk-custom-box.hover-effect-gradient_color .box-holder:after { opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .mk-custom-box.hover-effect-single_color:hover .box-holder:after, .mk-custom-box.hover-effect-gradient_color:hover .box-holder:after { opacity: 1; -webkit-transition: opacity .2s; transition: opacity .2s; } .mk-custom-box.hover-effect-image, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder { overflow: hidden; } .mk-custom-box.hover-effect-image.image-effect-zoom-in .box-holder:after { -webkit-transform: scale(1.04); transform: scale(1.04); transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mk-custom-box.hover-effect-image.image-effect-zoom-in .box-holder:hover:after { -webkit-transform: scale(1.11); transform: scale(1.11); z-index: 1; } .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:after, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before { -webkit-transform: scale(1.03); transform: scale(1.03); } .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before { opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); z-index: 2; } .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:hover:before { opacity: 1; } .mk-custom-box.hover-effect-image.image-effect-grayscale .box-holder:after { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); transition: -webkit-filter .2s linear; -webkit-transition: -webkit-filter .2s linear; transition: filter .2s linear; transition: filter .2s linear, -webkit-filter .2s linear; transition: -ms-filter 0.2s linear; transition: -o-filter 0.2s linear; transition: -moz-filter 0.2s linear; transition: -webkit-filter 0.2s linear; } .mk-custom-box.hover-effect-image.image-effect-grayscale .box-holder:hover:after { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); } /* Shortcode:Dividers -------------------------------------------------------------------- */ .mk-divider { display: block; width: 100%; } .mk-divider.custom-width .divider-inner { display: block; } .mk-divider.custom-width.center { text-align: center; } .mk-divider.custom-width.center .divider-inner { margin: 0 auto; } .mk-divider.custom-width.right .divider-inner { margin: 0 0 0 auto; } @media handheld, only screen and (max-width: 767px) { .mk-divider.custom-width.right, .mk-divider.custom-width.left { margin-left: auto; margin-right: auto; text-align: center; } } .mk-divider.center .divider-inner { margin: 0 auto; } .mk-divider.right .divider-inner { margin: 0 0 0 auto; } .mk-divider.divider_one_half .divider-inner { width: 50%; } .mk-divider.divider_one_third .divider-inner { width: 33.33%; } .mk-divider.divider_one_fourth .divider-inner { width: 25%; } .mk-divider.double_dot .divider-inner { height: 5px; border-top: 1px dashed #dadada; border-bottom: 1px dashed #dadada; } .mk-divider.thick_solid .divider-inner { border-top: 2px solid #e5e5e5; border-top: 2px solid rgba(0, 0, 0, 0.1); } .mk-divider.thin_solid .divider-inner { border-top: 1px solid #e5e5e5; border-top: 1px solid rgba(0, 0, 0, 0.1); position: relative; } .mk-divider.thin_solid .divider-inner:after { width: 100%; position: absolute; left: 0; top: 0; } .mk-divider.single_dotted .divider-inner { border-top: 1px dashed #dadada; } .mk-divider.shadow_line .divider-inner { height: 7px; } .mk-divider.shadow_line .divider-inner .divider-shadow-left, .mk-divider.shadow_line .divider-inner .divider-shadow-right { display: inline-block; width: 50%; height: 7px; background-repeat: no-repeat; } .mk-divider.shadow_line .divider-inner .divider-shadow-left { background-position: left center; } .mk-divider.shadow_line .divider-inner .divider-shadow-right { background-position: right center; } .mk-divider[class*='go_top'] .divider-inner { position: relative; height: 12px; } .mk-divider[class*='go_top'] .divider-inner:before { top: 6px; left: 0; display: block; width: 100%; height: 1px; background-color: #e5e5e5; background-color: rgba(0, 0, 0, 0.1); content: ""; } .mk-divider[class*='go_top'] .divider-inner .divider-go-top { position: absolute; top: -10px; right: 0; float: right; padding-left: 4px; } .mk-divider[class*='go_top'] .divider-inner .divider-go-top .mk-svg-icon { margin-left: 6px; color: #cccccc; } .mk-divider.go_top_thick .divider-inner:before { height: 2px; } .mk-divider.divider_page_divider { width: 100%; } /* Shortcode:Drop Caps -------------------------------------------------------------------- */ .mk-dropcaps { display: inline-block; float: left; margin: 5px 8px 0 0; font-weight: bold; font-size: 20px; -webkit-box-sizing: content-box; box-sizing: content-box; } .mk-dropcaps.simple-style { margin: 5px 0 0 0; padding: 6px 6px 6px 0; color: #666666; font-size: 50px; line-height: 16px; } .mk-dropcaps.fancy-style { color: #ffffff; width: 36px; height: 36px; line-height: 36px; text-align: center; } .mk-edge-one-pager .mk-grid { position: relative; } .mk-edge-one-pager .section { position: relative; background-position: center; background-repeat: no-repeat; overflow: hidden; } .mk-edge-one-pager .section .edge-slide-content { margin-top: 100px; -webkit-transform: translateZ(0); transform: translateZ(0); } .mk-edge-one-pager .section.left_top .edge-slide-content, .mk-edge-one-pager .section.center_top .edge-slide-content, .mk-edge-one-pager .section.right_top .edge-slide-content { margin-top: 160px; } .mk-edge-one-pager .section.center_top .mk-edge-title, .mk-edge-one-pager .section.center_center .mk-edge-title, .mk-edge-one-pager .section.center_bottom .mk-edge-title, .mk-edge-one-pager .section.center_top .mk-edge-desc, .mk-edge-one-pager .section.center_center .mk-edge-desc, .mk-edge-one-pager .section.center_bottom .mk-edge-desc, .mk-edge-one-pager .section.center_top .mk-edge-buttons, .mk-edge-one-pager .section.center_center .mk-edge-buttons, .mk-edge-one-pager .section.center_bottom .mk-edge-buttons { text-align: center; } .mk-edge-one-pager .section.center_top .edge-slide-content, .mk-edge-one-pager .section.center_center .edge-slide-content, .mk-edge-one-pager .section.center_bottom .edge-slide-content { margin-right: auto; margin-left: auto; } .mk-edge-one-pager .section.right_top, .mk-edge-one-pager .section.right_center, .mk-edge-one-pager .section.right_bottom { text-align: right; } .mk-edge-one-pager .section.right_top .edge-slide-content, .mk-edge-one-pager .section.right_center .edge-slide-content, .mk-edge-one-pager .section.right_bottom .edge-slide-content { float: right; } .mk-edge-one-pager .edge-slide-content.caption-light .mk-edge-title, .mk-edge-one-pager .edge-slide-content.caption-light .mk-edge-desc { color: #ffffff; } .mk-edge-one-pager .edge-slide-content.caption-dark .mk-edge-title, .mk-edge-one-pager .edge-slide-content.caption-dark .mk-edge-desc { color: #252525; } .mk-edge-one-pager .mk-edge-title { margin-bottom: 20px; font-weight: 400; font-size: 50px; line-height: 120%; } .mk-edge-one-pager .mk-edge-desc { font-weight: 200; font-size: 25px; line-height: 40px; margin-bottom: 30px; } .mk-edge-one-pager .mk-edge-buttons { margin-top: 30px; } .mk-edge-one-pager .edge-default_anim .mk-edge-title { -webkit-transition: all 0.4s ease-in-out 0.8s; transition: all 0.4s ease-in-out 0.8s; } .mk-edge-one-pager .edge-default_anim .mk-edge-desc { -webkit-transition: all 0.4s ease-in-out 0.9s; transition: all 0.4s ease-in-out 0.9s; } .mk-edge-one-pager .edge-default_anim .mk-edge-buttons { -webkit-transition: all 0.4s ease-in-out 1s !important; transition: all 0.4s ease-in-out 1s !important; } .mk-edge-one-pager .edge-default_anim .mk-edge-buttons a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mk-edge-one-pager .edge-default_anim .mk-edge-title, .mk-edge-one-pager .edge-default_anim .mk-edge-desc, .mk-edge-one-pager .edge-default_anim .mk-edge-buttons { -webkit-transform: translate(0, 70px); transform: translate(0, 70px); ms-transform: translate(0, 70px); opacity: 0; } .mk-edge-one-pager .active .edge-default_anim .mk-edge-title, .mk-edge-one-pager .active .edge-default_anim .mk-edge-desc, .mk-edge-one-pager .active .edge-default_anim .mk-edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); ms-transform: translate(0, 0); opacity: 1; } .mk-edge-one-pager .edge-fade-in .mk-edge-title, .mk-edge-one-pager .edge-slide-top .mk-edge-title, .mk-edge-one-pager .edge-slide-left .mk-edge-title, .mk-edge-one-pager .edge-slide-bottom .mk-edge-title, .mk-edge-one-pager .edge-slide-right .mk-edge-title, .mk-edge-one-pager .edge-scale-down .mk-edge-title, .mk-edge-one-pager .edge-fade-in .mk-edge-desc, .mk-edge-one-pager .edge-slide-top .mk-edge-desc, .mk-edge-one-pager .edge-slide-left .mk-edge-desc, .mk-edge-one-pager .edge-slide-bottom .mk-edge-desc, .mk-edge-one-pager .edge-slide-right .mk-edge-desc, .mk-edge-one-pager .edge-scale-down .mk-edge-desc, .mk-edge-one-pager .edge-fade-in .mk-edge-buttons, .mk-edge-one-pager .edge-slide-top .mk-edge-buttons, .mk-edge-one-pager .edge-slide-left .mk-edge-buttons, .mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons, .mk-edge-one-pager .edge-slide-right .mk-edge-buttons, .mk-edge-one-pager .edge-scale-down .mk-edge-buttons { opacity: 0; } .mk-edge-one-pager .edge-fade-in .mk-edge-title, .mk-edge-one-pager .edge-slide-top .mk-edge-title, .mk-edge-one-pager .edge-slide-left .mk-edge-title, .mk-edge-one-pager .edge-slide-bottom .mk-edge-title, .mk-edge-one-pager .edge-slide-right .mk-edge-title, .mk-edge-one-pager .edge-scale-down .mk-edge-title { -webkit-transition: all 0.4s ease-in-out 0.8s; transition: all 0.4s ease-in-out 0.8s; } .mk-edge-one-pager .edge-fade-in .mk-edge-desc, .mk-edge-one-pager .edge-slide-top .mk-edge-desc, .mk-edge-one-pager .edge-slide-left .mk-edge-desc, .mk-edge-one-pager .edge-slide-bottom .mk-edge-desc, .mk-edge-one-pager .edge-slide-right .mk-edge-desc, .mk-edge-one-pager .edge-scale-down .mk-edge-desc { -webkit-transition: all 0.4s ease-in-out 0.9s; transition: all 0.4s ease-in-out 0.9s; } .mk-edge-one-pager .edge-fade-in .mk-edge-buttons, .mk-edge-one-pager .edge-slide-top .mk-edge-buttons, .mk-edge-one-pager .edge-slide-left .mk-edge-buttons, .mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons, .mk-edge-one-pager .edge-slide-right .mk-edge-buttons, .mk-edge-one-pager .edge-scale-down .mk-edge-buttons { -webkit-transition: all 0.4s ease-in-out 1s; transition: all 0.4s ease-in-out 1s; } .mk-edge-one-pager .active .edge-fade-in .mk-edge-title, .mk-edge-one-pager .active .edge-fade-in .mk-edge-desc, .mk-edge-one-pager .active .edge-fade-in .mk-edge-buttons { opacity: 1; } .mk-edge-one-pager .edge-slide-top .mk-edge-title, .mk-edge-one-pager .edge-slide-top .mk-edge-desc, .mk-edge-one-pager .edge-slide-top .mk-edge-buttons { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); ms-transform: translate(0, -50%); } .mk-edge-one-pager .active .edge-slide-top .mk-edge-title, .mk-edge-one-pager .active .edge-slide-top .mk-edge-desc, .mk-edge-one-pager .active .edge-slide-top .mk-edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); ms-transform: translate(0, 0); opacity: 1; } .mk-edge-one-pager .edge-slide-left .mk-edge-title, .mk-edge-one-pager .edge-slide-left .mk-edge-desc, .mk-edge-one-pager .edge-slide-left .mk-edge-buttons { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); ms-transform: translate(-50%, 0); } .mk-edge-one-pager .active .edge-slide-left .mk-edge-title, .mk-edge-one-pager .active .edge-slide-left .mk-edge-desc, .mk-edge-one-pager .active .edge-slide-left .mk-edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); ms-transform: translate(0, 0); opacity: 1; } .mk-edge-one-pager .edge-slide-bottom .mk-edge-title, .mk-edge-one-pager .edge-slide-bottom .mk-edge-desc, .mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); ms-transform: translate(0, 50%); } .mk-edge-one-pager .active .edge-slide-bottom .mk-edge-title, .mk-edge-one-pager .active .edge-slide-bottom .mk-edge-desc, .mk-edge-one-pager .active .edge-slide-bottom .mk-edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); ms-transform: translate(0, 0); opacity: 1; } .mk-edge-one-pager .edge-slide-right .mk-edge-title, .mk-edge-one-pager .edge-slide-right .mk-edge-desc, .mk-edge-one-pager .edge-slide-right .mk-edge-buttons { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); ms-transform: translate(50%, 0); } .mk-edge-one-pager .active .edge-slide-right .mk-edge-title, .mk-edge-one-pager .active .edge-slide-right .mk-edge-desc, .mk-edge-one-pager .active .edge-slide-right .mk-edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); ms-transform: translate(0, 0); opacity: 1; } .mk-edge-one-pager .edge-scale-down .mk-edge-title, .mk-edge-one-pager .edge-scale-down .mk-edge-desc, .mk-edge-one-pager .edge-scale-down .mk-edge-buttons { -webkit-transform: scale(1.3); transform: scale(1.3); ms-transform: scale(1.3); } .mk-edge-one-pager .active .edge-scale-down .mk-edge-title, .mk-edge-one-pager .active .edge-scale-down .mk-edge-desc, .mk-edge-one-pager .active .edge-scale-down .mk-edge-buttons { opacity: 1; -webkit-transform: scale(1); transform: scale(1); ms-transform: scale(1); } .mk-edge-one-pager .edge-flip-x, .mk-edge-one-pager .edge-flip-y { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-perspective: 1000; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 1s; animation-delay: 1s; } .mk-edge-one-pager .active .edge-flip-x { -webkit-animation-name: mk_flip_x; animation-name: mk_flip_x; } .mk-edge-one-pager .active .edge-flip-y { -webkit-animation-name: mk_flip_y; animation-name: mk_flip_y; } @media handheld, only screen and (max-width: 1140px) { .mk-edge-one-pager .mk-grid { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .mk-edge-one-pager .mk-edge-title { font-weight: 600; font-size: 40px; } .mk-edge-one-pager .mk-edge-desc { font-weight: 400; font-size: 20px; line-height: 34px; } .mk-edge-one-pager .edge-slide-content { width: 80%; } } @media handheld, only screen and (max-width: 767px) { .mk-edge-one-pager .mk-grid { padding: 0 15px; } .mk-edge-one-pager .mk-edge-title { font-weight: 700 !important; font-size: 22px !important; line-height: 130% !important; } .mk-edge-one-pager .mk-edge-desc { font-size: 14px; line-height: 22px !important; } .mk-edge-one-pager .mk-edge-buttons .mk-button { padding: 12px 14px !important; font-size: 10px !important; margin-right: 15px !important; margin-bottom: 5px !important; } .mk-edge-one-pager .mk-edge-buttons .mk-button.outline-dimension { padding-top: 10px !important; padding-bottom: 12px !important; } .mk-edge-one-pager .mk-button-align.left, .mk-edge-one-pager .mk-button-align.center, .mk-edge-one-pager .mk-button-align.right, .mk-edge-one-pager .mk-button-align.none { width: auto !important; margin-bottom: 6px; } .mk-edge-one-pager .edge-slide-content { width: 100% !important; } } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ /* IE 11 on Windows Phone 8.1 */ -ms-touch-action: none; touch-action: none; } .section { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .slide, .slidesContainer { height: 100%; display: block; } .slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .section.table, .slide.table { display: table; width: 100%; } .tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .slidesContainer { float: left; position: relative; } .controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; } .controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .scrollable { overflow: scroll; } .easing { -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */ -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */ } /* =============================================================== Pagination Styles ================================================================ */ .fullPage-slidesNav { position: absolute; left: 50%; opacity: 1; } .fullPage-slidesNav.bottom { bottom: 17px; } .fullPage-slidesNav.top { top: 17px; } #fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; } #fullPage-nav ul { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .fullPage-tooltip { display: none !important; } .fullPage-tooltip.right { right: 20px; } .fullPage-tooltip.left { left: 20px; } #fullPage-nav { position: fixed; margin-top: -32px; top: 50%; opacity: 1; } #fullPage-nav ul { list-style: none; } #fullPage-nav.right { right: 17px; } .vertical-header-right #fullPage-nav.right { right: 287px; } #fullPage-nav.left { left: 17px; } .vertical-header-left #fullPage-nav.left { left: 287px; } #fullPage-nav a { position: relative; display: inline-block; margin: 0 8px; width: 10px; height: 10px; cursor: pointer; } #fullPage-nav a span { top: 0; left: 0; width: 100%; height: 100%; display: block; outline: none; border-radius: 50%; cursor: pointer; /* make the text accessible to screen readers */ position: absolute; } #fullPage-nav.dark-skin span { background-color: #333; background-color: rgba(0, 0, 0, 0.8); } #fullPage-nav.light-skin span { background-color: #fff; background-color: rgba(255, 255, 255, 0.3); } /* Stroke */ #fullPage-nav.pagination-stroke a span { -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease; transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease, background-color 0.3s ease; transition: box-shadow 0.3s ease, background-color 0.3s ease, -webkit-box-shadow 0.3s ease; } #fullPage-nav.pagination-stroke.dark-skin span { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); } #fullPage-nav.pagination-stroke.dark-skin a span:hover, #fullPage-nav.pagination-stroke.dark-skin a span:focus { background-color: #333; } #fullPage-nav.pagination-stroke.dark-skin a.active span { background-color: transparent; -webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333; } #fullPage-nav.pagination-stroke.light-skin span { -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); } #fullPage-nav.pagination-stroke.light-skin a span:hover, #fullPage-nav.pagination-stroke.light-skin a span:focus { background-color: white; } #fullPage-nav.pagination-stroke.light-skin a.active span { background-color: transparent; -webkit-box-shadow: 0 0 0 2px white; box-shadow: 0 0 0 2px white; } /* Small dot with stroke */ #fullPage-nav.pagination-small_dot_stroke a { border-radius: 50%; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; } #fullPage-nav.pagination-small_dot_stroke a span { transition: background-color 0.3s ease, -webkit-transform 0.3s ease; -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } #fullPage-nav.pagination-small_dot_stroke a.active span { -webkit-transform: scale(0.4); transform: scale(0.4); } #fullPage-nav.pagination-small_dot_stroke.dark-skin span { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); } #fullPage-nav.pagination-small_dot_stroke.dark-skin a span { background-color: rgba(0, 0, 0, 0.7); } #fullPage-nav.pagination-small_dot_stroke.dark-skin a span:hover, #fullPage-nav.pagination-small_dot_stroke.dark-skin a span:focus, #fullPage-nav.pagination-small_dot_stroke.dark-skin a.active span { background-color: #333333; } #fullPage-nav.pagination-small_dot_stroke.dark-skin a.active { -webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333; } #fullPage-nav.pagination-small_dot_stroke.light-skin span { -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); } #fullPage-nav.pagination-small_dot_stroke.light-skin a span { background-color: rgba(255, 255, 255, 0.7); } #fullPage-nav.pagination-small_dot_stroke.light-skin a span:hover, #fullPage-nav.pagination-small_dot_stroke.light-skin a span:focus, #fullPage-nav.pagination-small_dot_stroke.light-skin a.active span { background-color: #ffffff; } #fullPage-nav.pagination-small_dot_stroke.light-skin a.active { -webkit-box-shadow: 0 0 0 2px white; box-shadow: 0 0 0 2px white; } .clip { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); overflow: hidden; } .clipper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .Edge .clipper, .IE .clipper { clip: rect(auto auto auto auto); overflow: hidden; z-index: 2; } .mk-edge-wrapper { position: relative; } .slider-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 6; } .edge-nav-bg { background-size: cover !important; } .mk-edge-slider { /* apply later with JS on init so we don't have unexpected overflows */ /* position: fixed; */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); transform: translateZ(0); -ms-touch-action: none; } .Edge .clipper .mk-edge-slider, .IE .clipper .mk-edge-slider { z-index: 3; } div.mk-edge-slider__video video { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mk-edge-slider .mk-grid { position: relative; } .mk-edge-slider .edge-title-area { font-size: 16px; } .mk-edge-slider .mk-slider-slide { background-position: center; background-repeat: no-repeat; pointer-events: none; } .mk-edge-slider .mk-slider-slide.is-active { pointer-events: all; } .mk-edge-slider .mk-slider-slide .edge-slide-content { padding: 100px 0; } .mk-edge-slider .mk-slider-slide.center_top, .mk-edge-slider .mk-slider-slide.center_center, .mk-edge-slider .mk-slider-slide.center_bottom { text-align: center; } .mk-edge-slider .mk-slider-slide.center_top .edge-slide-content, .mk-edge-slider .mk-slider-slide.center_center .edge-slide-content, .mk-edge-slider .mk-slider-slide.center_bottom .edge-slide-content { margin-right: auto; margin-left: auto; } .mk-edge-slider .mk-slider-slide.right_top .edge-slide-content, .mk-edge-slider .mk-slider-slide.right_center .edge-slide-content, .mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content { float: right; text-align: right; } .mk-edge-slider .mk-slider-slide.left_center .slider-content, .mk-edge-slider .mk-slider-slide.center_center .slider-content, .mk-edge-slider .mk-slider-slide.right_center .slider-content { top: 50%; } .mk-edge-slider .mk-slider-slide.left_center .edge-slide-content, .mk-edge-slider .mk-slider-slide.center_center .edge-slide-content, .mk-edge-slider .mk-slider-slide.right_center .edge-slide-content { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mk-edge-slider .mk-slider-slide.left_bottom .slider-content, .mk-edge-slider .mk-slider-slide.center_bottom .slider-content, .mk-edge-slider .mk-slider-slide.right_bottom .slider-content { top: 100%; } .mk-edge-slider .mk-slider-slide.left_bottom .edge-slide-content, .mk-edge-slider .mk-slider-slide.center_bottom .edge-slide-content, .mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .mk-edge-slider .mk-edge-next, .mk-edge-slider .mk-edge-prev { opacity: 0; -webkit-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out; } .mk-edge-slider:hover .mk-edge-next, .mk-edge-slider:hover .mk-edge-prev { opacity: 1; } .mk-edge-slider .mk-edge-next { right: 0; } .mk-edge-slider .mk-edge-prev { left: 0; } .mk-edge-slider .edge-slide-content.caption-light .edge-title, .mk-edge-slider .edge-slide-content.caption-light .edge-desc { color: #ffffff; } .mk-edge-slider .edge-slide-content.caption-dark .edge-title, .mk-edge-slider .edge-slide-content.caption-dark .edge-desc { color: #252525; } .mk-edge-slider .edge-title { margin-bottom: 20px; font-weight: 400; font-size: 46px; line-height: 120%; } .mk-edge-slider .edge-desc { font-weight: 300; font-size: 25px; line-height: 40px; margin-bottom: 30px; } .mk-edge-slider .edge-title { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.05s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.05s; } .mk-edge-slider .edge-desc { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.15s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.15s; } .mk-edge-slider .edge-buttons { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.25s !important; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.25s !important; } .mk-edge-slider .edge-buttons a { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mk-edge-slider .edge-default_anim .edge-title, .mk-edge-slider .edge-default_anim .edge-desc, .mk-edge-slider .edge-default_anim .edge-buttons { -webkit-transform: translate(0, 70px); transform: translate(0, 70px); opacity: 0; } .mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .mk-edge-slider .edge-fade-in .edge-title, .mk-edge-slider .edge-slide-top .edge-title, .mk-edge-slider .edge-slide-left .edge-title, .mk-edge-slider .edge-slide-bottom .edge-title, .mk-edge-slider .edge-slide-right .edge-title, .mk-edge-slider .edge-scale-down .edge-title, .mk-edge-slider .edge-flip-x .edge-title, .mk-edge-slider .edge-flip-y .edge-title, .mk-edge-slider .edge-fade-in .edge-desc, .mk-edge-slider .edge-slide-top .edge-desc, .mk-edge-slider .edge-slide-left .edge-desc, .mk-edge-slider .edge-slide-bottom .edge-desc, .mk-edge-slider .edge-slide-right .edge-desc, .mk-edge-slider .edge-scale-down .edge-desc, .mk-edge-slider .edge-flip-x .edge-desc, .mk-edge-slider .edge-flip-y .edge-desc, .mk-edge-slider .edge-fade-in .edge-buttons, .mk-edge-slider .edge-slide-top .edge-buttons, .mk-edge-slider .edge-slide-left .edge-buttons, .mk-edge-slider .edge-slide-bottom .edge-buttons, .mk-edge-slider .edge-slide-right .edge-buttons, .mk-edge-slider .edge-scale-down .edge-buttons, .mk-edge-slider .edge-flip-x .edge-buttons, .mk-edge-slider .edge-flip-y .edge-buttons { opacity: 0; } .mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-buttons { opacity: 1; } .mk-edge-slider .edge-slide-top .edge-title, .mk-edge-slider .edge-slide-top .edge-desc, .mk-edge-slider .edge-slide-top .edge-buttons { -webkit-transform: translate(0, -70%); transform: translate(0, -70%); } .mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .mk-edge-slider .edge-slide-left .edge-title, .mk-edge-slider .edge-slide-left .edge-desc, .mk-edge-slider .edge-slide-left .edge-buttons { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .mk-edge-slider .edge-slide-bottom .edge-title, .mk-edge-slider .edge-slide-bottom .edge-desc, .mk-edge-slider .edge-slide-bottom .edge-buttons { -webkit-transform: translate(0, 70%); transform: translate(0, 70%); } .mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .mk-edge-slider .edge-slide-right .edge-title, .mk-edge-slider .edge-slide-right .edge-desc, .mk-edge-slider .edge-slide-right .edge-buttons { -webkit-transform: translate(70%, 0); transform: translate(70%, 0); } .mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-buttons { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .mk-edge-slider .edge-scale-down .edge-title, .mk-edge-slider .edge-scale-down .edge-desc, .mk-edge-slider .edge-scale-down .edge-buttons { -webkit-transform: scale(1.3); transform: scale(1.3); } .mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-buttons { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mk-edge-slider .edge-flip-x .edge-title, .mk-edge-slider .edge-flip-x .edge-desc, .mk-edge-slider .edge-flip-x .edge-buttons, .mk-edge-slider .edge-flip-y .edge-title, .mk-edge-slider .edge-flip-y .edge-desc, .mk-edge-slider .edge-flip-y .edge-buttons { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: .3s; animation-delay: .3s; } .mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-buttons { -webkit-animation-name: mk_flip_x; animation-name: mk_flip_x; opacity: 1; } .mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-title, .mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-desc, .mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-buttons { -webkit-animation-name: mk_flip_y; animation-name: mk_flip_y; opacity: 1; } .mk-edge-slider .edge-fade-in .mk-edge-custom-content, .mk-edge-slider .edge-slide-top .mk-edge-custom-content, .mk-edge-slider .edge-slide-left .mk-edge-custom-content, .mk-edge-slider .edge-slide-bottom .mk-edge-custom-content, .mk-edge-slider .edge-slide-right .mk-edge-custom-content, .mk-edge-slider .edge-scale-down .mk-edge-custom-content, .mk-edge-slider .edge-flip-x .mk-edge-custom-content, .mk-edge-slider .edge-flip-y .mk-edge-custom-content { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: .3s; animation-delay: .3s; opacity: 0; } .mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .mk-edge-custom-content { -webkit-animation-name: mk_fade; animation-name: mk_fade; } .mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .mk-edge-custom-content { -webkit-animation-name: mk_top_to_bottom; animation-name: mk_top_to_bottom; } .mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .mk-edge-custom-content { -webkit-animation-name: mk_left_to_right; animation-name: mk_left_to_right; } .mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .mk-edge-custom-content { -webkit-animation-name: mk_bottom_to_top; animation-name: mk_bottom_to_top; } .mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .mk-edge-custom-content { -webkit-animation-name: mk_right_to_left; animation-name: mk_right_to_left; } .mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .mk-edge-custom-content { -webkit-animation-name: mk_scale; animation-name: mk_scale; } .mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .mk-edge-custom-content { -webkit-animation-name: mk_flip_x; animation-name: mk_flip_x; } .mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .mk-edge-custom-content { -webkit-animation-name: mk_flip_y; animation-name: mk_flip_y; } .mk-edge-slider .edge-skip-slider { position: absolute; left: 50%; bottom: 6%; -webkit-transform: translateY(-30px); transform: translateY(-30px); cursor: pointer; margin: -24px 0 0 -27px; width: 50px; height: 50px; border-radius: 50%; opacity: 0.9; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mk-edge-slider .edge-skip-slider svg { height: 16px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mk-edge-slider .edge-skip-slider:hover { opacity: 1; } .mk-edge-slider .edge-skip-slider[data-skin="dark"] { border: 2px solid #333333; } .mk-edge-slider .edge-skip-slider[data-skin="dark"] svg { fill: #333333; } .mk-edge-slider .edge-skip-slider[data-skin="light"] { border: 2px solid #ffffff; } .mk-edge-slider .edge-skip-slider[data-skin="light"] svg { fill: #ffffff; } .mk-edge-slider[data-animation="perspective_flip"] { -webkit-perspective: 1000px; perspective: 1000px; } .mk-edge-slider[data-animation="perspective_flip"] .edge-slider-holder { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; } .mk-edge-slider[data-animation="perspective_flip"] .mk-slider-slide { -webkit-transform-origin: top center; transform-origin: top center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide .mk-section-image, .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide .mk-section-video { -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 2s ease; transition: all 2s ease; -webkit-transition-delay: .7s; transition-delay: .7s; } .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide.mk-slider-slide.is-active .mk-section-image, .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide.mk-slider-slide.is-active .mk-section-video { -webkit-transition: all 100s linear; transition: all 100s linear; -webkit-transform: scale(2); transform: scale(2); } .mk-edge-slider[data-animation="kenburned"].is-paused .mk-slider-slide.mk-slider-slide.is-active .mk-section-image, .mk-edge-slider[data-animation="kenburned"].is-paused .mk-slider-slide.mk-slider-slide.is-active .mk-section-video { -webkit-transform: scale(1); transform: scale(1); } .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(2n+1) .mk-section-image, .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(2n+1) .mk-section-video { -webkit-transform-origin: top right; transform-origin: top right; } .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(3n+1) .mk-section-image, .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(3n+1) .mk-section-video { -webkit-transform-origin: top left; transform-origin: top left; } .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(4n+1) .mk-section-image, .mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(4n+1) .mk-section-video { -webkit-transform-origin: bottom right; transform-origin: bottom right; } @media handheld, only screen and (max-width: 1140px) { .mk-edge-slider .edge-title-area { font-size: 12px; } .mk-edge-slider .edge-title { font-weight: 600; font-size: 40px; } .mk-edge-slider .edge-desc { font-weight: 400; font-size: 20px; line-height: 34px; } } @media handheld, only screen and (max-width: 767px) { .mk-edge-slider .mk-edge-next, .mk-edge-slider .mk-edge-prev, .mk-edge-slider .edge-skip-slider { display: none; } .mk-edge-slider .edge-title-area { font-size: 8px; } .mk-edge-slider .edge-title { font-weight: 700; font-size: 22px; } .mk-edge-slider .edge-desc { font-size: 14px !important; line-height: 22px !important; } .mk-edge-slider .mk-button { padding: 12px 14px !important; font-size: 10px !important; } .mk-edge-slider .mk-button-container { float: none; text-align: inherit; } .mk-edge-slider .mk-button.outline-dimension { padding-top: 10px !important; padding-bottom: 12px !important; } .mk-edge-slider .mk-button-align.left, .mk-edge-slider .mk-button-align.center, .mk-edge-slider .mk-button-align.right, .mk-edge-slider .mk-button-align.none { width: auto !important; margin-bottom: 6px; } .mk-edge-slider .edge-slide-content { width: 100% !important; } } .mk-transparent-header .mk-edge-slider .mk-slider-slide.left_top .edge-slide-content, .mk-transparent-header .mk-edge-slider .mk-slider-slide.center_top .edge-slide-content, .mk-transparent-header .mk-edge-slider .mk-slider-slide.right_top .edge-slide-content { margin-top: 100px; } .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_top .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_bottom .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_center .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_top .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_center .edge-slide-content, .mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content { padding-left: 25px; padding-right: 25px; } .edge-buttons a { margin-bottom: 10px; } .mk-edge-slider .swiper-pagination { top: auto; height: auto; } .mk-edge-slider .edge-skip-slider { top: auto; } .edge-gradient-layer { position: absolute; top: 0; left: 0; z-index: 4; height: 100%; width: 100%; } .mk-employees.c_cs.one-column .mk-employee-item { padding: 0 0 50px; } .mk-employees.c_cs.two-column .mk-employee-item { padding: 0 40px 70px 40px; } .mk-employees.c_cs.three-column .mk-employee-item { padding: 0 30px 70px 30px; } .mk-employees.c_cs.four-column .mk-employee-item { padding: 0 25px 70px 25px; } .mk-employees.c_cs.five-column .mk-employee-item { padding: 0 25px 60px 25px; } /* ========================================================================== Classic Style ========================================================================== */ .mk-employees.classic .team-member-name { margin-bottom: 8px; } .mk-employees.classic .team-member-position { font-size: 14px; font-style: italic; font-weight: bold; letter-spacing: 0; text-transform: none; } .mk-employees.classic.o3col .mk-employeee-networks a { width: 40px; height: 40px; line-height: 40px; } .mk-employees.classic .employee-hover-overlay { -webkit-transform: rotate(45deg) scale(0, 2); transform: rotate(45deg) scale(0, 2); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; pointer-events: none; } .mk-employees.classic .mk-employee-item:hover .employee-hover-overlay { background: rgba(0, 0, 0, 0.3); -webkit-transform: rotate(45deg) scale(1.5, 2); transform: rotate(45deg) scale(1.5, 2); } .mk-employees.classic .mk-employeee-networks { position: absolute; top: 50%; width: 100%; margin-top: -20px; text-align: center; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 1; } .mk-employees.classic .mk-employeee-networks a { display: block; margin: 0 6px 10px; width: 48px; height: 48px; border-radius: 50%; line-height: 44px; -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .mk-employees.classic .mk-employeee-networks a svg { height: 16px; fill: #fff; } .mk-employees.classic .mk-employeee-networks a:hover { -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.6) inset; } .mk-employees.classic .mk-employee-item:hover .mk-employeee-networks { opacity: 1; -webkit-transition: all 0.3s 0.1s ease-out; transition: all 0.3s 0.1s ease-out; } /* ========================================================================== Simple Style ========================================================================== */ .mk-employees.simple.mk-employees-grayscale .team-thumbnail img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; /* IE6-9 */ -webkit-transition: all .3s; transition: all .3s; } .mk-employees.simple.mk-employees-grayscale .mk-employee-item:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .mk-employees.simple .team-thumbnail.rounded-true { border-radius: 50%; overflow: hidden; } .mk-employees.simple .team-thumbnail.rounded-true img { position: relative; border-radius: 50%; } .mk-employees.simple.one-column .team-thumbnail.rounded-true { padding: 0 40px; } .mk-employees.simple.two-column .team-thumbnail.rounded-true { padding: 0 60px; } .mk-employees.simple.three-column .team-thumbnail.rounded-true { padding: 0 40px; } .mk-employees.simple.four-column .team-thumbnail.rounded-true { padding: 0 30px; } .mk-employees.simple.five-column .team-thumbnail.rounded-true { padding: 0 20px; } /* ========================================================================== Boxed Style ========================================================================== */ .mk-employees.boxed.one-column .mk-employee-item, .mk-employees.boxed.one-column .item-holder { margin: 55px 0 20px; } .mk-employees.boxed .item-holder { margin: 55px 0 25px 25px; padding: 60px 35px 36px; border: 1px solid rgba(0, 0, 0, 0.04); background-color: #f4f4f4; background-color: rgba(0, 0, 0, 0.03); position: relative; } .mk-employees.boxed .team-thumbnail { width: 100px; height: 100px; position: absolute; top: -45px; left: 50%; margin-left: -50px; border: 2px solid #c6c6c6; border-radius: 50%; overflow: hidden; } .mk-employees.boxed .team-thumbnail img { position: relative; border-radius: 50%; } .mk-employees.boxed .team-member-name { margin-top: 10px; letter-spacing: 1px; } .mk-employees.boxed .mk-employeee-networks a { padding: 0 6px; } /* ========================================================================== GLOBAL RULLSETS global prop added to main div as atomes . ========================================================================== */ .mk-employees ul, .mk-employees li { margin: 0; padding: 0; list-style: none; } .mk-employee-item .team-thumbnail { margin: 0 auto 25px; max-width: 500px; } .mk-employee-item .team-thumbnail img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media handheld, only screen and (max-width: 960px) { .mk-employees.c_cs.u4col .mk-employee-item { margin: 0 0 50px; width: 100%; } .mk-employees.c_cs.u4col .team-thumbnail, .mk-employees.c_cs.u4col .team-info-wrapper { float: left; display: inline-block; } .mk-employees.c_cs.u4col .team-info-wrapper { padding: 10px 0 0 20px; } .mk-employees.simple.u4col .team-thumbnail { width: 30%; } .mk-employees.simple.u4col .team-info-wrapper { width: 65%; } .mk-employees.classic.u4col .team-thumbnail { width: 50%; } .mk-employees.classic.u4col .team-info-wrapper { width: 45%; } .mk-employees.c_cs.o3col .mk-employee-item { width: 48%; padding: 0 20px 30px; } .boxed .mk-employee-item { width: 100% !important; padding: 60px 10px 36px; } } @media handheld, only screen and (max-width: 767px) { .mk-employees .m_7 { width: 100% !important; } .mk-employees.classic.u6col .mk-employee-item { padding: 0 10px 30px; } .mk-employees.classic.u6col .team-thumbnail { width: 100%; } .mk-employees.simple.u6col .team-thumbnail { width: 60%; float: none; } .mk-employees.c_cs.u6col .mk-employee-item { margin: 0 0px 50px; } } @media handheld, only screen and (max-width: 550px) { .mk-employees.simple.u6col .team-thumbnail { width: 80%; } } /* Adds 100% width to employee images if they are in full width row */ .vc_row.mk-fullwidth-true .mk-employee-item .team-thumbnail img { width: 100%; } .mk-employeee-networks li { display: inline-block; } .mk-employeee-networks a { margin: 10px 9px 0 0; } .mk-employeee-networks svg { fill: #aaaaaa; vertical-align: middle; } .mk-employeee-networks a:hover svg { -webkit-transition: all 0.2s; transition: all 0.2s; fill: #797979; } /* Shortcode:Fancy Title -------------------------------------------------------------------- This shortcode styles are moved to core styles as its used outside of this shortcode too */ /* Don't need inherit color as it set for fancy title p */ .mk-fancy-title p { font-size: inherit !important; line-height: inherit !important; } .mk-flickr-feeds { margin-bottom: 20px; } .flickr-item { display: inline-block !important; padding: 0 4px 4px 0; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .flickr-item img { position: relative; width: 100%; border-radius: 3px; } .flickr-item:hover { opacity: .8; } @media handheld, only screen and (max-width: 960px) { .flickr-item { width: 33% !important; } } @media handheld, only screen and (max-width: 600px) { .flickr-item { width: 49% !important; } } /* Shortcode:FAQ -------------------------------------------------------------------- */ .mk-faq-container { margin-bottom: 20px; } .mk-faq-container.fancy-style-wrapper { border-top: 1px solid #ececec; } .mk-faq-container.fancy-style-wrapper .mk-faq-toggle { margin-bottom: 0 !important; border-top: none !important; } .mk-faq-container.fancy-style-wrapper .mk-faq-toggle { padding: 0; } .mk-faq-container.fancy-style-wrapper .mk-toggle .mk-toggle-title { padding: 18px; background: transparent; -webkit-transition: all .2s; transition: all .2s; } .mk-faq-container.fancy-style-wrapper .mk-toggle-title:hover { background: #646464; background: rgba(0, 0, 0, 0.02); } .mk-faq-container.fancy-style-wrapper .mk-toggle-title:before { color: rgba(0, 0, 0, 0.3); font-size: 10px !important; } .mk-faq-container.fancy-style-wrapper .mk-toggle-title > .mk-svg-icon { fill: rgba(0, 0, 0, 0.3); } .mk-faq-container.fancy-style-wrapper .mk-toggle-title svg { fill: rgba(0, 0, 0, 0.2) !important; height: 16px !important; } .mk-faq-container .mk-toggle.fancy-style .mk-toggle-title:before, .mk-faq-container .mk-toggle.fancy-style .mk-toggle-title > .mk-svg-icon { top: 20px; } .mk-faq-toggle { display: block; width: 100%; padding: 4px 10px; } .mk-faq-toggle .mk-toggle-title { font-weight: bold; } .mk-faq-toggle .mk-toggle-title svg { fill: #d6d6d6 !important; } .mk-faq-toggle .mk-toggle-title:before { font-size: 10px !important; } .mk-faq-toggle .mk-toggle-pane { padding: 20px; } .filter-faq { margin-bottom: 30px; text-align: center; } .filter-faq ul { display: inline-block; overflow: hidden; margin: 0; padding: 0; list-style: none; } .filter-faq ul li { display: inline-block; } .filter-faq ul li a { padding: 12px 14px; line-height: 13px; font-size: 13px; color: #333333; color: #323232; display: block; letter-spacing: 1px; } .filter-faq ul li a.current { background-color: #969696; background-color: rgba(0, 0, 0, 0.08); border-radius: 2px; } /* Shortcode:Flipbox -------------------------------------------------------------------- */ .mk-flipbox { position: relative; -ms-perspective: 1000; -webkit-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; } .mk-flipbox-holder { position: relative; -webkit-transform-style: preserve-3d; -moz-transform: perspective(1000px); transform-style: preserve-3d; } .mk-flipbox-front { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: table; z-index: 2; } .mk-flipbox-back { width: 100%; height: 100%; position: static; left: 0; top: 0; display: table; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mk-flipbox-front, .mk-flipbox-back { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .Chrome .chrome-flipbox-backface-fix { backface-visibility: visible !important; -webkit-backface-visibility: visible !important; } .mk-flipbox-content { display: table-cell; vertical-align: middle; } /* Horizontal */ .flip-horizontal .mk-flipbox-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-horizontal:hover .mk-flipbox-front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .flip-horizontal:hover .mk-flipbox-back { -webkit-transform: rotateY(0); transform: rotateY(0); } /* Vertical */ .flip-vertical .mk-flipbox-back { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .flip-vertical:hover .mk-flipbox-front { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .flip-vertical:hover .mk-flipbox-back { -webkit-transform: rotateX(0); transform: rotateX(0); } /* Button */ .mk-flipbox .mk-button-container { margin-right: 0 !important; margin-left: 0 !important; } /* Set line-height to remove extra height from svg container div. */ .mk-flipbox .front-icon { line-height: 1rem; } .IE .mk-flipbox { overflow: hidden; } /* IE issue fixed - JPM-1167 */ .IE .mk-flipbox .bezier-1 { -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } .IE .mk-flipbox-front { table-layout: fixed; } .mk-font-icons { display: inline-block; } .mk-font-icons.icon-align-right { float: right; } .mk-font-icons.icon-align-center { display: block; text-align: center; } .mk-font-icons.icon-align-left { float: left; } .mk-font-icons .font-icon { display: inline-block; line-height: normal; } .mk-font-icons .font-icon.circle-enabled { text-align: center; border-radius: 256px; } .mk-font-icons .font-icon.mk-size-small svg { height: 16px; width: 16px; } .mk-font-icons .font-icon.mk-size-small.circle-enabled { padding: 3px; width: 16px; height: 16px; } .mk-font-icons .font-icon.mk-size-small.circle-enabled svg { height: 12px; width: 12px; } .mk-font-icons .font-icon.mk-size-medium svg { height: 32px; width: 32px; } .mk-font-icons .font-icon.mk-size-medium.circle-enabled { padding: 3px; width: 32px; height: 32px; } .mk-font-icons .font-icon.mk-size-medium.circle-enabled svg { height: 16px; width: 16px; } .mk-font-icons .circle-enabled .mk-svg-icon { margin: 0 auto; } .mk-font-icons .font-icon.mk-size-large svg { height: 48px; width: 48px; } .mk-font-icons .font-icon.mk-size-large.circle-enabled { width: 48px; height: 48px; } .mk-font-icons .font-icon.mk-size-large.circle-enabled svg { height: 24px; width: 24px; } .mk-font-icons .font-icon.mk-size-x-large svg { height: 64px; width: 64px; } .mk-font-icons .font-icon.mk-size-x-large.circle-enabled { width: 64px; height: 64px; } .mk-font-icons .font-icon.mk-size-x-large.circle-enabled svg { height: 32px; width: 32px; } .mk-font-icons .font-icon.mk-size-xx-large svg { height: 128px; width: 128px; } .mk-font-icons .font-icon.mk-size-xx-large.circle-enabled { width: 128px; height: 128px; } .mk-font-icons .font-icon.mk-size-xx-large.circle-enabled svg { height: 48px; width: 48px; } .mk-font-icons .font-icon.mk-size-xxx-large svg { height: 256px; width: 256px; } .mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled { width: 256px; height: 256px; } .mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled svg { height: 64px; width: 64px; } /* Needed for backward compatibility alignment */ .mk-font-icons .font-icon.mk-size-small { font-size: 16px; } .mk-font-icons .font-icon.mk-size-small.circle-enabled { font-size: 12px; } .mk-font-icons .font-icon.mk-size-medium { font-size: 32px; } .mk-font-icons .font-icon.mk-size-medium.circle-enabled { font-size: 16px; } .mk-font-icons .font-icon.mk-size-large { font-size: 48px; } .mk-font-icons .font-icon.mk-size-large.circle-enabled { font-size: 24px; } .mk-font-icons .font-icon.mk-size-x-large { font-size: 64px; } .mk-font-icons .font-icon.mk-size-x-large.circle-enabled { font-size: 32px; } .mk-font-icons .font-icon.mk-size-xx-large { font-size: 128px; } .mk-font-icons .font-icon.mk-size-xx-large.circle-enabled { font-size: 48px; } .mk-font-icons .font-icon.mk-size-xxx-large { font-size: 256px; } .mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled { font-size: 64px; } /* Shortcode:Full Width Slideshow -------------------------------------------------------------------- */ .mk-fullwidth-slideshow { width: 100%; text-align: center; overflow: hidden; } .mk-fullwidth-slideshow .mk-flex-slides { width: 100%; text-align: center; } .mk-fullwidth-slideshow .mk-flex-slides li { text-align: center; } .mk-fullwidth-slideshow .mk-flex-slides li img { margin: 0 auto !important; max-width: none !important; height: auto; } .mk-fullwidth-slideshow.stretch-images-false .mk-flex-slides li img { width: auto; } .mk-fullwidth-slideshow.stretch-images-true .mk-flex-slides li img { width: 100%; } .mk-fullwidth-slideshow .flex-direction-nav a { top: 50%; margin-top: -20px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4); text-align: center; } .mk-fullwidth-slideshow .flex-direction-nav a i { line-height: 40px; color: #ffffff; font-size: 16px; } .mk-fullwidth-slideshow .flex-direction-nav .flex-next { right: 20px; } .mk-fullwidth-slideshow .flex-direction-nav .flex-prev { left: 20px; } /* Shortcode:Gallery -------------------------------------------------------------------- */ .mk-gallery-item { display: block; float: left; padding: 0; margin: 0; } .mk-gallery .item-holder { margin: 0 8px 16px 8px; position: relative; overflow: hidden; line-height: 4px; } .mk-gallery article .image-hover-overlay { z-index: 10; } .mk-gallery-lazyload .mk-gallery-image { background-color: #e0e0e0; } .mk-gallery .item-holder img { width: 100%; } .mk-gallery .one-column { width: 100%; } .mk-gallery .two-column { width: 50%; } .mk-gallery .three-column { width: 33.33%; } .mk-gallery .four-column { width: 25%; } .mk-gallery .five-column { width: 20%; } .mk-gallery .six-column { width: 16.66%; } .mk-gallery .seven-column { width: 14.28%; } .mk-gallery .eight-column { width: 12.5%; } .mk-gallery .one-column .item-holder { margin: 0 0 16px 0; } .mk-gallery .eight-column .item-holder { margin: 0 4px 8px 4px; } .mk-gallery .gallery-inner { display: block; } .mk-gallery .grid-frame .item-holder { margin: 0 1px 2px; } .mk-gallery .grid-frame .item-holder img { width: 100%; } .mk-gallery .rounded-frame .gallery-inner { border-radius: 4px; } .mk-gallery .rounded-frame .gallery-inner img, .mk-gallery .rounded-frame .image-hover-overlay { border-radius: 4px; } .mk-gallery .gray_border-frame .gallery-inner { border: 6px solid rgba(0, 0, 0, 0.06); } .mk-gallery .gallery-title { position: absolute; top: 58%; left: 0; width: 100%; text-align: center; padding: 0 20px; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; opacity: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; line-height: 22px; color: #ffffff; font-weight: bold; z-index: 10; } .mk-gallery .gallery-caption { display: none; } .mk-gallery .hover-fadebox .mk-image-lightbox.lightbox-push-top { top: 35%; } .mk-gallery .hover-slow_zoom a { top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; } .mk-gallery .hover-slow_zoom img { -webkit-transform: scale(1.04); transform: scale(1.04); -webkit-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mk-gallery .hover-slow_zoom:hover img { -webkit-transform: scale(1.11); transform: scale(1.11); } .mk-gallery .hover-blur .item-holder .gallery-inner img { -webkit-filter: blur(0); filter: blur(0); } .mk-gallery .hover-blur .item-holder:hover .image-hover-overlay { opacity: .85; } .mk-gallery .hover-blur .item-holder .mk-image-lightbox { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; } .mk-gallery .hover-blur .item-holder:hover .mk-image-lightbox { opacity: 1; } .mk-gallery .hover-blur .item-holder:hover .gallery-title { opacity: 1; top: 56%; } .mk-gallery .hover-blur .item-holder:hover .gallery-inner img { transition: filter 0.2s linear, -webkit-filter 0.2s linear, -moz-filter 0.2s linear; -webkit-filter: url(#gallery-blur); filter: url(#gallery-blur); -webkit-filter: blur(5px); filter: blur(5px); } .mk-image-lightbox svg { height: 48px; width: 48px; fill: #fff; vertical-align: middle; overflow: visible; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mk-gallery .hover-grayscale .mk-image-lightbox { width: 100%; height: 100%; top: 0; left: 0; margin: 0; position: absolute; text-align: center; cursor: pointer; opacity: 0; } .mk-gallery .hover-grayscale .image-hover-overlay { opacity: 1; background-color: transparent !important; } .mk-gallery .hover-grayscale .image-hover-overlay img { opacity: 1; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; } .mk-gallery .hover-grayscale .item-holder:hover .image-hover-overlay img { opacity: 0; } .mk-gallery .hover-overlay_layer .gallery-desc { display: inline-block; position: absolute; top: 0; width: 100%; } .mk-gallery .hover-overlay_layer a { top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; } .mk-gallery .hover-overlay_layer .gallery-title { position: relative; top: 0; display: block; padding: 8px 20px; margin-bottom: 10px; } .mk-gallery .hover-overlay_layer .gallery-title:after { position: absolute; content: ''; bottom: 0; left: 50%; margin-left: -6px; height: 2px; width: 12px; background-color: #ffffff; } .mk-gallery .hover-overlay_layer .gallery-caption { display: block; text-transform: uppercase; text-align: center; font-size: 12px; line-height: 22px; color: #ffffff; opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .mk-gallery .hover-overlay_layer img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mk-gallery .hover-overlay_layer:hover .image-hover-overlay { opacity: .8; } .mk-gallery .hover-overlay_layer:hover .gallery-title { opacity: 1; } .mk-gallery .hover-overlay_layer:hover .gallery-caption { opacity: 1; } .mk-gallery .hover-overlay_layer:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); } .mk-gallery .hover-fadebox.hover-title-true .mk-image-lightbox svg { top: 35%; } .mk-gallery .hover-fadebox .item-holder:hover .image-hover-overlay { opacity: 0.85; } .mk-gallery .hover-fadebox .item-holder .mk-image-lightbox { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; } .mk-gallery .hover-fadebox .item-holder:hover .mk-image-lightbox { opacity: 1; } .mk-gallery .hover-fadebox .item-holder:hover .gallery-title { opacity: 1; top: 56%; } .mk-gallery .hover-fadebox .item-holder:hover .gallery-inner img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } /* Hover state for device screen <= 1024px */ @media handheld, only screen and (max-width: 1024px) { .mk-gallery .hover-fadebox.hover-state .image-hover-overlay { opacity: 0.85; } .mk-gallery .hover-fadebox.hover-state img { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } .mk-gallery .hover-fadebox.hover-state .gallery-title { opacity: 1; top: 56%; } .mk-gallery .hover-fadebox.hover-state .mk-image-lightbox { opacity: 1; } } @media handheld, only screen and (max-width: 960px) { .mk-gallery .two-column, .mk-gallery .three-column, .mk-gallery .four-column, .mk-gallery .five-column, .mk-gallery .six-column, .mk-gallery .seven-column, .mk-gallery .eight-column { width: 49.7%; } .mk-gallery .two-column img, .mk-gallery .three-column img, .mk-gallery .four-column img, .mk-gallery .five-column img, .mk-gallery .six-column img, .mk-gallery .seven-column img, .mk-gallery .eight-column img { width: 100%; } } @media handheld, only screen and (max-width: 540px) { .mk-gallery-item { width: 100% !important; } } .mk-gallery.masnory-gallery .mk-gallery-item { width: 25%; } .mk-gallery.masnory-gallery .gallery-mansory-large { width: 50%; } @media handheld, only screen and (max-width: 1140px) { .mk-gallery.masnory-gallery .mk-gallery-item { width: 24.9%; } .mk-gallery.masnory-gallery .gallery-mansory-large { width: 49.9%; } } @media handheld, only screen and (max-width: 960px) { .mk-gallery.masnory-gallery .mk-gallery-item, .mk-gallery.masnory-gallery .gallery-mansory-large { width: 49.9%; } } @media handheld, only screen and (max-width: 767px) { .mk-gallery.masnory-gallery .mk-gallery-item, .mk-gallery.masnory-gallery .gallery-mansory-large { width: 100%; } } .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item { width: 24.96%; } .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large { width: 49.96%; } @media handheld, only screen and (max-width: 1140px) { .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item { width: 24.9%; } .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large { width: 49.9%; } } @media handheld, only screen and (max-width: 960px) { .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item, .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large { width: 49.9%; } } @media handheld, only screen and (max-width: 767px) { .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item, .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large { width: 100%; } } .vc_row.mk-fullwidth-true .mk-gallery .eight-column { width: 12.46%; } .vc_row.mk-fullwidth-true .mk-gallery .eight-column .item-holder { margin: 0 4px 8px 4px; } @media handheld, only screen and (max-width: 960px) { .vc_row.mk-fullwidth-true .mk-gallery .eight-column { width: 49.7%; } .vc_row.mk-fullwidth-true .mk-gallery .eight-column img { width: 100%; } } @media handheld, only screen and (max-width: 540px) { .vc_row.mk-fullwidth-true .mk-gallery .eight-column { width: 100% !important; } } /* Shortcode:Highlight -------------------------------------------------------------------- */ .mk-highlight { margin: 0; padding: 2px; color: #ffffff; } /* Shortcode:Icon Box -------------------------------------------------------------------- */ .mk-box-icon { position: relative; -webkit-backface-visibility: hidden; } .mk-box-icon .mk-main-ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .mk-box-icon .mk-main-ico .mk-svg-icon { margin: 0 auto; vertical-align: middle; } .mk-box-icon p { position: relative; margin-bottom: 0; } .mk-box-icon h4 i { text-transform: none !important; } .mk-box-icon .icon-box-readmore { position: relative; float: right; margin: 10px 15px 10px 0; font-size: 12px; } .mk-box-icon .icon-box-readmore svg { position: relative; padding-left: 8px; vertical-align: middle; height: 16px; } .mk-box-icon.simple_minimal-style.vc_span4 { padding-right: 10px; } .mk-box-icon.simple_minimal-style .mk-main-ico { display: inline-block; margin-right: 12px; float: left; text-align: center; } .mk-box-icon.simple_minimal-style .circled-icon { text-align: center; border-radius: 50%; } .mk-box-icon.simple_minimal-style .circled-icon.small { line-height: 42px; width: 42px; height: 42px; } .mk-box-icon.simple_minimal-style .circled-icon.medium { line-height: 64px; width: 64px; height: 64px; } .mk-box-icon.simple_minimal-style .circled-icon.large { line-height: 86px; width: 86px; height: 86px; } .mk-box-icon.simple_minimal-style .circled-icon.x-large { line-height: 110px; width: 110px; height: 110px; } .mk-box-icon.boxed-style .mk-main-ico .mk-svg-icon, .mk-box-icon.simple_minimal-style .mk-main-ico .mk-svg-icon { vertical-align: baseline; } .mk-box-icon.simple_minimal-style .mk-main-ico.small .mk-svg-icon { height: 16px !important; width: 16px !important; } .mk-box-icon.simple_minimal-style .mk-main-ico.medium .mk-svg-icon { height: 24px !important; width: 24px !important; } .mk-box-icon.simple_minimal-style .mk-main-ico.large .mk-svg-icon { height: 32px !important; width: 32px !important; } .mk-box-icon.simple_minimal-style .mk-main-ico.x-large .mk-svg-icon { height: 48px !important; width: 48px !important; } .mk-box-icon.simple_minimal-style .mk-main-ico.small { font-size: 16px; } .mk-box-icon.simple_minimal-style .mk-main-ico.medium { font-size: 24px; } .mk-box-icon.simple_minimal-style .mk-main-ico.large { font-size: 32px; } .mk-box-icon.simple_minimal-style .mk-main-ico.x-large { font-size: 48px; } .mk-box-icon.simple_minimal-style h4 { margin-bottom: 15px !important; } .mk-box-icon.simple_minimal-style h4.icon-circled { display: block; height: auto; } .mk-box-icon.simple_minimal-style h4.icon-circled span { display: block; padding-top: 5px; } .mk-box-icon.boxed-style .icon-box-boxed { position: relative; border: 1px solid #e0e0e0; background-color: #f4f4f4; text-align: center; border-radius: 3px; } .mk-box-icon.boxed-style .icon-box-boxed .mk-svg-icon { position: relative; top: 1px; } .mk-box-icon.boxed-style .icon-box-boxed.top { margin-top: 35px; padding: 70px 30px 30px; } .mk-box-icon.boxed-style .icon-box-boxed.top .mk-main-ico { top: -34px; left: 50%; margin-left: -32px; } .mk-box-icon.boxed-style .icon-box-boxed.left { margin-left: 30px; padding: 30px 30px 30px 60px; text-align: left; } .mk-box-icon.boxed-style .icon-box-boxed.left .mk-main-ico { top: 50%; left: -34px; margin-top: -34px; } .mk-box-icon.boxed-style .icon-box-readmore { display: inline-block; float: none; } .mk-box-icon.boxed-style h4 { margin-bottom: 20px; color: #222222 !important; } .mk-box-icon.boxed-style .mk-main-ico { position: absolute; display: block; width: 65px; height: 65px; color: #ffffff; text-align: center; line-height: 65px; font-size: 32px; border-radius: 50%; } /*.mk-box-icon.boxed-style > div > a { line-height: 65px; }*/ .mk-box-icon.boxed-style .mk-main-ico { font-size: 32px; } .mk-box-icon.boxed-style .mk-main-ico .mk-svg-icon { width: 32px !important; height: 32px !important; } .mk-box-icon.boxed-style .mk-main-ico:before { position: relative; } .mk-box-icon.simple_ultimate-style .left-side { padding-right: 15px; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico { display: block; float: left; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small { width: 32px; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium { width: 48px; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large { width: 64px; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large { width: 128px; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small { font-size: 32px; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium { font-size: 48px; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large { font-size: 64px; } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large { font-size: 128px; } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper { display: block; } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.small-size { margin-left: 48px; } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.medium-size { margin-left: 65px; } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size { margin-left: 84px; } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.x-large-size { margin-left: 158px; } .mk-box-icon.simple_ultimate-style .top-side { text-align: center; } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico { display: block; } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.small { margin-bottom: 8px; } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.medium { margin-bottom: 10px; } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.large { margin-bottom: 12px; } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.x-large { margin-bottom: 15px; } .mk-box-icon.simple_ultimate-style .top-side h4 { margin-bottom: 22px; } .mk-box-icon.simple_ultimate-style .top-side .icon-box-readmore { display: inline-block; float: none; } .mk-box-icon.simple_ultimate-style .mk-main-ico.small { font-size: 32px; } .mk-box-icon.simple_ultimate-style .mk-main-ico.small .mk-svg-icon { height: 32px !important; width: 32px !important; } .mk-box-icon.simple_ultimate-style .mk-main-ico.medium { font-size: 48px; } .mk-box-icon.simple_ultimate-style .mk-main-ico.medium .mk-svg-icon { height: 48px !important; width: 48px !important; } .mk-box-icon.simple_ultimate-style .mk-main-ico.large { font-size: 64px; } .mk-box-icon.simple_ultimate-style .mk-main-ico.large .mk-svg-icon { height: 64px !important; width: 64px !important; } .mk-box-icon.simple_ultimate-style .mk-main-ico.x-large { font-size: 128px; } .mk-box-icon.simple_ultimate-style .mk-main-ico.x-large .mk-svg-icon { height: 128px !important; width: 128px !important; } .mk-box-icon .rounded-circle.left-side .small-size { margin-left: 90px !important; } .mk-box-icon .rounded-circle.left-side .medium-size { margin-left: 120px !important; } .mk-box-icon .rounded-circle.top-side .small { margin-bottom: 26px !important; } .mk-box-icon .rounded-circle.top-side .medium { margin-bottom: 34px !important; } .mk-box-icon .rounded-circle .mk-main-ico { border-width: 1px; border-style: solid; border-radius: 60px; text-align: center; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-line-pack: center; align-content: center; margin: 0 auto; } .mk-box-icon .rounded-circle .small { width: 60px !important; height: 60px !important; line-height: 60px !important; } .mk-box-icon .rounded-circle .small .mk-main-ico { font-size: 24px; } .mk-box-icon .rounded-circle .small .mk-svg-icon { width: 24px !important; height: 24px !important; } .mk-box-icon .rounded-circle .medium { height: 84px !important; width: 84px !important; line-height: 84px !important; } .mk-box-icon .rounded-circle .medium .mk-main-ico { font-size: 32px; } .mk-box-icon .rounded-circle .medium .mk-svg-icon { height: 32px !important; width: 32px !important; } /* Shortcode:Icon Box 2 -------------------------------------------------------------------- */ .mk-box-icon-2 { display: block; } .mk-box-icon-2 .mk-box-icon-2-icon { border-width: 2px !important; border-radius: 50%; -webkit-transition: all ease-in 0.2s; transition: all ease-in 0.2s; display: inline-block; text-align: center; } .mk-box-icon-2 .mk-box-icon-2-icon i { display: block; vertical-align: middle; line-height: inherit; text-align: center; display: inline-block; } .mk-box-icon-2 .mk-box-icon-2-icon.size-16 { line-height: 50px; height: 54px; width: 54px; } .mk-box-icon-2 .mk-box-icon-2-icon.size-32 { line-height: 80px; height: 84px; width: 84px; } .mk-box-icon-2 .mk-box-icon-2-icon.size-48 { line-height: 98px; height: 100px; width: 100px; } .mk-box-icon-2 .mk-box-icon-2-icon.size-64 { line-height: 128px; height: 130px; width: 130px; } .mk-box-icon-2 .mk-box-icon-2-icon.size-128 { line-height: 188px; height: 190px; width: 190px; } .mk-box-icon-2 svg { vertical-align: middle; } .mk-box-icon-2 .mk-box-icon-2-image svg { width: 100%; } .mk-box-icon-2 .mk-box-icon-2-title { display: block; margin: 0; } .mk-box-icon-2 .mk-box-icon-2-content { display: block; } .mk-box-icon-2.box-align-left { text-align: left; } .mk-box-icon-2.box-align-center { text-align: center; } .mk-box-icon-2 .mk-box-icon-2-icon { display: inline-block; } .mk-box-icon-2 .mk-box-icon-2-image { display: block; } .mk-box-icon-2.box-align-center .mk-box-icon-2-icon, .mk-box-icon-2.box-align-center .mk-box-icon-2-image { margin: 0 auto; } .mk-box-icon-2.box-align-right { text-align: right; } .mk-box-icon-2.box-align-right .mk-box-icon-2-image { display: inline-block; } /* Shortcode:Image -------------------------------------------------------------------- */ .mk-image { position: relative; line-height: 4px; } .mk-image.align-left { text-align: left; } .mk-image.align-right { text-align: right; } .mk-image.align-right .mk-image-holder { float: right; } .mk-image.align-center { margin-right: auto; margin-left: auto; text-align: center; } .mk-image-container { display: inline-block; position: relative; } .mk-image.align-center .mk-image-holder { margin: 0 auto; } .mk-image.align-center .mk-image-inner img { transition: -webkit-filter .2s ease; -webkit-transition: -webkit-filter .2s ease; transition: filter .2s ease; transition: filter .2s ease, -webkit-filter .2s ease; } .mk-image.lightbox-enabled .mk-image-inner:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); /* Current draft standard */ filter: gray; /* IE */ -webkit-filter: grayscale(1); /* Old WebKit */ } .mk-image.rounded-frame { border-radius: 4px; } .mk-image.rounded-frame img, .mk-image.rounded-frame .mk-image-overlay { border-radius: 4px; } .mk-image.gray_border-frame .mk-image-inner { border: 6px solid rgba(0, 0, 0, 0.06); } .mk-image.border_shadow-frame .mk-image-inner { border: 6px solid #ffffff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } .mk-image.shadow_only-frame .mk-image-inner { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .mk-image.single_line-frame .mk-image-inner { border: 1px solid rgba(0, 0, 0, 0.1); } .mk-image .mk-image-inner { position: relative; overflow: hidden; width: auto; } .mk-image .mk-image-inner.is-svg { display: inline-block; } .mk-image .mk-image-inner img { width: 100%; } .mk-image .mk-image-inner:hover .mk-image-overlay { opacity: .9; } .mk-image .mk-image-inner:hover .mk-image-lightbox { opacity: 1; } .mk-image.inside-image .mk-image-caption { position: absolute; bottom: 0; left: 0; margin: 10px; padding: 10px; background-color: #4c4c4c; background-color: rgba(0, 0, 0, 0.4); color: #ffffff; border-radius: 4px; } .mk-image.inside-image .mk-image-caption:hover { background-color: #383838; background-color: rgba(0, 0, 0, 0.5); } .mk-image.inside-image .mk-image-caption .mk-caption-title { display: block; font-weight: bold; font-size: 14px; line-height: 18px; } .mk-image.inside-image .mk-image-caption .mk-caption-desc { display: block; margin-top: 5px; font-size: 12px; line-height: 18px; } .mk-image.outside-image .mk-image-caption { margin: 10px 0; } .mk-image.outside-image .mk-image-caption .mk-caption-title { display: block; font-weight: bold; font-size: 14px; line-height: 18px; } .mk-image.outside-image .mk-image-caption .mk-caption-desc { display: block; margin-top: 5px; font-style: italic; font-size: 11px; line-height: 18px; } .mk-image .hover-overlay-disabled .mk-image-overlay { background-color: transparent !important; } .mk-image.lightbox-enabled .hover-overlay-disabled.mk-image-inner:hover img { -webkit-filter: none; filter: none; filter: none; -webkit-filter: none; } .mk-image-inner.hover-overlay-disabled .mk-image-lightbox svg { fill: transparent; } .mk-image .hover-overlay-disabled .mk-image-lightbox { top: 0; left: 0; bottom: 0; right: 0; margin: 0; width: auto; height: auto; } @media handheld, only screen and (max-width: 480px) { .inside-image .mk-image-caption { display: none !important; } } @media handheld, only screen and (max-width: 767px) { .mk-image.align-left, .mk-image.align-right { margin-right: auto !important; margin-left: auto !important; } .mk-image-container { text-align: center !important; } } .mk-iconBox-gradient .icon { display: inline-block; position: relative; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } .mk-iconBox-gradient .icon i svg { -webkit-transition: color .2s linear; transition: color .2s linear; margin-top: -2px; vertical-align: middle; } .mk-iconBox-gradient .icon svg:not(.mk-svg-icon) { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; z-index: 1; color: #81d742; } .Firefox .mk-iconBox-gradient .icon { background: initial !important; } .Firefox .mk-iconBox-gradient .icon i, .Firefox .mk-iconBox-gradient .icon .mk-svg-icon { position: relative; z-index: 2; } .Firefox .mk-iconBox-gradient .icon svg:not(.mk-svg-icon) { display: block; } .Firefox .mk-iconBox-gradient .icon svg:not(.mk-svg-icon) path { -webkit-transition: fill 0.2s linear; transition: fill 0.2s linear; display: none; } .Firefox .icon.linear-gradient svg:not(.mk-svg-icon) radialGradient { display: none; } .Firefox .icon.radial-gradient svg:not(.mk-svg-icon) linearGradient { display: none; } .Firefox .icon.circle svg:not(.mk-svg-icon) path#circle, .Firefox .icon.hexagon svg:not(.mk-svg-icon) path#hexagon, .Firefox .icon.hexagon2 svg:not(.mk-svg-icon) path#hexagon2, .Firefox .icon.pentagon svg:not(.mk-svg-icon) path#pentagon, .Firefox .icon.square svg:not(.mk-svg-icon) path#square, .Firefox .icon.square2 svg:not(.mk-svg-icon) path#square2, .Firefox .icon.starz svg:not(.mk-svg-icon) path#starz { display: block; } .icon.circle.size-128, .icon.hexagon.size-128, .icon.hexagon2.size-128, .icon.starz.size-128 { min-width: 300px; min-height: 300px; line-height: 300px; text-align: center; } .icon.circle.size-64, .icon.hexagon.size-64, .icon.hexagon2.size-64, .icon.starz.size-64 { min-width: 200px; min-height: 200px; line-height: 200px; text-align: center; } .icon.circle.size-48, .icon.hexagon.size-48, .icon.hexagon2.size-48, .icon.starz.size-48 { min-width: 160px; min-height: 160px; line-height: 160px; text-align: center; } .icon.circle.size-32, .icon.hexagon.size-32, .icon.hexagon2.size-32, .icon.starz.size-32 { min-width: 110px; min-height: 110px; line-height: 110px; text-align: center; } .icon.circle.size-16, .icon.hexagon.size-16, .icon.hexagon2.size-16, .icon.starz.size-16 { min-width: 60px; min-height: 60px; line-height: 60px; text-align: center; } .icon.pentagon.size-128 { min-width: 330px; min-height: 330px; line-height: 330px; text-align: center; } .icon.pentagon.size-64 { min-width: 215px; min-height: 215px; line-height: 215px; text-align: center; } .icon.pentagon.size-48 { min-width: 160px; min-height: 160px; line-height: 160px; text-align: center; } .icon.pentagon.size-32 { min-width: 125px; min-height: 125px; line-height: 125px; text-align: center; } .icon.pentagon.size-16 { min-width: 70px; min-height: 70px; line-height: 70px; text-align: center; } .icon.square.size-128 { min-width: 290px; min-height: 290px; line-height: 290px; text-align: center; } .icon.square.size-64 { min-width: 200px; min-height: 200px; line-height: 200px; text-align: center; } .icon.square.size-48 { min-width: 140px; min-height: 140px; line-height: 140px; text-align: center; } .icon.square.size-32 { min-width: 100px; min-height: 100px; line-height: 100px; text-align: center; } .icon.square.size-16 { min-width: 60px; min-height: 60px; line-height: 60px; text-align: center; } .icon.square2.size-128 { min-width: 370px; min-height: 370px; line-height: 370px; text-align: center; } .icon.square2.size-64 { min-width: 250px; min-height: 250px; line-height: 250px; text-align: center; } .icon.square2.size-48 { min-width: 180px; min-height: 180px; line-height: 180px; text-align: center; } .icon.square2.size-32 { min-width: 130px; min-height: 130px; line-height: 130px; text-align: center; } .icon.square2.size-16 { min-width: 80px; min-height: 80px; line-height: 80px; text-align: center; } .mk-image-switch { overflow: hidden; } .mk-image-switch img { display: block; } .mk-image-switch .image__container { position: relative; display: inline-block; } .mk-image-switch .first__image { position: relative; z-index: 2; } .mk-image-switch .second__image { position: absolute; top: 0; left: 0; z-index: 1; } .mk-image-switch.align-left { text-align: left; } .mk-image-switch.align-center { text-align: center; } .mk-image-switch.align-right { text-align: right; } /* Without animation For hidding image we prefer visibility:hidden over display:none as first image also stretch container and needs to stay in a regular document flow */ .mk-image-switch.without-fading-animation .image__container .first__image { visibility: visible; } .mk-image-switch.without-fading-animation .image__container .second__image { visibility: hidden; } .mk-image-switch.without-fading-animation .image__container:hover .first__image { visibility: hidden; } .mk-image-switch.without-fading-animation .image__container:hover .second__image { visibility: visible; } /* Animated */ .mk-image-switch.fading-animation .image__container .first__image, .mk-image-switch.fading-animation .image__container .second__image { -webkit-transition: opacity .2s linear, visibility .2s linear; transition: opacity .2s linear, visibility .2s linear; } .mk-image-switch.fading-animation .image__container .first__image { opacity: 1; } .mk-image-switch.fading-animation .image__container .second__image { opacity: 0; } .mk-image-switch.fading-animation .image__container:hover .first__image { opacity: 0; } .mk-image-switch.fading-animation .image__container:hover .second__image { opacity: 1; } /* Shortcode:Imagebox -------------------------------------------------------------------- */ .mk-imagebox { position: relative; } .mk-imagebox-item { margin-bottom: 40px; } .mk-imagebox .swiper-navigation { padding-bottom: 14px; padding-left: 20px; padding-right: 20px; clear: both; display: block; opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .mk-imagebox .swiper-navigation .swiper-arrows { font-size: 24px; color: #cccccc; color: rgba(128, 128, 128, 0.2); } .mk-imagebox .swiper-navigation .swiper-arrows:hover { color: rgba(128, 128, 128, 0.4); } .mk-imagebox .swiper-navigation .mk-swiper-next { float: right; } .mk-imagebox:hover .swiper-navigation { opacity: 1; } .mk-imagebox.column-style .swiper-slide { float: none; } .mk-imagebox .slide-style .swiper-slide .mk-imagebox-item { width: 100%; } .mk-imagebox .one-column .mk-imagebox-item { width: 100%; } .mk-imagebox .two-column .mk-imagebox-item { width: 49.96%; } .mk-imagebox .three-column .mk-imagebox-item { width: 33.31%; } .mk-imagebox .four-column .mk-imagebox-item { width: 24.96%; } .mk-imagebox .five-column .mk-imagebox-item { width: 19.96%; } .mk-imagebox .six-column .mk-imagebox-item { width: 16.6%; } .mk-imagebox .video-type .item-image { display: none; } /* Create new row when more items then column count */ .mk-imagebox .two-column div:nth-of-type(2n+3) .mk-imagebox-item, .mk-imagebox .three-column div:nth-of-type(3n+4) .mk-imagebox-item, .mk-imagebox .four-column div:nth-of-type(4n+5) .mk-imagebox-item, .mk-imagebox .five-column div:nth-of-type(5n+6) .mk-imagebox-item, .mk-imagebox .six-column div:nth-of-type(6n+7) .mk-imagebox-item { clear: both; } @media handheld, only screen and (max-width: 1024px) { .mk-imagebox .video-type .item-image { display: block; } .mk-imagebox .mk-imagebox-video { display: none !important; } } @media handheld, only screen and (max-width: 960px) { .mk-imagebox .two-column .mk-imagebox-item, .mk-imagebox .three-column .mk-imagebox-item, .mk-imagebox .four-column .mk-imagebox-item, .mk-imagebox .five-column .mk-imagebox-item, .mk-imagebox .six-column .mk-imagebox-item { width: 50%; margin-bottom: 20px; } /* Discard previous row logic */ .mk-imagebox .two-column div:nth-of-type(2n+3) .mk-imagebox-item, .mk-imagebox .three-column div:nth-of-type(3n+4) .mk-imagebox-item, .mk-imagebox .four-column div:nth-of-type(4n+5) .mk-imagebox-item, .mk-imagebox .five-column div:nth-of-type(5n+6) .mk-imagebox-item, .mk-imagebox .six-column div:nth-of-type(6n+7) .mk-imagebox-item { clear: none; } /* Assign logic for 2 columns based rows, independently from user setting which we treat as desktop only */ .mk-imagebox .three-column div:nth-of-type(2n+3) .mk-imagebox-item, .mk-imagebox .four-column div:nth-of-type(2n+3) .mk-imagebox-item, .mk-imagebox .five-column div:nth-of-type(2n+3) .mk-imagebox-item, .mk-imagebox .six-column div:nth-of-type(2n+3) .mk-imagebox-item { clear: both; } .mk-imagebox .two-column img, .mk-imagebox .three-column img, .mk-imagebox .four-column img, .mk-imagebox .five-column img, .mk-imagebox .six-column img { width: 100%; } } @media handheld, only screen and (max-width: 540px) { .mk-imagebox .mk-imagebox-item { width: 100% !important; } .mk-imagebox .mk-imagebox-item .item-holder { margin: 0 !important; } } /* Image Item */ .mk-imagebox-item { float: left; } .mk-imagebox-item .item-holder { position: relative; overflow: hidden; } .mk-imagebox-item .item-image { text-align: center; padding: 0; } .mk-imagebox-item .item-image img { width: 100%; } .mk-imagebox-item .item-image.padding-true { padding: 5% 5% 0; } .mk-imagebox-item .item-title { line-height: 1.66em; padding: 10% 10% 7%; letter-spacing: 1px; } .mk-imagebox-item .item-title h5 { margin: 0; text-align: center; } .mk-imagebox-item .item-content { padding: 0% 13% 7%; } .mk-imagebox-item .item-wrapper p { text-align: center; } .mk-imagebox-item .mk-video-container { padding-top: 0; padding-bottom: 56.5% !important; } .mk-imagebox-item .mk-video-container video, .mk-imagebox-item .mk-video-container iframe { width: 100%; } .mk-imagebox-item .mk-video-wrapper.padding-true { padding: 5% 5% 0; } .mk-imagebox-item .mk-imagebox-video { display: block; width: 100%; } .mk-imagebox-item .mk-imagebox-video video { display: block; width: 100%; } .mk-imagebox-item .item-button a { display: block; font-size: 14px; letter-spacing: 1px; padding: 20px; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mk-slider-holder .mk-imagebox-item { float: none; margin-left: auto; margin-right: auto; } /* Shortcode:Laptop Slideshow -------------------------------------------------------------------- */ .mk-laptop-slideshow-shortcode { margin: 0 auto 60px; width: 100%; text-align: center; } .mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides { margin: 0 auto !important; } .mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides { margin: 0 auto !important; } .mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav a { margin-top: -16px; } .mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav svg { height: 32px; } .mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav a { margin-top: -12px; } .mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav svg { height: 24px; } .mk-laptop-slideshow-shortcode.one-fourth-laptop { margin-bottom: 30px !important; } .mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav a { margin-top: -8px; } .mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav svg { height: 16px; } @media handheld, only screen and (max-width: 600px) { .mk-laptop-slideshow-shortcode .flex-direction-nav svg { height: 32px !important; } } .mk-laptop-slideshow-shortcode:hover .flex-direction-nav a { opacity: 1; } .mk-laptop-slideshow-shortcode:hover .flex-prev { left: 0px; } .mk-laptop-slideshow-shortcode:hover .flex-next { right: 0px; } .mk-laptop-slideshow-shortcode .mk-flex-slides { text-align: center; } .mk-laptop-slideshow-shortcode .flex-direction-nav a { position: absolute; top: 50%; margin-top: -16px; opacity: 0; } .mk-laptop-slideshow-shortcode .flex-direction-nav a svg { fill: #cccccc !important; /*height: 48px;*/ } .mk-laptop-slideshow-shortcode .flex-direction-nav a:hover svg { fill: #7f7f7f !important; } .mk-laptop-slideshow-shortcode .flex-prev { left: 30px; } .mk-laptop-slideshow-shortcode .flex-next { right: 30px; } .mk-laptop-image { position: absolute; top: 0; left: 0; width: 100%; } .vc_col-sm-6 .full-laptop .flex-direction-nav svg { height: 32px !important; } .vc_col-sm-4 .full-laptop .flex-direction-nav svg, .vc_col-sm-4 .one-half-laptop .flex-direction-nav svg { height: 24px !important; } .vc_col-sm-3 .full-laptop .flex-direction-nav svg, .vc_col-sm-3 .one-half-laptop .flex-direction-nav svg, .vc_col-sm-3 .one-third-laptop .flex-direction-nav svg { height: 24px !important; } .vc_col-sm-3 .one-third-laptop .flex-direction-nav svg { height: 16px !important; } .vc_col-sm-2 .full-laptop .flex-direction-nav svg, .vc_col-sm-2 .one-half-laptop .flex-direction-nav svg, .vc_col-sm-2 .one-third-laptop .flex-direction-nav svg, .vc_col-sm-2 .one-fourth-laptop .flex-direction-nav svg { height: 16px !important; } .mk-laptop-slideshow-shortcode .flex-direction-nav a { z-index: 60; } .mk-laptop-image { z-index: 50; } /* Shortcode:Message Boxes -------------------------------------------------------------------- */ .mk-message-box { position: relative; display: block; margin-bottom: 20px; border-width: 1px; border-style: solid; background-position: 15px center; background-repeat: no-repeat; } .mk-message-box span { display: block; padding: 15px 15px 15px 65px; text-align: left; } .mk-message-box .box-close-btn { position: absolute; top: 0; right: 6px; } .mk-message-box.mk-comment-message-box { border-color: #dddddd; background-color: #eeeeee; } .mk-message-box.mk-comment-message-box i { color: #aaaaaa; } .mk-message-box.mk-info-message-box { border-color: #afe0ee; background-color: #d1eff8; } .mk-message-box.mk-info-message-box i { color: #3ea3bc; } .mk-message-box.mk-info-message-box .button.wc-forward { background-color: #3ea2c1; } .mk-message-box.mk-error-message-box { border-color: #fd8585; background-color: #fac6bf; } .mk-message-box.mk-error-message-box i { color: #de303a; } .mk-message-box.mk-error-message-box .button.wc-forward { background-color: #df3531; } .mk-message-box.mk-confirm-message-box { border-color: #72dd9d; background-color: #b8f4d0; } .mk-message-box.mk-confirm-message-box i { color: #20b66e; } .mk-message-box.mk-confirm-message-box .button.wc-forward { background-color: #28b863; } .mk-message-box.mk-warning-message-box { border-color: #e0c069; background-color: #fbf1c8; } .mk-message-box.mk-warning-message-box i { color: #be9a34; } .mk-message-box.mk-warning-message-box .button.wc-forward { background-color: #be9c00; } /* Shortcode:LCD Slideshow -------------------------------------------------------------------- */ .mk-lcd-slideshow { margin: 0 auto 160px; width: 100%; text-align: center; } @media handheld, only screen and (max-width: 767px) { .mk-lcd-slideshow { margin-bottom: 100px !important; } } @media handheld, only screen and (max-width: 600px) { .mk-lcd-slideshow { margin-bottom: 70px !important; } } @media handheld, only screen and (max-width: 500px) { .mk-lcd-slideshow { margin-bottom: 50px !important; } } @media handheld, only screen and (max-width: 321px) { .mk-lcd-slideshow { margin-bottom: 10px !important; } } .mk-lcd-slideshow:hover .flex-direction-nav a { opacity: .7; } .mk-lcd-slideshow:hover .flex-prev { left: 60px !important; } .mk-lcd-slideshow:hover .flex-next { right: 60px !important; } .mk-lcd-slideshow .flex-direction-nav a { position: absolute; top: 45%; margin-top: -16px; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: rgba(0, 0, 0, 0.4); border-radius: 3px; opacity: 0; } .mk-lcd-slideshow .flex-direction-nav a .mk-svg-icon { fill: #ffffff !important; height: 16px; vertical-align: middle; } .mk-lcd-slideshow .flex-prev { left: 70px !important; } .mk-lcd-slideshow .flex-next { right: 70px !important; } .mk-lcd-image { position: absolute; top: 0; left: 0; } .vc_col-sm-8 .mk-lcd-slideshow { margin: 0 auto 70px; } .vc_col-sm-8 .mk-lcd-slideshow .flex-direction-nav a { margin-top: -48px; } .vc_col-sm-6 .mk-lcd-slideshow { margin: 0 auto 50px; } .vc_col-sm-6 .mk-lcd-slideshow .flex-direction-nav a { margin-top: -28px; } .vc_col-sm-4 .mk-lcd-slideshow { margin: 0 auto 50px; } .vc_col-sm-4 .mk-lcd-slideshow .flex-direction-nav a { margin-top: -40px; } .vc_col-sm-3 .mk-lcd-slideshow { margin: 0 auto 60px; } .vc_col-sm-3 .mk-lcd-slideshow .flex-direction-nav a { margin-top: -28px; } .vc_col-sm-2 .mk-lcd-slideshow { margin: 0 auto 40px; } .vc_col-sm-2 .mk-lcd-slideshow .flex-direction-nav a { display: none; } .vc_col-sm-6 .vc_col-sm-8 .mk-lcd-slideshow { margin: 0 auto 40px; } .vc_col-sm-6 .vc_col-sm-4 .mk-lcd-slideshow { margin: 0 auto 40px; } .vc_col-sm-6 .vc_col-sm-4 .mk-lcd-slideshow .flex-direction-nav a { display: none; } .mk-lcd-slideshow .flex-direction-nav a { z-index: 60; } .mk-lcd-image { z-index: 50; } /* Shortcode:Milestone -------------------------------------------------------------------- */ .mk-milestone { margin-bottom: 20px; } .mk-milestone .milestone-number, .mk-milestone .milestone-prefix, .mk-milestone .milestone-suffix { line-height: 110%; letter-spacing: 2px; } .mk-milestone i { line-height: 1; } .mk-milestone.left-align .milestone-top { float: left; } .mk-milestone.left-align i { float: left; margin-right: 10px; } .mk-milestone.left-align .milestone-text:after { left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mk-milestone.center-align { text-align: center; } .mk-milestone.center-align .milestone-top { display: block; } .mk-milestone.center-align i { display: block; margin-bottom: 30px; } .mk-milestone.center-align .milestone-text:after { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .mk-milestone.right-align .milestone-top { float: right; text-align: right; } .mk-milestone.right-align i { float: right; margin-left: 10px; } .mk-milestone.right-align .milestone-text:after { right: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mk-milestone .milestone-text { letter-spacing: 1px; line-height: 100%; position: relative; margin: 16px 0; padding: 16px 0; } .mk-milestone .milestone-text:after { content: ''; display: block; position: absolute; width: 20px; height: 3px; background: #999999; top: 0; } .mk-milestone.milestone-small svg { height: 32px; } .mk-milestone.milestone-small .milestone-number, .mk-milestone.milestone-small .milestone-prefix, .mk-milestone.milestone-small .milestone-suffix { font-size: 26px; } .mk-milestone.milestone-medium svg { height: 48px; } .mk-milestone.milestone-medium .milestone-number, .mk-milestone.milestone-medium .milestone-prefix, .mk-milestone.milestone-medium .milestone-suffix { font-size: 40px; } .mk-milestone.milestone-large svg { height: 72px; } .mk-milestone.milestone-large .milestone-number, .mk-milestone.milestone-large .milestone-prefix, .mk-milestone.milestone-large .milestone-suffix { font-size: 50px; } /* Shortcode:Mini Callout Box -------------------------------------------------------------------- */ .mk-mini-callout { overflow: hidden; margin-bottom: 20px; padding: 12px 20px; border: 1px solid #dbdbdb; background-color: #f6f6f6; } .mk-mini-callout p { display: inline; margin-bottom: 0; } .mk-mini-callout .callout-title { padding-right: 6px; color: #333333; font-weight: bold; } .mk-mini-callout a i { padding-left: 6px; font-size: 14px; } /* Shortcode:Moving Images -------------------------------------------------------------------- */ .mk-moving-image img { width: auto !important; display: inline-block !important; } .mk-news-container { margin-bottom: 50px; } .mk-news-container a { text-decoration: none; } .mk-news-item { position: relative; overflow: hidden; float: left; } .mk-news-item .item-holder { margin: 0 6px 6px 0; background-color: #f6f6f6; position: relative; overflow: hidden; } .mk-news-item .news-categories { font-weight: bold; font-size: 13px; } .mk-news-item .news-the-title { font-size: 18px; font-weight: bold; } .mk-news-item .mk-read-more i { margin-left: 5px; vertical-align: middle; } .news-full-with-image .news-meta-wrapper, .news-half-with-image .news-meta-wrapper, .news-fourth-with-image .news-meta-wrapper { position: absolute; left: 0; bottom: 0; margin: 15px 15px 3px 15px; } .news-full-with-image .news-categories, .news-half-with-image .news-categories, .news-fourth-with-image .news-categories { line-height: 43px; color: #ffffff; } .news-full-with-image .news-categories a, .news-half-with-image .news-categories a, .news-fourth-with-image .news-categories a { color: #ffffff; } .news-full-with-image .news-categories span, .news-half-with-image .news-categories span, .news-fourth-with-image .news-categories span { padding: 12px 5px; font-size: 11px; margin-left: -8px; letter-spacing: 1px; -webkit-box-decoration-break: clone; box-decoration-break: clone; background-color: #f97352; } .news-categories span { -webkit-box-shadow: 8px 0 0 #f97352, -8px 0 0 #f97352; box-shadow: 8px 0 0 #f97352, -8px 0 0 #f97352; } .news-full-with-image .news-date, .news-half-with-image .news-date, .news-fourth-with-image .news-date { background-color: rgba(0, 0, 0, 0.4); padding: 15px 15px; position: absolute; top: 0; right: 0; font-size: 11px; line-height: 10px; color: #ffffff; } .news-full-with-image img, .news-half-with-image img, .news-fourth-with-image img { height: 100%; width: 100%; } .news-full-with-image .news-the-title a, .news-half-with-image .news-the-title a, .news-fourth-with-image .news-the-title a { color: #ffffff; } .news-full-with-image .news-the-title span, .news-half-with-image .news-the-title span, .news-fourth-with-image .news-the-title span { line-height: 37px; background-color: #000000; padding: 13px 0; -webkit-box-shadow: 15px 0px 0 #000000, -15px 0 0 #000000; box-shadow: 15px 0px 0 #000000, -15px 0 0 #000000; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .news-full-without-image .item-holder, .news-half-without-image .item-holder, .news-fourth-without-image .item-holder { padding: 28px 35px; } .news-full-without-image .item-holder .news-categories, .news-half-without-image .item-holder .news-categories, .news-fourth-without-image .item-holder .news-categories { margin-bottom: 5px; } .news-full-without-image .item-holder .news-the-title, .news-half-without-image .item-holder .news-the-title, .news-fourth-without-image .item-holder .news-the-title { margin: 0; } .news-full-without-image .item-holder .news-date, .news-half-without-image .item-holder .news-date, .news-fourth-without-image .item-holder .news-date { color: #777777; font-size: 11px; margin-bottom: 10px; display: block; } .news-full-with-image { width: 99.5%; } .news-full-without-image { width: 99.9%; } .news-half-with-image { width: 49.9%; } .news-half-without-image { width: 49.9%; } .news-fourth-with-image { width: 24.9%; } .news-fourth-without-image { width: 24.9%; } @media handheld, only screen and (max-width: 1024px) { .news-half-with-image > div, .news-fourth-with-image > div, .news-full-with-image > div { height: auto !important; } .news-half-with-image > div .news-meta-wrapper, .news-fourth-with-image > div .news-meta-wrapper, .news-full-with-image > div .news-meta-wrapper { position: relative !important; left: auto !important; bottom: auto !important; margin: 20px; } .news-full-with-image, .news-full-without-image { width: 100% !important; } .news-half-with-image, .news-fourth-with-image, .news-fourth-without-image, .news-half-without-image { width: 49.8% !important; } .news-half-with-image > div, .news-fourth-with-image > div, .news-fourth-without-image > div, .news-half-without-image > div { height: auto !important; } } @media handheld, only screen and (max-width: 767px) { .news-full-with-image, .news-full-without-image { width: 100% !important; } .mk-news-item { margin-right: 0 !important; } .news-half-with-image, .news-fourth-with-image { width: 100% !important; } .news-fourth-without-image, .news-half-without-image { width: 100% !important; } } .mk-news-tab .mk-tabs-tabs { z-index: 10; } .mk-news-tab a { text-decoration: none; } .mk-news-tab .mk-tabs-panes { z-index: 1; } .mk-news-tab .mk-tabs-panes .mk-tabs-pane { z-index: 8; } .mk-news-tab-heading { background-color: #f7f7f7; border: 1px solid #dbdbdb; border-bottom: none; } @media handheld, only screen and (max-width: 767px) { .mk-news-tab-heading { border: 0; } } .mk-news-tab-title { float: left; font-size: 14px; line-height: 12px; padding: 14px 20px 0 20px; font-weight: bold; color: #333333; } @media handheld, only screen and (max-width: 767px) { .mk-news-tab-title { display: none; } } .mk-news-tab { margin-bottom: 20px; } .mk-news-tab .mk-tabs-tabs { margin: 0 0 -1px 0 !important; position: relative; float: right; } .mk-news-tab .mk-tabs-tabs li { margin: 0; position: relative; padding: 0; display: inline; float: left; } .mk-news-tab .mk-tabs-tabs li.is-active > a { cursor: default; border-bottom: none; background: -o-linear-gradient(top, transparent, transparent); padding-bottom: 16px; color: #f97352; background-color: #fff; } .mk-news-tab .mk-tabs-tabs li a { font-weight: bold; color: #333333; display: block; line-height: 100%; padding: 15px 20px; margin: 0; border-left: 1px solid #dbdbdb; white-space: nowrap; } @media handheld, only screen and (max-width: 767px) { .mk-news-tab .mk-tabs-tabs { float: none; } .mk-news-tab .mk-tabs-tabs li { display: block; float: none; } .mk-news-tab .mk-tabs-tabs li a { border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .mk-news-tab .mk-tabs-tabs li.is-active > a { border-top: 1px solid #dbdbdb; padding-bottom: 15px; } } .mk-news-tab .mk-tabs-panes { position: relative; margin: 0; border: 1px solid #dbdbdb; } .mk-news-tab .mk-tabs-panes .title-mobile { display: none; color: #444444; white-space: nowrap; font-weight: bold; font-size: 13px; line-height: 24px; margin-bottom: 15px; background-color: rgba(0, 0, 0, 0.05); border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 5px 10px; } .mk-news-tab .mk-tabs-panes .mk-tabs-pane { position: relative; } @media handheld, only screen and (max-width: 767px) { .mk-news-tab.mobile-true .mk-tabs-panes { display: block; border: 0; } .mk-news-tab.mobile-true .mk-tabs-pane { padding: 0; margin-bottom: 20px; } .mk-news-tab.mobile-true .title-mobile { display: block; } .mk-news-tab.mobile-true .mk-news-tab-heading .mk-tabs-tabs { display: none !important; } } .news-tab-wrapper { float: left; width: 50%; padding: 15px; } @media handheld, only screen and (max-width: 767px) { .news-tab-wrapper { width: 100%; padding: 0; margin-bottom: 20px; } } .news-tab-wrapper .news-tab-thumb { margin-bottom: 20px; display: block; } .news-tab-wrapper .the-title { line-height: 16px; margin-bottom: 5px; } .news-tab-wrapper .the-title a { font-size: 15px; line-height: 22px; text-transform: capitalize; color: #333333; } .news-tab-wrapper .new-tab-readmore svg { padding-left: 6px; height: 14px; vertical-align: middle; } .mk-tabs-pane { padding: 0; display: none; } @media handheld, only screen and (max-width: 767px) { .mobile-true .mk-tabs-pane { display: block; } } .mk-tabs-pane.is-active { display: block; } @media handheld, only screen and (min-width: 768px) { .mk-news-tab .mk-tabs-pane.is-active { padding: 20px; } } .mk-ornamental-title .title { margin: 0 auto; } .mk-ornamental-title .title .title-text, .mk-ornamental-title .title .title-image { padding: 0 35px; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; position: relative; } .mk-ornamental-title .title .title-text:before, .mk-ornamental-title .title .title-image:before, .mk-ornamental-title .title .title-text:after, .mk-ornamental-title .title .title-image:after { -webkit-box-sizing: content-box; box-sizing: content-box; } .mk-ornamental-title .title .title-text:before, .mk-ornamental-title .title .title-image:before { right: 100%; } .mk-ornamental-title .title .title-text:after, .mk-ornamental-title .title .title-image:after { left: 100%; } .mk-ornamental-title .title .title-image { min-width: 38px; text-align: center; } .mk-ornamental-title.rovi-double .title .title-text, .mk-ornamental-title.rovi-double .title .title-image { position: relative; } .mk-ornamental-title.rovi-double .title .title-text .line-left, .mk-ornamental-title.rovi-double .title .title-image .line-left, .mk-ornamental-title.rovi-double .title .title-text .line-right, .mk-ornamental-title.rovi-double .title .title-image .line-right { position: absolute; top: 0; height: 100%; } .mk-ornamental-title.rovi-double .title .title-text .line-left, .mk-ornamental-title.rovi-double .title .title-image .line-left { left: 3px; } .mk-ornamental-title.rovi-double .title .title-text .line-right, .mk-ornamental-title.rovi-double .title .title-image .line-right { right: 3px; } .mk-ornamental-title.rovi-single .title, .mk-ornamental-title.rovi-double .title, .mk-ornamental-title.norman-single .title, .mk-ornamental-title.norman-double .title, .mk-ornamental-title.norman-short-single .title, .mk-ornamental-title.norman-short-double .title { text-align: center; } .mk-ornamental-title.rovi-single .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.norman-single .title .title-text:before, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.norman-short-single .title .title-text:before, .mk-ornamental-title.norman-short-double .title .title-text:before, .mk-ornamental-title.rovi-single .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.norman-single .title .title-image:before, .mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.norman-short-single .title .title-image:before, .mk-ornamental-title.norman-short-double .title .title-image:before, .mk-ornamental-title.rovi-single .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.norman-single .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.norman-short-single .title .title-text:after, .mk-ornamental-title.norman-short-double .title .title-text:after, .mk-ornamental-title.rovi-single .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.norman-single .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:after, .mk-ornamental-title.norman-short-single .title .title-image:after, .mk-ornamental-title.norman-short-double .title .title-image:after { content: ''; display: block; position: absolute; } .mk-ornamental-title.rovi-single .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.norman-single .title .title-text:before, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.rovi-single .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.norman-single .title .title-image:before, .mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.rovi-single .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.norman-single .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.rovi-single .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.norman-single .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:after { width: 1500px; } .mk-ornamental-title.rovi-single .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.norman-single .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.rovi-single .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.norman-single .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:after { left: 100%; } .mk-ornamental-title.rovi-single .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.norman-single .title .title-text:before, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.rovi-single .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.norman-single .title .title-image:before, .mk-ornamental-title.norman-double .title .title-image:before { right: 100%; } .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.norman-short-double .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.norman-short-double .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.norman-short-double .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:after, .mk-ornamental-title.norman-short-double .title .title-image:after { height: 3px; } .mk-ornamental-title.rovi-single .title, .mk-ornamental-title.rovi-double .title, .mk-ornamental-title.norman-single .title, .mk-ornamental-title.norman-double .title { width: 100%; overflow: hidden; } .mk-ornamental-title.normal-single .title .title-text:before, .mk-ornamental-title.normal-short-single .title .title-text:before, .mk-ornamental-title.normal-single .title .title-text:after, .mk-ornamental-title.normal-short-single .title .title-text:after { content: initial; } .mk-ornamental-title.norman-short-single .title .title-image::after, .mk-ornamental-title.norman-short-single .title .title-image::before { width: 55px; } .mk-ornamental-title.norman-short-single .title, .mk-ornamental-title.norman-short-double .title { display: inline-block; margin: 0 55px; } .mk-ornamental-title.norman-short-single .title .title-text, .mk-ornamental-title.norman-short-double .title .title-text { float: left; } .mk-ornamental-title.norman-short-single .title .title-image, .mk-ornamental-title.norman-short-double .title .title-image { float: left; } .mk-ornamental-title.norman-short-single .title-text:before, .mk-ornamental-title.norman-short-double .title-text:before, .mk-ornamental-title.norman-short-single .title-text:after, .mk-ornamental-title.norman-short-double .title-text:after, .mk-ornamental-title.norman-short-single .title-image:before, .mk-ornamental-title.norman-short-double .title-image:before, .mk-ornamental-title.norman-short-single .title-image:after, .mk-ornamental-title.norman-short-double .title-image:after { content: ''; position: absolute; top: calc(50% - 1.5px); width: 55px; height: 3px; } .mk-ornamental-title.norman-short-single .title-text:before, .mk-ornamental-title.norman-short-double .title-text:before, .mk-ornamental-title.norman-short-single .title-image:before, .mk-ornamental-title.norman-short-double .title-image:before { left: -55px; } .mk-ornamental-title.norman-short-single .title-text:after, .mk-ornamental-title.norman-short-double .title-text:after, .mk-ornamental-title.norman-short-single .title-image:after, .mk-ornamental-title.norman-short-double .title-image:after { right: -55px; } .mk-ornamental-title.norman-short-single.align-center, .mk-ornamental-title.norman-short-double.align-center { text-align: center; } .mk-ornamental-title.norman-short-single.align-right, .mk-ornamental-title.norman-short-double.align-right { text-align: right; } .mk-ornamental-title.lemo-single, .mk-ornamental-title.lemo-double { position: relative; display: inline-block; } .mk-ornamental-title.lemo-single .title, .mk-ornamental-title.lemo-double .title { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .mk-ornamental-title.lemo-single .title .title-text:before, .mk-ornamental-title.lemo-double .title .title-text:before, .mk-ornamental-title.lemo-single .title .title-image:before, .mk-ornamental-title.lemo-double .title .title-image:before, .mk-ornamental-title.lemo-single .title .title-text:after, .mk-ornamental-title.lemo-double .title .title-text:after, .mk-ornamental-title.lemo-single .title .title-image:after, .mk-ornamental-title.lemo-double .title .title-image:after { content: ''; left: 0; width: 100%; position: absolute; } .mk-ornamental-title.lemo-single .title .title-text:before, .mk-ornamental-title.lemo-double .title .title-text:before, .mk-ornamental-title.lemo-single .title .title-image:before, .mk-ornamental-title.lemo-double .title .title-image:before { top: 0; } .mk-ornamental-title.lemo-single .title .title-text:after, .mk-ornamental-title.lemo-double .title .title-text:after, .mk-ornamental-title.lemo-single .title .title-image:after, .mk-ornamental-title.lemo-double .title .title-image:after { bottom: 0; } .mk-ornamental-title.lemo-single .title .title-text, .mk-ornamental-title.lemo-double .title .title-text { padding: 17px 10px; } .mk-ornamental-title.lemo-single .title .title-image, .mk-ornamental-title.lemo-double .title .title-image { padding: 20px 10px; } .mk-ornamental-title.lemo-single.align-center, .mk-ornamental-title.lemo-double.align-center { text-align: center; display: block; } .mk-ornamental-title.lemo-single.align-center .title, .mk-ornamental-title.lemo-double.align-center .title { overflow: initial; display: inline-block; position: relative; } .mk-ornamental-title.lemo-single.align-right, .mk-ornamental-title.lemo-double.align-right { float: right; } .mk-ornamental-title.lemo-double .title .title-text:before, .mk-ornamental-title.lemo-double .title .title-image:before, .mk-ornamental-title.lemo-double .title .title-text:after, .mk-ornamental-title.lemo-double .title .title-image:after { height: 5px; } .mk-ornamental-title.lemo-double .title .title-text:before, .mk-ornamental-title.lemo-double .title .title-image:before { top: -5px; } .mk-ornamental-title.lemo-double .title .title-text:after, .mk-ornamental-title.lemo-double .title .title-image:after { bottom: -5px; } @media handheld, only screen and (max-width: 736px) { .mk-ornamental-title.norman-short-single .title-text:before, .mk-ornamental-title.norman-short-double .title-text:before, .mk-ornamental-title.norman-short-single .title-text:after, .mk-ornamental-title.norman-short-double .title-text:after, .mk-ornamental-title.rovi-single .title .title-text:before, .mk-ornamental-title.rovi-double .title .title-text:before, .mk-ornamental-title.norman-single .title .title-text:before, .mk-ornamental-title.norman-double .title .title-text:before, .mk-ornamental-title.rovi-single .title .title-image:before, .mk-ornamental-title.rovi-double .title .title-image:before, .mk-ornamental-title.norman-single .title .title-image:before, .mk-ornamental-title.norman-double .title .title-image:before, .mk-ornamental-title.rovi-single .title .title-text:after, .mk-ornamental-title.rovi-double .title .title-text:after, .mk-ornamental-title.norman-single .title .title-text:after, .mk-ornamental-title.norman-double .title .title-text:after, .mk-ornamental-title.rovi-single .title .title-image:after, .mk-ornamental-title.rovi-double .title .title-image:after, .mk-ornamental-title.norman-single .title .title-image:after, .mk-ornamental-title.norman-double .title .title-image:after, .mk-ornamental-title.norman-short-single .title .title-image::after, .mk-ornamental-title.norman-short-single .title .title-image::before { width: 0; } .mk-ornamental-title.rovi-double .title .title-text .line-left, .mk-ornamental-title.rovi-double .title .title-image .line-left, .mk-ornamental-title.rovi-double .title .title-text .line-right, .mk-ornamental-title.rovi-double .title .title-image .line-right { height: 0; } .mk-ornamental-title .title .title-text, .mk-ornamental-title .title .title-image { padding: 0; border-width: 0px !important; } .mk-ornamental-title.norman-short-single .title, .mk-ornamental-title.norman-short-double .title { margin: 0; } } /* For bulletproof centering via flexbox, columns should be wrapper by row, pretty much as table */ .mk-page-section-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-left: -15px; margin-right: -15px; } .mk-page-section { position: relative; /*overflow: hidden; */ /*do not add it back as it will bring issues with intentionally overflowing elements like dropdowns */ width: 100%; } .mk-page-section[data-intro-effect=false] { /* will-change: position; Fixes AM-2419 */ z-index: 99; /* Fixes AM-1836 */ } .mk-page-section:not(.mk-adaptive-height):not(.intro-true) { height: auto !important; /* important declaration for IE issue */ } .mk-page-section-inner { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; will-change: position; /* Fix shape divider gap on scroll in Chrome - JPM-1180 */ } /* * Makes page section inner div half if page section layout is half. * The below codes have been added to enable Overlay Mask * in page section half layout. */ .mk-page-section:not(.full_layout) .mk-page-section-inner { width: 50%; } @media handheld, only screen and (max-width: 767px) { .mk-page-section:not(.full_layout) .mk-page-section-inner { width: 100%; height: 500px; } } /* Nested rows inside page section creates overflows in full width layout. */ body:not(.compose-mode) .mk-page-section.full_layout { overflow: hidden; } .mk-page-section.drop-top-shadow { -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3); } .mk-page-section .vc_row-fluid { position: relative; } .mk-page-section .theme-content { padding: 0 20px; } .mk-page-section.full-height-true { min-height: 300px; } .mk-page-section .mk-main-wrapper-holder { width: 100%; } .mk-page-section .background-layer { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0px); transform: translateZ(0px); } .IE .mk-page-section .background-layer, .Edge .mk-page-section .background-layer, .IE .mk-page-section .mk-color-layer, .Edge .mk-page-section .mk-color-layer { background-color: transparent !important; overflow-x: hidden; /* Fix white space issue - JPM-1398 */ } html:not(.IE):not(.Edge) .mk-page-section .mk-color-layer { background-color: transparent !important; } .multiply-blend-effect { -webkit-background-blend-mode: multiply; background-blend-mode: multiply; } .screen-blend-effect { -webkit-background-blend-mode: screen; background-blend-mode: screen; } .overlay-blend-effect { -webkit-background-blend-mode: overlay; background-blend-mode: overlay; } .darken-blend-effect { -webkit-background-blend-mode: darken; background-blend-mode: darken; } .lighten-blend-effect { -webkit-background-blend-mode: lighten; background-blend-mode: lighten; } .soft-light-blend-effect { -webkit-background-blend-mode: soft-light; background-blend-mode: soft-light; } .luminosity-blend-effect { -webkit-background-blend-mode: luminosity; background-blend-mode: luminosity; } @media handheld, only screen and (max-width: 1024px) { .mk-page-section .background-layer { background-attachment: scroll !important; position: absolute !important; } } .mk-page-section .background-clipper { position: absolute; top: 0; left: 0; clip: rect(auto auto auto auto); width: 100%; height: 100%; overflow: hidden; } .mk-page-section .mk-skip-to-next { z-index: 10; line-height: 44px; } .page-section-fullwidth { width: 100%; } .page-section-fullwidth .vc_col-sm-12 { padding-left: 0 !important; padding-right: 0 !important; } .mk-half-layout { width: 50%; height: 100%; position: absolute; top: 0; background-position: center center; background-size: cover; -webkit-background-size: cover; } .mk-half-layout.half_left_layout { left: 0; } .mk-half-layout.half_right_layout { right: 0; } @media handheld, only screen and (max-width: 767px) { .mk-half-layout { width: 100%; height: 500px; } } .mk-video-mask { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAQAAABeK7cBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDJGNjNCMTIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDJGNjNCMjIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMkY2M0FGMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwMkY2M0IwMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u9pXkwAAAA1JREFUGFdjYGjObAYAAuMBcKaqKb0AAAAASUVORK5CYII=); } .mk-half-layout-container { position: relative; padding-left: 20px; padding-right: 20px; } .mk-half-layout-container { width: 50%; margin: 0; } .mk-half-layout-inner { margin: 0 5%; } .mk-half-layout-container.half_left_layout { float: right; margin-left: auto; } .mk-half-layout-container.half_right_layout { float: left; } @media handheld, only screen and (max-width: 767px) { .mk-half-layout-container { width: auto !important; margin: 0; padding-top: 530px !important; padding-left: 20px; padding-right: 20px; float: none !important; } } .mk-video-section-touch { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; } @media only screen and (min-device-width: 320px) and (max-width: 1024px) { .mk-page-section { background-position: center !important; background-attachment: scroll !important; } .mk-section-video { display: none !important; } .mk-video-section-touch { display: block !important; } } .mk-page-section-loader { background-color: #ffffff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .mk-page-section-loader .mk-preloader { top: 50%; } .mk-blend-layer { width: 100%; height: 100%; background-size: cover; background-position: center; } /* * AM-2074 - Add vertical alignment option to Page Section Settings */ @media (min-width: 850px) { .full-width-2 .fluid-width-equal-height-columns { height: 100%; } .mk-page-section .fluid-width-equal-height-columns .mk-half-layout-inner .wpb_column.column_container > div, .mk-page-section .fluid-width-equal-height-columns .mk-padding-wrapper .wpb_column.column_container > div { display: table; table-layout: fixed; width: 100%; margin: 0 !important; } .mk-page-section .fluid-width-equal-height-columns.vertical-align-center .mk-half-layout-inner .wpb_column.column_container > div > div, .mk-page-section .fluid-width-equal-height-columns.vertical-align-center .mk-padding-wrapper .wpb_column.column_container > div > div { display: table-cell; vertical-align: middle; } .mk-page-section .fluid-width-equal-height-columns.vertical-align-center .mk-half-layout-inner .wpb_column.column_container > div > div.vc_controls-element.vc_controls, .mk-page-section .fluid-width-equal-height-columns.vertical-align-center .mk-padding-wrapper .wpb_column.column_container > div > div.vc_controls-element.vc_controls { position: relative; width: 0; height: 0; left: -50%; } .mk-page-section .fluid-width-equal-height-columns.vertical-align-top .mk-half-layout-inner .wpb_column.column_container > div > div, .mk-page-section .fluid-width-equal-height-columns.vertical-align-top .mk-padding-wrapper .wpb_column.column_container > div > div { display: table-cell; vertical-align: top; } .mk-page-section .fluid-width-equal-height-columns.vertical-align-top .mk-half-layout-inner .wpb_column.column_container > div > div.vc_controls-element.vc_controls, .mk-page-section .fluid-width-equal-height-columns.vertical-align-top .mk-padding-wrapper .wpb_column.column_container > div > div.vc_controls-element.vc_controls { position: relative; width: 0; height: 0; left: -50%; } .mk-page-section .fluid-width-equal-height-columns.vertical-align-bottom .mk-half-layout-inner .wpb_column.column_container, .mk-page-section .fluid-width-equal-height-columns.vertical-align-bottom .mk-padding-wrapper .wpb_column.column_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .mk-page-section .vc_row-fluid { z-index: 10; } .mk-video-mask, .mk-video-color-mask { z-index: 3; } .mk-video-preload { z-index: 2; } .mk-section-video { z-index: 1; } .mk-section-video video { z-index: 1; } .mk-section-image { z-index: 1; } .mk-half-layout-container { z-index: 5; } .mk-video-section-touch { z-index: 2; } .mk-page-section-loader { z-index: 20; } .mk-section-video { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; min-height: 100%; z-index: 2; -webkit-transform-style: preserve-3d; } .mk-section-video .video-social-hosted { display: inline-block; /* let it be styled thusly */ padding: 0; /* get rid of pre-styling */ margin: 0; width: 100%; padding-top: 56.25%; /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */ height: 0px; /* don't want it to expand beyond padding */ position: relative; } .mk-section-video video { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; } .mk-section-video iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .mk-video-mask, .mk-video-color-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mk-video-color-mask { opacity: .7; } .mk-video-preload { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .mk-section-image { position: absolute; top: 0; left: 0; overflow: hidden; min-width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-position: center; background-size: cover; } .mk-shape-divider { width: 100%; display: block; position: absolute; left: 0; z-index: 10; } .mk-shape-divider--stick-bottom { bottom: 0; } .mk-shape-divider--stick-top { top: 0; } .mk-shape-divider .shape__container { position: relative; overflow: hidden; } .mk-shape-divider .shape__container .shape { width: 100%; } .mk-shape-divider .shape__container .shape svg { display: block; } .mk-shape-divider.speech-bottom-style .shape__container .shape, .mk-shape-divider.speech-top-style .shape__container .shape { width: 100%; } .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style .shape__container .shape .speech-right { width: 50%; } .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style .shape__container .shape .speech-left { float: left; } .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style .shape__container .shape .speech-right { float: right; } .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right { height: 35px; } .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right { height: 60px; } .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left { border-top-right-radius: 35px; } .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right { border-top-left-radius: 35px; } .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left { border-top-right-radius: 60px; } .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right { border-top-left-radius: 60px; } .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left { border-bottom-right-radius: 35px; } .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right { border-bottom-left-radius: 35px; } .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left { border-bottom-right-radius: 60px; } .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right { border-bottom-left-radius: 60px; } /* Page Title Box -------------------------------------------------------------------- */ .mk-effect-wrapper { overflow: hidden; position: relative; } .mk-page-title-box { text-align: center; display: table; width: 100%; height: 100%; } .mk-page-title-box .mk-effect-bg-layer { position: absolute; height: 120%; width: 100%; top: -20%; left: 0; -webkit-transform: tranzlateZ(0); transform: tranzlateZ(0); -webkit-transform-origin: top center; transform-origin: top center; } .mk-page-title-box .mk-effect-bg-layer .mk-effect-gradient-layer { position: absolute; top: 1px; left: 0; width: 100%; height: 100%; opacity: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); background-color: rgba(255, 255, 255, 0); } .mk-page-title-box .mk-page-title-box-content { display: table-cell; vertical-align: middle; position: relative; } .mk-page-title-box .mk-page-title-box-subtitle { margin-bottom: 0; } .mk-page-title-box .mk-page-title-box-title { letter-spacing: 1px; display: inline-block; } .mk-page-title-box .mk-page-title-box-title.mk-page-title-box-title--underline { position: relative; } .mk-page-title-box .mk-page-title-box-title.mk-page-title-box-title--underline:after { display: block; content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 3px; } @media handheld, only screen and (max-width: 480px) { .mk-page-title-box:not(.mk-page-title-box--forcefont) .mk-page-title-box-title { font-size: 9vw !important; word-break: break-word; } .mk-page-title-box:not(.mk-page-title-box--forcefont-subtitle) .mk-page-title-box-subtitle { font-size: 18px !important; } } /* * Background-position and Transform techniques tested and compared. * * Background-position is smooth in Chrome but laggy in other browsers, * It also causes performance issue. * * Transform is a bit laggy in Chrome but smooth in other browsers. It's a Chrome issue. * No performance issue found. */ /*.mk-photo-roller, .mk-photo-roller-frame { will-change: transform; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }*/ .mk-photo-roller { width: 100%; overflow: hidden; position: relative; } .mk-photo-roller-frame { width: 100%; position: relative; -webkit-animation: mk-photo-roller-horizontal 30s infinite linear; animation: mk-photo-roller-horizontal 30s infinite linear; } .mk-photo-roller-frame.mk-vertical { -webkit-animation: mk-photo-roller-vertical 30s infinite reverse linear; animation: mk-photo-roller-vertical 30s infinite reverse linear; } @media (max-width: 993px) { .mk-photo-roller div.mk-photo-roller-frame.mk-vertical { width: 100%; } } .mk-photo-roller-frame:after { content: ""; height: 100%; width: 500%; position: absolute; left: 0; top: 0; background-size: 20% 100%; } .mk-photo-roller-frame.mk-vertical:after { height: 500%; background-size: auto 20%; } .mk-photo-roller-frame.mk-reverse-direction { animation-direction: reverse; } .mk-photo-roller-frame.mk-vertical.mk-reverse-direction { -webkit-animation-direction: normal; animation-direction: normal; } .mk-photo-roller-frame.mk-pause-hover:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .mk-photo-roller-frame-img { width: 100%; } @-webkit-keyframes mk-photo-roller-horizontal { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @keyframes mk-photo-roller-horizontal { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @-webkit-keyframes mk-photo-roller-vertical { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } @keyframes mk-photo-roller-vertical { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(-200%); transform: translateY(-200%); } } .ajax-container { position: relative; overflow: hidden; height: 0; margin: 0 auto; opacity: 0; } .ajax_project { padding: 20px; margin-bottom: 20px; border: 1px solid #dddddd; border-top: none; } .ajax-controls { border: 1px solid #dddddd; overflow: hidden; margin-top: 20px; } .ajax-controls a { float: right; width: 37px; height: 37px; text-align: center; border-left: 1px solid #dddddd; } .ajax-controls svg { height: 16px; fill: #bbbbbb; -webkit-transform: translateY(8px); transform: translateY(8px); } .ajax-controls a:hover svg { fill: #222222; } @media handheld, only screen and (max-width: 960px) { .ajax-portfolio-share.portfolio-social-share { text-align: center; } .ajax-portfolio-share.portfolio-social-share .blog-share-container { float: none !important; } .ajax-portfolio-share.portfolio-social-share.single-social-section .single-share-box { left: -120px !important; right: auto !important; bottom: -60px !important; width: 180px !important; } .ajax-portfolio-share.portfolio-social-share.single-social-section .single-share-box:before { display: none !important; } } .portfolio-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; } .portfolio-loader .mk-preloader { position: relative; left: auto; margin: 0; top: auto; } .portfolio-loader > div { background: #ffffff; border-radius: 50%; padding: 10px; left: 50%; margin-left: -30px; margin-top: -30px; position: absolute; top: 50%; } .portfolio-grid { overflow: hidden; } .mk-fullwidth-true .mk-portfolio-container.mk-portfolio-grid { width: 100.5% !important; } .mk-portfolio-classic-item { float: left; } .mk-portfolio-classic-item { margin-top: 20px; } .mk-portfolio-classic-item .item-holder { margin: 0 10px 20px 10px; background-color: #ffffff; border: 1px solid #efefef; overflow: hidden; } .mk-portfolio-classic-item .the-title { padding: 0 !important; } .mk-portfolio-classic-item .hover-icon { position: absolute; top: 50%; display: block; margin-top: -22px; opacity: 0; padding: 6px 10px; border-radius: 2px; text-align: center; } .mk-portfolio-classic-item .mk-svg-icon { fill: #ffffff; height: 32px; width: 32px; overflow: visible; } .mk-portfolio-classic-item .from-left { margin-left: -50px; right: auto; left: 45%; } .mk-portfolio-classic-item .from-right { margin-right: -50px; right: 45%; } .mk-portfolio-classic-item .from-right.move-to-right { margin-right: -20px !important; } .mk-portfolio-classic-item .featured-image { position: relative; } .mk-portfolio-classic-item .featured-image img { position: relative; width: 100%; } .mk-portfolio-classic-item .featured-image:hover .hover-icon, .mk-portfolio-classic-item .featured-image.hover .hover-icon { opacity: 1; } .mk-portfolio-classic-item .featured-image:hover .from-left, .mk-portfolio-classic-item .featured-image.hover .from-left { left: 50%; } .mk-portfolio-classic-item .featured-image:hover .from-right, .mk-portfolio-classic-item .featured-image.hover .from-right { right: 50%; } .mk-portfolio-classic-item .featured-image:hover .image-hover-overlay, .mk-portfolio-classic-item .featured-image.hover .image-hover-overlay { opacity: 0.8; } .portfolio-meta-wrapper { padding: 20px; } .portfolio-meta-wrapper .the-title { line-height: 20px !important; margin-bottom: 8px; font-size: 14px !important; } .portfolio-meta-wrapper .the-title a { text-transform: uppercase; letter-spacing: 1px; } .portfolio-meta-wrapper .portfolio-categories a { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; } .portfolio-meta-wrapper .the-excerpt { margin-top: 10px; margin-bottom: 0; opacity: 0.8; } .mk-portfolio-grid-item { float: left; overflow: hidden; } .mk-portfolio-masonry-item .the-title a, .mk-portfolio-grid-item .the-title a { color: #fff; } .mk-fullwidth-false .mk-portfolio-grid-item.six-column .portfolio-meta { display: none; } .mk-fullwidth-true .mk-portfolio-grid-item.two-column { width: 49.96%; } /* Lazyload */ .portfolio-grid-lazyload .portfolio-image { background-color: #e0e0e0; } /* I'm comment this because if we are using /* with dashboard it's showing empty space on right side. /*******************************/ .mk-fullwidth-true .mk-portfolio-grid-item.five-column { width: 19.96%; } .mk-fullwidth-true .mk-portfolio-grid-item.six-column { width: 16.6666666666667%; } .mk-portfolio-container { -webkit-transition: height 0.3s 0.3s; transition: height 0.3s 0.3s; /*margin-bottom: 20px;*/ } .mk-portfolio-container:after, .mk-portfolio-container:before { content: " "; display: table; } .mk-portfolio-container:after { clear: both; } .mk-portfolio-container.grid-spacing-true .one-column { margin: 0 !important; } .mk-portfolio-container.grid-spacing-true .four-column { width: 25%; } .mk-isotop-item { float: left; } .mk-portfolio-masonry-item { position: relative; width: 12.5%; overflow: hidden; border-top-width: 0; border-style: solid; border-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width: 25%; } .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_three_x_two_x { width: 37.5%; } .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_four_x_two_x { width: 50%; } .mk-portfolio-masonry-item .item-holder { margin: 0; } @media handheld, only screen and (max-width: 1280px) { .mk-portfolio-masonry-item.size_x_x, .mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_three_x_two_x { width: 25%; } .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width: 25%; } .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width: 50%; } } @media handheld, only screen and (max-width: 1140px) { .mk-portfolio-masonry-item.size_x_x, .mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_three_x_two_x { width: 50%; } .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width: 50%; } .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_four_x_two_x { width: 100%; } } @media handheld, only screen and (max-width: 850px) { .mk-portfolio-masonry-item.size_x_x, .mk-portfolio-masonry-item.size_x_two_x { width: 50%; } .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width: 100%; } .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_three_x_two_x { width: 100%; } .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_four_x_two_x { width: 100%; } } @media handheld, only screen and (max-width: 767px) { .mk-portfolio-masonry-item { width: 100% !important; } } .mk-portfolio-masonry-item .featured-image { line-height: 4px; position: relative; } .mk-portfolio-masonry-item .featured-image > img { max-width: 100%; width: 100% !important; } .single-featured-image, .mk-portfolio-video { margin-bottom: 20px; } .portfolio-social-share { margin-bottom: 20px; padding-bottom: 20px; } .portfolio-social-share.single-social-section .single-share-box { left: -220px !important; } @media handheld, only screen and (max-width: 960px) { .portfolio-social-share.single-social-section .single-share-box { right: -200px; left: auto !important; } } .portfolio-title { display: block; font-size: 26px !important; padding-bottom: 10px; margin-bottom: 5px; border-bottom: 3px solid #dddddd; } .portfolio-single-cat { float: left; margin-bottom: 20px; font-weight: bold; text-transform: uppercase; font-size: 13px; } .portfolio-desc { margin-bottom: 20px; padding-right: 40px; } .portfolio-single-content { margin-bottom: 40px; } .portfolio-similar-posts { padding: 60px 0; border-top: 1px solid #dfe2e5; background-color: rgba(0, 0, 0, 0.03); } .portfolio-similar-posts .similar-post-title { font-size: 16px; text-transform: uppercase; color: #3f3f3f; margin-bottom: 50px; text-align: center; letter-spacing: 3px; } .portfolio-similar-posts ul { margin: 0; padding: 0; line-height: 4px; text-align: center; width: 100%; } .portfolio-similar-posts ul li { display: inline-block; margin: 0; padding: 0; width: 25%; } @media handheld, only screen and (max-width: 960px) { .portfolio-similar-posts ul li { width: 33.33%; } } @media handheld, only screen and (max-width: 780px) { .portfolio-similar-posts ul li { width: 50%; } } @media handheld, only screen and (max-width: 550px) { .portfolio-similar-posts ul li { width: 100%; } } .portfolio-similar-posts-image { position: relative; line-height: 4px; } .portfolio-similar-posts-image .modern-post-type-icon { top: 4%; display: block; width: 100%; left: 0; margin-left: 0 !important; padding: 20px 0; position: absolute; opacity: 0; text-align: center; line-height: 100px; color: #fff; z-index: 50; -webkit-transition: opacity .3s, top .3s; transition: opacity .3s, top .3s; } .portfolio-similar-posts-image .modern-post-type-icon svg { height: 48px; overflow: visible; } .portfolio-similar-posts-image img { width: 100%; max-width: 100%; position: relative; } /*.portfolio-similar-posts-image .image-hover-overlay { background-color: #000000 !important; }*/ .portfolio-similar-posts-image .portfolio-similar-meta { bottom: 0; } .portfolio-similar-posts-image:hover .portfolio-similar-meta { opacity: 1; bottom: 10px; } .portfolio-similar-posts-image:hover .modern-post-type-icon { opacity: 1; top: 7%; } .portfolio-similar-posts-image:hover .image-hover-overlay { opacity: .8; } .portfolio-similar-meta { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 20px; line-height: 22px; opacity: 0; } .portfolio-similar-meta .the-title { color: #ffffff; font-size: 14px; line-height: 18px; font-weight: bold; } .portfolio-similar-meta .portfolio-categories { color: #ffffff; } #mk-filter-portfolio ul { margin: 0; padding: 0; list-style: none; float: left; display: inline-block; width: 100%; } #mk-filter-portfolio ul.align-left { text-align: left; } #mk-filter-portfolio ul.align-center { text-align: center; } #mk-filter-portfolio ul.align-right { text-align: right; } #mk-filter-portfolio ul li { display: inline-block; margin: 0 10px 10px 0; } #mk-filter-portfolio.sortable-classic-style { padding: 40px 0; } #mk-filter-portfolio.sortable-classic-style ul li { margin: 8px; } #mk-filter-portfolio.sortable-classic-style ul li a { padding: 14px 16px; line-height: 13px; font-size: 13px; color: #333333; color: #323232; display: block; letter-spacing: 1px; } #mk-filter-portfolio.sortable-classic-style ul li a.current { background-color: #969696; background-color: rgba(0, 0, 0, 0.08); border-radius: 2px; } #mk-filter-portfolio.sortable-outline-style { padding: 30px 0px; } #mk-filter-portfolio.sortable-outline-style.portfolio-fiter-classic { margin-bottom: 20px; } #mk-filter-portfolio.sortable-outline-style ul li { margin: 8px; } #mk-filter-portfolio.sortable-outline-style ul li a { padding: 11px 12px; line-height: 13px; font-size: 13px; font-weight: bold; display: block; border: 2px solid transparent; letter-spacing: 1px; position: relative; } /* AM-2597 */ .compose-mode .mk-portfolio-item .project-load, .compose-mode .portfolio-meta-wrapper a, .compose-mode .portfolio-meta a { cursor: not-allowed; } .compose-mode .mk-portfolio-item .project-load:active, .compose-mode .portfolio-meta-wrapper a:active, .compose-mode .portfolio-meta a:active { pointer-events: none; } .portfolio-loader { z-index: 10000; } .portfolio-loader > div { z-index: 10000; } .mk-portfolio-classic-item .featured-image img { z-index: 10; } .mk-portfolio-classic-item .featured-image .image-hover-overlay { z-index: 11; } .mk-portfolio-classic-item .hover-icon { z-index: 20; } .mk-portfolio-item.fadebox-hover .portfolio-meta { z-index: 20; } .mk-portfolio-item.fadebox-hover .featured-image:after { z-index: 10; } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder { z-index: 13; } .mk-portfolio-item.slidebox-hover .portfolio-meta { z-index: 20; } .mk-portfolio-item.slidebox-hover .icons-holder { z-index: 21; } .mk-portfolio-item.slidebox-hover .image-hover-overlay { z-index: 12; } .mk-portfolio-item.zoomin-hover .portfolio-meta { z-index: 20; } .mk-portfolio-item.zoomin-hover .icons-holder { z-index: 13; } .mk-portfolio-item.zoomin-hover .image-hover-overlay { z-index: 11; } .mk-portfolio-item.zoomout-hover .icons-holder { z-index: 10; } .mk-portfolio-item.zoomout-hover .portfolio-meta { z-index: 10; } .mk-portfolio-item.zoomout-hover .icons-holder { z-index: 10; } .mk-portfolio-item.zoomout-hover .featured-image img { z-index: 11; } .mk-portfolio-item.zoomout-hover .image-hover-overlay { z-index: 4; } .mk-portfolio-item.zoomout-hover .featured-image:hover .portfolio-meta { z-index: 12; } .mk-portfolio-item.zoomout-hover .featured-image:hover .icons-holder { z-index: 13; } .mk-portfolio-item.cube-hover .portfolio-meta { z-index: 10; } .mk-portfolio-item.cube-hover .icons-holder { z-index: 10; } .mk-portfolio-item.cube-hover .featured-image img { z-index: 11; } .mk-portfolio-item.cube-hover .image-hover-overlay { z-index: 4; } .mk-portfolio-item.cube-hover .featured-image:hover .portfolio-meta { z-index: 12; } .mk-portfolio-item.cube-hover .featured-image:hover .icons-holder { z-index: 13; } .mk-portfolio-item.light-zoomin-hover .portfolio-meta { z-index: 20; } .mk-portfolio-item.light-zoomin-hover .icons-holder { z-index: 13; } .mk-portfolio-item.light-zoomin-hover .image-hover-overlay { z-index: 11; } .mk-portfolio-item .featured-image img { z-index: 10; } .mk-portfolio-item .featured-image .hover-overlay { z-index: 11; } [data-photoalbum-images="[null]"] { pointer-events: none; } /** * Utils * ==================================================================================*/ .full-height-width { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .item-hidden { opacity: 0; visibility: hidden; } .item-visible { opacity: 1; visibility: visible; } .album-transition-opacity-02s { -webkit-transition: opacity .2s; transition: opacity .2s; } /** * General Photo Album Style * ==================================================================================*/ .mk-photo-album { direction: ltr; text-align: center; } .mk-photo-album .mk-album-item { position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .mk-photo-album figure { position: relative; overflow: hidden; } .mk-photo-album figure .album-cover-image { width: 100%; } .mk-photo-album figure .item-blur-thumbnail { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; z-index: 2; } .mk-photo-album.anim-cover-slide .mk-album-item .album-cover-image { max-width: initial; width: calc(100% + 50px); transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } .mk-photo-album .mk-album-link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 50; } .mk-photo-album .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; opacity: 0; visibility: hidden; } .mk-photo-album .overlay.anim-fade_in { -webkit-transition: opacity .2s, visibility .2s; transition: opacity .2s, visibility .2s; } .mk-photo-album .overlay.anim-ripple { transition: opacity .2s, visibility .2s, -webkit-transform .7s; -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .7s; transition: opacity .2s, visibility .2s, transform .7s; transition: opacity .2s, visibility .2s, transform .7s, -webkit-transform .7s; width: 100px; height: 100px; border-radius: 50%; -webkit-transform: scale(0.1); transform: scale(0.1); top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; } .mk-photo-album figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 4; } .mk-photo-album .album-sneak-peak { position: relative; z-index: 20; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: opacity .2s, visibility .2s; transition: opacity .2s, visibility .2s; } .mk-photo-album .album-sneak-peak .album-sneak-item { height: 100%; } .mk-photo-album .album-sneak-peak .album-sneak-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mk-photo-album .album-sneak-peak .album-sneak-item img { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .mk-photo-album .album-sneak-peak.diamond { width: 100%; display: block; height: 100%; } .mk-photo-album .album-sneak-peak.diamond svg { width: 0; height: 0; } .mk-photo-album .album-sneak-peak.diamond .album-sneak-item { display: none; } .mk-photo-album .album-sneak-peak.diamond .album-sneak-item .diamond-clip { height: 80%; width: auto; max-width: 100%; -webkit-clip-path: url("#polygon-clip-rhombus"); clip-path: url("#polygon-clip-rhombus"); -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .mk-photo-album .album-sneak-peak.diamond .album-sneak-item:first-child { position: relative; z-index: 3; display: block; } .mk-photo-album .album-sneak-peak.diamond .album-sneak-item:nth-child(2), .mk-photo-album .album-sneak-peak.diamond .album-sneak-item:last-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mk-photo-album .album-sneak-peak.diamond .album-sneak-item:nth-child(2) { z-index: 2; } .mk-photo-album .album-sneak-peak.diamond .album-sneak-item:last-child { z-index: 1; } .mk-photo-album .album-sneak-peak.circle, .mk-photo-album .album-sneak-peak.rectangle { display: inline-block; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item, .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item { max-width: 150px; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item img, .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item img { border: 2px solid #ffffff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); } .mk-photo-album .album-sneak-peak.rectangle { height: 70%; } .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item { position: relative; transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item img { position: relative; width: 30%; max-width: 150px; } .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:first-child { z-index: 23; left: 20%; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:first-child img { top: 10%; } .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:nth-child(2) { z-index: 22; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition-delay: .02s; transition-delay: .02s; } .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:nth-child(2) img { max-width: 90%; top: -5%; } .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:last-child { z-index: 21; text-align: left; left: -20%; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); -webkit-transition-delay: .04s; transition-delay: .04s; } .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:last-child img { max-width: 80%; top: 5%; } .mk-photo-album .album-sneak-peak.circle { height: 70%; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item { position: relative; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item img { border-radius: 50%; width: 30%; max-width: 150px; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:nth-child(2), .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child { -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child { z-index: 21; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child img, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child img { -webkit-transform: scale(0.75); transform: scale(0.75); } .mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child { text-align: right; right: -25px; -webkit-transition-delay: .02s; transition-delay: .02s; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child { text-align: left; left: -25px; } .mk-photo-album .album-sneak-peak.circle .album-sneak-item:nth-child(2) { z-index: 22; -webkit-transition-delay: .04s; transition-delay: .04s; } .mk-photo-album .item-meta { opacity: 0; visibility: hidden; text-align: center; padding: 30px; width: 100%; position: absolute; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 30; } .mk-photo-album .item-meta .the-title, .mk-photo-album .item-meta .description { color: #ffffff !important; margin: 0; padding: 0; position: relative; z-index: 2; text-align: center; } .mk-photo-album .item-meta .the-title { margin-bottom: 10px; } .mk-photo-album .item-meta:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mk-photo-album .item-meta.bar:after { content: ''; background-color: #000000; opacity: .8; z-index: 1; } .mk-photo-album .item-meta.gradient:after { content: ''; background: rgba(0, 0, 0, 0); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); } .mk-photo-album .item-meta.anim-fade_in { -webkit-transition: opacity .2s, visibility .2s; transition: opacity .2s, visibility .2s; } .mk-photo-album .item-meta.anim-slide_from_bottom { -webkit-transform: translate3D(0, 20px, 0); transform: translate3D(0, 20px, 0); transition: opacity .2s, visibility .2s, -webkit-transform .3s; -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .3s; transition: opacity .2s, visibility .2s, transform .3s; transition: opacity .2s, visibility .2s, transform .3s, -webkit-transform .3s; } .mk-photo-album .item-meta.anim-scale_in { -webkit-transform: scale(0.9); transform: scale(0.9); transition: opacity .2s, visibility .2s, -webkit-transform .3s; -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .3s; transition: opacity .2s, visibility .2s, transform .3s; transition: opacity .2s, visibility .2s, transform .3s, -webkit-transform .3s; } .mk-photo-album .item-meta.anim-scale_in:after { -webkit-transform: scale(1.1); transform: scale(1.1); } .mk-photo-album.img-hover-anim-blur .mk-album-item figure:hover .item-blur-thumbnail { opacity: 1; } .mk-photo-album .mk-album-item figure:hover .album-cover-image { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mk-photo-album .mk-album-item figure:hover .overlay.anim-fade_in { opacity: 1; visibility: visible; } .mk-photo-album .mk-album-item figure:hover .overlay.anim-ripple { opacity: 1; visibility: visible; -webkit-transform: scale(10); transform: scale(10); } .mk-photo-album .mk-album-item figure:hover .item-meta.anim-fade_in { opacity: 1; visibility: visible; } .mk-photo-album .mk-album-item figure:hover .item-meta.anim-slide_from_bottom { opacity: 1; visibility: visible; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } .mk-photo-album .mk-album-item figure:hover .item-meta.anim-scale_in { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .mk-photo-album .mk-album-item figure:hover .album-sneak-peak { opacity: 1; visibility: visible; } .mk-photo-album .mk-album-item figure:hover .album-sneak-peak.rectangle .album-sneak-item { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mk-photo-album.without-hover-thumbnail .album-sneak-peak.rectangle .album-sneak-item { transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; } .mk-photo-album .mk-album-item figure:hover .album-sneak-peak.circle .album-sneak-item { -webkit-transform: scale(1); transform: scale(1); } .mk-photo-album.without-hover-thumbnail .album-sneak-peak.circle .album-sneak-item { transform: scale(1) !important; -ms-transform: scale(1) !important; -webkit-transform: scale(1) !important; } .mk-photo-album.without-hover-title .item-meta { opacity: 1; visibility: visible; } .mk-photo-album.without-hover-thumbnail .album-sneak-peak { opacity: 1; visibility: visible; } .mk-photo-album.without-hover-thumbnail .album-sneak-peak .album-sneak-item { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mk-photo-album.without-hover-overlay .overlay { opacity: 1; visibility: visible; } /*Photo album responsive*/ @media handheld, only screen and (max-width: 1024px) { .mk-photo-album .mk--col.mk--col--3-12, .mk-photo-album .mk--col.mk--col--4-12, .mk-photo-album .mk--col.mk--col--6-12, .mk-photo-album .mk--col.mk--col--12-12 { width: 50%; } } @media handheld, only screen and (max-width: 767px) { .mk-photo-album .mk--col.mk--col--3-12, .mk-photo-album .mk--col.mk--col--4-12, .mk-photo-album .mk--col.mk--col--6-12, .mk-photo-album .mk--col.mk--col--12-12 { width: 100%; } } /** * General Photo Album Slider Style * ==================================================================================*/ .admin-bar .slick-slider-wrapper { top: 32px; } @media (max-width: 768px) { .admin-bar .slick-slider-wrapper { top: 46px; } .admin-bar .slick-slides { height: calc(100vh - 156px) !important; } } .slick-slider-wrapper { position: fixed; left: 0; top: 0; background-color: #000000; z-index: 9999; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; direction: ltr; } .slick-slider-wrapper.is-active { opacity: 1; } .slick-slider-wrapper .slick-header { height: 70px; } .slick-slider-wrapper .slick-header .slick-title { line-height: 70px; display: inline-block; font-weight: bold; font-size: 22px; margin-left: 45px; color: #ffffff; } .slick-slider-wrapper .slick-header .slick-close-icon { display: inline-block; position: absolute; right: 35px; top: 35px; margin-top: -17px; -webkit-transition: opacity .2s; transition: opacity .2s; } .slick-slider-wrapper .slick-header .slick-close-icon svg { display: block; } .slick-slider-wrapper .slick-header .slick-close-icon:hover { opacity: .7; } .slick-slider-wrapper .slick-slides { height: calc(100vh - 110px); } .admin-bar .slick-slider-wrapper .slick-slides { height: calc(100vh - 142px); } .slick-slider-wrapper .slick-slides .slick-list, .slick-slider-wrapper .slick-slides .slick-track { height: 100%; overflow: hidden; } .slick-slider-wrapper .slick-slides .slick-slide { display: block; float: left; outline: none; opacity: .2; -webkit-transition: opacity .2s; transition: opacity .2s; height: 100%; } .slick-slider-wrapper .slick-slides .slick-slide.slick-active { opacity: 1; } .slick-slider-wrapper .slick-slides .slick-arrow { position: absolute; top: 50%; display: block; margin-top: -32px; z-index: 9998; -webkit-transition: opacity .2s; transition: opacity .2s; } .slick-slider-wrapper .slick-slides .slick-arrow svg { display: block; } .slick-slider-wrapper .slick-slides .slick-arrow.slick-prev { left: 50px; } .slick-slider-wrapper .slick-slides .slick-arrow.slick-next { right: 50px; } .slick-slider-wrapper .slick-slides .slick-arrow:hover { opacity: .7; } .slick-slider-wrapper .slick-slides .slick-dots { position: absolute; height: 40px; text-align: center; margin: 0; z-index: 9998; width: 100%; } .slick-slider-wrapper .slick-slides .slick-dots li { display: inline-block; width: 95px; height: 95px; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity 0.2s, -webkit-transform 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; margin-left: 0; opacity: 0.5; } .slick-slider-wrapper .slick-slides .slick-dots li .slick-dot { width: 100%; height: 100%; background-position: center center; background-size: cover; } .slick-slider-wrapper .slick-slides .slick-dots li:hover, .slick-slider-wrapper .slick-slides .slick-dots li.slick-active { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } .slick-slider-wrapper .slick-slide img { width: auto; } /* FOOTER */ .slick-footer { height: 39px; border-top: 1px solid rgba(255, 255, 255, 0.2); text-align: right; } .slick-footer .footer-box { float: right; border-left: 1px solid rgba(255, 255, 255, 0.2); width: 39px; height: 39px; position: relative; z-index: 9999; } .slick-footer .footer-box .slick-minimize, .slick-footer .footer-box .slick-pause { position: absolute; top: 0; left: 0; } .slick-footer .footer-box .slick-social-share { position: absolute; right: 100%; top: 0; height: 40px; width: 100px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity .2s, -webkit-transform .4s; -webkit-transition: opacity .2s, -webkit-transform .4s; transition: opacity .2s, transform .4s; transition: opacity .2s, transform .4s, -webkit-transform .4s; } .slick-footer .footer-box .slick-social-share.jupiter-donut-is-hidden { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } .slick-footer .footer-box .slick-social-share a { display: inline-block; float: left; width: 29px; height: 39px; line-height: 39px; } .slick-footer .footer-box .slick-social-share a svg { fill: #ffffff; vertical-align: middle; } .slick-footer .footer-box .slick-social-share a:hover { opacity: .7; } .slick-footer .footer-box > a { display: inline-block; width: 39px; height: 39px; line-height: 45px; text-align: center; -webkit-transition: opacity .2s, visibility .2s; transition: opacity .2s, visibility .2s; } .slick-footer .footer-box > a svg { display: inline-block; } .slick-footer .footer-box > a:hover { opacity: .7; } .slick-footer .jupiter-donut-is-hidden { opacity: 0; visibility: hidden; } .slick-header, .slick-slider, .slick-footer { background: #000; } .slick-nav-holder, .slick-footer > a { position: relative; width: 100% !important; height: 100% !important; } @media handheld, only screen and (max-width: 1024px) { .slick-footer .footer-box .slick-pause { position: static; } .slick-slider-wrapper .slick-slides .slick-arrow:hover { opacity: 1; } .slick-slider-wrapper .slick-slides .slick-arrow:hover svg { opacity: .7; } .slick-slider-wrapper .slick-slides .slick-dots, .gallery-full-screen { display: none !important; } .slick-footer { height: 0; border: none; } .slick-slider-wrapper .slick-slides { height: calc(100% - 70px); } .admin-bar .slick-slider-wrapper .slick-slides { height: calc(100% - 102px); } .slick-slider-wrapper .slick-next, .slick-slider-wrapper .slick-prev, .gallery-share, .gallery-play { background: rgba(17, 17, 17, 0.6); width: 50px !important; height: 50px !important; border-radius: 50%; border-left-color: transparent !important; position: fixed !important; bottom: 25px !important; top: auto !important; left: auto !important; } .slick-slider-wrapper .slick-nav-holder svg, .footer-box svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) !important; transform: translate3d(-50%, -50%, 0) !important; -webkit-transform-origin: center center !important; transform-origin: center center !important; } .footer-box .slick-social-share svg { top: auto; left: auto; height: 26px !important; width: 26px !important; } .slick-slider-wrapper .slick-next { right: 20px !important; } .slick-slider-wrapper .slick-prev { right: 85px !important; } .gallery-share { right: 150px !important; } .gallery-play { right: 215px !important; } .slick-social-share { position: fixed !important; bottom: 75px !important; right: 128px !important; top: auto !important; } } @media handheld, only screen and (max-width: 786px) { .admin-bar .slick-slider-wrapper { top: 46px; } .admin-bar .slick-slider-wrapper .slick-slides { height: calc(100% - 88px); } } .slick-slider-wrapper .slick-prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Shortcode:Portfolio Carousel -------------------------------------------------------------------- */ .portfolio-carousel.style-classic .mk-fancy-title { margin-right: 35px; } .portfolio-carousel.style-classic .view-all { float: right; padding: 0 7px; font-size: 11px; } .portfolio-carousel.style-classic .flex-viewport ul { margin: 0; padding: 0; list-style: none; } .portfolio-carousel.style-classic .flex-viewport ul li { position: relative; padding-right: 15px; min-height: 230px; } .portfolio-carousel.style-classic .flex-viewport ul li:hover .item-content { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio-carousel.style-classic .flex-viewport ul li:hover .item-overlay { opacity: .7; } .portfolio-carousel.style-classic .flex-viewport ul li:hover .item-lightbox { left: 85px; opacity: 1; } .portfolio-carousel.style-classic .flex-viewport ul li:hover .item-permalink { right: 85px; opacity: 1; } .portfolio-carousel.style-classic .flex-direction-nav a { position: absolute; top: -43px; } .portfolio-carousel.style-classic .flex-direction-nav .mk-svg-icon { fill: #aaaaaa; } .portfolio-carousel.style-classic .flex-prev { right: 20px; } .portfolio-carousel.style-classic .flex-next { right: 0; } .portfolio-carousel .item-thumb { position: relative; overflow: hidden; } .portfolio-carousel .item-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; background-color: #f97352; } .portfolio-carousel .item-lightbox, .item-permalink { padding: 5px; position: absolute; top: 40%; width: 32px; height: 32px; line-height: 32px; display: block; text-align: center; border-radius: 2px; } .portfolio-carousel .item-lightbox svg, .item-permalink svg { fill: #ffffff; height: 32px; margin-top: -4px; } .portfolio-carousel .item-lightbox { left: 65px; opacity: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .portfolio-carousel .item-permalink { right: 65px; opacity: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .portfolio-carousel .item-content { position: relative; margin: -40px auto 0; padding: 14px; width: 240px; background-color: #222222; text-align: center; -webkit-transform: translate(0, 6px); transform: translate(0, 6px); border-radius: 2px; opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .portfolio-carousel .item-title { display: inline-block; color: #ffffff !important; letter-spacing: 1px; font-weight: bold; font-size: 12px; margin-bottom: 8px; line-height: 16px !important; text-decoration: none; } .portfolio-carousel .item-cats { display: block; letter-spacing: 1px; font-size: 11px; font-style: italic; line-height: 16px; color: #777; } /* Modern Style */ .portfolio-carousel.style-modern .featured-image { position: relative; } .portfolio-carousel.style-modern .featured-image img { position: relative; max-width: 100%; width: auto\9; height: auto; border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } .portfolio-carousel.style-modern .featured-image:hover .item-cats { opacity: 1; } .portfolio-carousel.style-modern .featured-image:hover .portfolio-meta { opacity: 1; } .portfolio-carousel.style-modern .featured-image:hover .image-hover-overlay { opacity: .85; } .portfolio-carousel.style-modern .image-hover-overlay { background-color: #000000 !important; } .portfolio-carousel.style-modern .the-title { padding: 0 20px; color: #ffffff; font-weight: bold; font-size: 14px; line-height: 18px; } .portfolio-carousel.style-modern .portfolio-meta { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; } .portfolio-carousel.style-modern .item-cats { padding: 0 20px; color: #ffffff; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .portfolio-carousel.style-modern .flex-direction-nav a { position: absolute; top: 50%; margin-top: -27.5px; width: 55px; height: 55px; background-color: rgba(0, 0, 0, 0.4); text-align: center; line-height: 60px; z-index: 30; } .portfolio-carousel.style-modern .flex-direction-nav a:hover { background-color: rgba(0, 0, 0, 0.6); } .portfolio-carousel.style-modern .flex-direction-nav .mk-svg-icon { fill: #ffffff; height: 16px !important; width: 16px !important; } .portfolio-carousel.style-modern .flex-direction-nav a.flex-prev { left: 0; } .portfolio-carousel.style-modern .flex-direction-nav a.flex-next { right: 0; } .portfolio-carousel.style-classic .flex-direction-nav svg { fill: rgba(0, 0, 0, 0.4); height: 16px !important; width: 16px !important; margin-top: 0 !important; } .portfolio-carousel.style-classic .flex-direction-nav a:hover svg { fill: rgba(0, 0, 0, 0.6); } .pricing-table { margin: 30px 0 40px; text-align: left; } /* Offers Column */ .pricing-offer-grid { width: 18%; display: inline-block; vertical-align: top; float: left; } .pricing-offer-grid p { margin-bottom: 0; } .pricing-offer-grid .offers ul { margin: 0; padding: 0; list-style: none; text-align: right; } .pricing-offer-grid .offers ul li { margin: 0 20px 0 0; line-height: 16px; padding: 15px 0; display: block; width: auto; font-size: 12px; border-bottom: 1px dotted #cccccc; } .no-pricing-offer .pricing-cols { width: 100% !important; } /* Pricing Columns */ .pricing-cols { display: inline-block; margin: 0; padding: 0; width: 82%; list-style: none; text-align: center; } .pricing-cols li { padding: 0; margin: 0 1px; display: inline-block; vertical-align: top; text-align: center; max-width: 300px; } .pricing-cols li.pricing-col { position: relative; overflow: hidden; } .pricing-cols li.featured-plan { margin: -24px -3px 0 -3px; } .pricing-cols li.featured-plan .pricing-plan { padding: 27px 0; } .pricing-cols li.featured-plan .pricing-button { padding: 22px 0; } .pricing-cols li.four-table { width: 24.5%; } .pricing-cols li.three-table { width: 32.5%; } .pricing-cols li.two-table { width: 49.5%; } .pricing-cols li.one-table { width: 100%; } .pricing-cols .pricing-heading { position: relative; } .pricing-cols .pricing-plan { font-size: 16px; line-height: 16px; text-transform: uppercase; padding: 15px 0; display: block; } .pricing-cols .pricing-price { height: 120px; display: table; width: 100%; } .pricing-cols .pricing-price sub, .pricing-cols .pricing-price sup { font-size: 24px; padding: 0 5px; } .pricing-cols .pricing-price sub { vertical-align: middle; } .pricing-cols .pricing-price span { display: table-cell; vertical-align: middle; position: relative; } .pricing-cols .pricing-features ul { margin: 0; padding: 0; position: relative; } .pricing-cols .pricing-features ul li { font-size: 12px; line-height: 16px; padding: 15px 0; display: block; margin: 0; width: auto; } .pricing-cols .pricing-features ul li .mk-icon-ok, .pricing-cols .pricing-features ul li .mk-icon-check { color: #26cca4; } .pricing-cols .pricing-features ul li .mk-icon-remove { color: #e74a4a; } .pricing-cols .pricing-features ul li .mk-icon-star { color: #26cca4; margin-left: 3px; } .pricing-cols .pricing-features ul li .mk-icon-star.empty { color: #b0b0b0; } .pricing-cols .pricing-features .rating-star { line-height: 12px; margin: 0 auto; font-size: 16px; color: #7d7c78; } .pricing-cols .pricing-button { padding: 20px 0; border-top: none; } /* It's necessary to use an ID (#theme-page) to override otherwise it's required to use !important. */ #theme-page .pricing-table .pricing-cols .pricing-button .mk-button-container { margin-right: 0; } .pricing-cols .pricing-button a { position: relative; margin: 0 auto; padding: 9px 25px; } /* ********************************************** */ /* Multi color Style */ .multicolor.pricing-table { /* Pricing Columns */ } .multicolor.pricing-table .pricing-offer-grid { padding-top: 166px; } .multicolor.pricing-table .no-pricing-offer .pricing-cols { width: 100% !important; } .multicolor.pricing-table .pricing-cols { display: inline-block; margin: 0; padding: 0; list-style: none; } .multicolor.pricing-table .pricing-cols li { padding: 0; margin: 0 1px; display: inline-block; vertical-align: top; text-align: center; } .multicolor.pricing-table .pricing-cols li.pricing-col { position: relative; border-radius: 3px; overflow: hidden; } .multicolor.pricing-table .pricing-cols li.featured-plan { margin: -24px -3px 0 -3px; -webkit-box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.2); } .multicolor.pricing-table .pricing-cols li.featured-plan .pricing-plan { padding: 27px 0; } .multicolor.pricing-table .pricing-cols li.featured-plan .pricing-button { padding: 22px 0; } .multicolor.pricing-table .pricing-cols .pricing-heading { -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .multicolor.pricing-table .pricing-cols .pricing-heading .premium-ribbon { background-color: #ffd565; color: #7b683c; width: 120px; line-height: 12px; font-size: 10px; font-weight: bold; padding: 4px 0; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: -33px; top: 16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); } .multicolor.pricing-table .pricing-cols .pricing-plan { color: #ffffff; font-weight: lighter; font-size: 16px; line-height: 16px; text-transform: uppercase; padding: 15px 0; background-color: rgba(0, 0, 0, 0.2); display: block; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } .multicolor.pricing-table .pricing-cols .pricing-price { border-top: 1px solid rgba(255, 255, 255, 0.2); height: 120px; display: table; width: 100%; } .multicolor.pricing-table .pricing-cols .pricing-price sub, .multicolor.pricing-table .pricing-cols .pricing-price sup { font-size: 24px; padding: 0 5px; font-weight: normal; } .multicolor.pricing-table .pricing-cols .pricing-price sub { vertical-align: middle; font-size: 16px; } .multicolor.pricing-table .pricing-cols .pricing-price span { font-size: 65px; color: #ffffff; font-weight: 700; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } @media handheld, only screen and (max-width: 960px) { .multicolor.pricing-table .pricing-cols .pricing-price span { font-size: 40px; } } .multicolor.pricing-table .pricing-cols .pricing-features ul { margin: 0; padding: 0; position: relative; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .multicolor.pricing-table .pricing-cols .pricing-features ul li { font-size: 12px; line-height: 16px; padding: 15px 0; display: block; margin: 0; width: auto; background-color: #f6f6f6; } .multicolor.pricing-table .pricing-cols .pricing-features ul li:nth-child(odd) { background-color: #eeeeee; } .multicolor.pricing-table .pricing-cols .pricing-features ul li i:before { font-size: 16px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok { color: #26cca4; } .multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove { color: #e74a4a; } .multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star { color: #26cca4; margin-left: 3px; } .multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty { color: #b0b0b0; } .multicolor.pricing-table .pricing-cols .pricing-features .rating-star { line-height: 12px; margin: 0 auto; font-size: 16px; color: #7d7c78; } .multicolor.pricing-table .pricing-cols .pricing-button { padding: 20px 0; background-color: #f6f6f6; border: 1px solid #e8e8e8; border-top: none; } .multicolor.pricing-table .pricing-cols .pricing-button a { position: relative; margin: 0 auto; padding: 9px 25px; } /* ********************************** */ /* Mono color Style */ .monocolor.pricing-table { /* Pricing Columns */ } .monocolor.pricing-table .pricing-offer-grid { padding-top: 178px; } .monocolor.pricing-table .pricing-offer-grid .offers ul { border-right: none; } .monocolor.pricing-table .pricing-offer-grid .offers ul li { padding: 13px 0; } .monocolor.pricing-table .no-pricing-offer .pricing-cols { width: 100% !important; } .monocolor.pricing-table .pricing-cols li { padding: 0; margin: 0; display: inline-block; vertical-align: top; text-align: center; } .monocolor.pricing-table .pricing-cols li.pricing-col { position: relative; overflow: hidden; border: 1px solid #dddddd; border-left: none; background-color: #ffffff; } .monocolor.pricing-table .pricing-cols li.pricing-col:first-child { border-left: 1px solid #dddddd; } .monocolor.pricing-table .pricing-cols li.featured-plan { margin: -20px -3px 0 -3px; -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1); } .monocolor.pricing-table .pricing-cols li.featured-plan .pricing-button { padding: 35px 0; } .monocolor.pricing-table .pricing-cols .pricing-heading { background-color: #f6f6f6; border-bottom: 1px solid #dddddd; } .monocolor.pricing-table .pricing-cols .pricing-plan { color: #666666; font-weight: bold; font-size: 16px; line-height: 16px; text-transform: uppercase; padding: 20px 0; background-color: #efefef; display: block; border-bottom: 1px solid #dddddd; } .monocolor.pricing-table .pricing-cols .pricing-price { height: 120px; display: table; width: 100%; } .monocolor.pricing-table .pricing-cols .pricing-price sub, .monocolor.pricing-table .pricing-cols .pricing-price sup { font-size: 24px; padding: 0 5px; } .monocolor.pricing-table .pricing-cols .pricing-price sub { display: block; margin: 30px 0 0 20px; text-align: center; font-size: 16px; color: #666666; } .monocolor.pricing-table .pricing-cols .pricing-price span { font-size: 70px; font-weight: lighter; } .monocolor.pricing-table .pricing-cols .pricing-features ul { margin: 0; padding: 0; position: relative; } .monocolor.pricing-table .pricing-cols .pricing-features ul li { font-size: 12px; line-height: 16px; padding: 13px 0; margin: 0 10px; display: block; width: auto; background-color: #ffffff; border-bottom: 1px dotted #dddddd; } .monocolor.pricing-table .pricing-cols .pricing-features ul li:last-child { border: none; } .pricing-table .mk-svg-icon { height: 16px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok { color: #26cca4; } .monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove { color: #e74a4a; } .monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star { color: #26cca4; margin-left: 3px; } .monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty { color: #b0b0b0; } .monocolor.pricing-table .pricing-cols .pricing-features .rating-star { line-height: 12px; margin: 0 auto; font-size: 16px; color: #7d7c78; } .monocolor.pricing-table .pricing-cols .pricing-button { padding: 15px 0; border-top: none; border-top: 1px solid #dddddd; background-color: #f6f6f6; } .monocolor.pricing-table .pricing-cols .pricing-button a { position: relative; margin: 0 auto; padding: 9px 25px; } @media handheld, only screen and (max-width: 960px) { .pricing-offer-grid { display: none; } .pricing-cols { width: 100% !important; } } @media handheld, only screen and (max-width: 767px) { .pricing-cols .pricing-col { width: 100% !important; margin-bottom: 20px !important; } .pricing-cols li { max-width: 100% !important; } .monocolor.pricing-table .pricing-col { border-left: 1px solid #ddd !important; } .monocolor.pricing-table .pricing-cols li.featured-plan { margin: 0 0 20px 0 !important; border: 1px solid #ff7b00 !important; } } .new-style.pricing-table { /* Pricing Columns */ } .new-style.pricing-table .pricing-offer-grid { padding-top: 240px; } .new-style.pricing-table .pricing-offer-grid .offers ul { border-right: none; } .new-style.pricing-table .pricing-offer-grid .offers ul li { padding: 13px 0; } .new-style.pricing-table.no-pricing-offer .pricing-cols { width: 100% !important; } .new-style.pricing-table .pricing-cols li { padding: 0; margin: 0; display: inline-block; text-align: center; max-width: initial; } .new-style.pricing-table .pricing-cols li.pricing-col { position: relative; overflow: hidden; } .new-style.pricing-table .pricing-cols li.pricing-col.four-table { width: 24.5%; } .new-style.pricing-table .pricing-cols li.pricing-col.three-table { width: 32.5%; } .new-style.pricing-table .pricing-cols li.pricing-col.two-table { width: 49.5%; } .new-style.pricing-table .pricing-cols li.pricing-col.one-table { width: 100%; } .new-style.pricing-table .pricing-cols li.column-bigger-true, .new-style.pricing-table .pricing-cols li.drop-shadow-true { z-index: 11; } .new-style.pricing-table .pricing-cols li.column-bigger-true { margin: -20px -3px 0 -3px; } .new-style.pricing-table .pricing-cols li.column-bigger-true .pricing-button { padding: 45px 0; } .new-style.pricing-table .pricing-cols li.drop-shadow-true { padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: initial !important; } .new-style.pricing-table .pricing-cols li.drop-shadow-true .shadow-container { -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3); overflow: hidden; } .new-style.pricing-table .pricing-cols .pricing-heading { position: relative; } .new-style.pricing-table .pricing-cols .pricing-plan { font-weight: bold; font-size: 14px; line-height: 4px; text-transform: uppercase; padding: 30px 0; background-color: #efefef; display: block; } .new-style.pricing-table .pricing-cols .pricing-plan.style-dark { color: #222222; } .new-style.pricing-table .pricing-cols .pricing-plan.style-light { color: #ffffff; } .new-style.pricing-table .pricing-cols .pricing-featured-text { font-weight: bold; font-size: 12px; line-height: 12px; position: absolute; top: 28px; right: -37px; padding: 10px 0; min-width: 160px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .new-style.pricing-table .pricing-cols .pricing-featured-text.style-dark { color: #222222; } .new-style.pricing-table .pricing-cols .pricing-featured-text.style-light { color: #ffffff; } .new-style.pricing-table .pricing-cols .pricing-price { height: 165px; width: 100%; display: block; } .new-style.pricing-table .pricing-cols .pricing-price sub { font-size: 20px; padding: 0 5px; } .new-style.pricing-table .pricing-cols .pricing-price sup { font-size: 24px; padding: 0 5px; } .new-style.pricing-table .pricing-cols .pricing-price sub { vertical-align: middle; } .new-style.pricing-table .pricing-cols .pricing-price.style-dark { color: #222222; } .new-style.pricing-table .pricing-cols .pricing-price.style-light { color: #ffffff; } .new-style.pricing-table .pricing-cols .pricing-price .pricing-save { font-size: 20px; font-weight: bold; display: block; } .new-style.pricing-table .pricing-cols .pricing-price span { display: block; vertical-align: initial; font-size: 72px; line-height: 72px; padding-top: 20px; } .new-style.pricing-table .pricing-cols .pricing-price span .pricing-save { font-style: normal; display: block; } .new-style.pricing-table .pricing-cols .pricing-features ul { margin: 0; padding: 0; padding-top: 40px; position: relative; } .new-style.pricing-table .pricing-cols .pricing-features ul li { padding: 13px 0; margin: 0 10%; display: block; width: auto; } .new-style.pricing-table .pricing-cols .pricing-features ul li:last-child { border: none; } .new-style.pricing-table .pricing-cols .pricing-features ul li i:before { font-size: 16px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok { color: #26cca4; } .new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove { color: #e74a4a; } .new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star { color: #26cca4; margin-left: 3px; } .new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty { color: #b0b0b0; } .new-style.pricing-table .pricing-cols .pricing-features.style-light ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #ffffff; } .new-style.pricing-table .pricing-cols .pricing-features.style-light ul li:last-child { border-bottom: 0; } .new-style.pricing-table .pricing-cols .pricing-features.style-dark ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #222222; } .new-style.pricing-table .pricing-cols .pricing-features.style-dark ul li:last-child { border-bottom: 0; } .new-style.pricing-table .pricing-cols .pricing-features .rating-star { line-height: 12px; margin: 0 auto; font-size: 16px; color: #7d7c78; } .new-style.pricing-table .pricing-cols .pricing-button { padding: 25px 0; border-top: none; background-color: #f6f6f6; } .new-style.pricing-table .pricing-cols .pricing-button a { position: relative; margin: 0 auto; padding: 20px 28px; font-size: 16px; line-height: 100%; } .new-style.pricing-table .pricing-cols .pricing-button a.large { letter-spacing: 1px; } @media handheld, only screen and (max-width: 960px) { .pricing-offer-grid { display: none; } .pricing-cols { width: 100% !important; } } @media handheld, only screen and (max-width: 767px) { .pricing-cols .pricing-col { width: 100% !important; margin-bottom: 20px !important; } .pricing-cols li { max-width: 100% !important; } .monocolor.pricing-table .pricing-col { border-left: 1px solid #dddddd !important; } .monocolor.pricing-table .pricing-cols li.featured-plan { margin: 0 0 20px 0 !important; border: 1px solid #ff7b00 !important; } } .mk-skill-meter { margin-bottom: 15px; } .mk-skill-meter .mk-skill-meter-title { letter-spacing: 1px; display: block; margin-bottom: 6px; font-weight: bold; line-height: 14px; } .mk-skill-meter .mk-progress-bar { position: relative; display: block; text-align: right; } .mk-skill-meter .mk-progress-bar .progress-outer { position: absolute; top: 0; left: 0; height: 100%; } .mk-skill-meter .mk-progress-bar .progress-inner { position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; } .mk-skill-meter .mk-progress-bar .progress-percent { position: absolute; right: 10px; font-weight: bold; font-size: 12px; letter-spacing: 1px; } /* Shortcode:Skill Meter Chart -------------------------------------------------------------------- */ .mk-skill-chart { text-align: center; height: 100%; width: 100%; } .mk-slideshow-box { position: relative; } .mk-slideshow-box .mk-slideshow-box-item { display: none; } .mk-slideshow-box.full-width-true .mk-slideshow-box-content { padding-left: 0; padding-right: 0; } .mk-slideshow-box .mk-slideshow-box-color-mask, .mk-slideshow-box .mk-slideshow-box-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mk-slideshow-box .mk-slideshow-box-color-mask { z-index: 10; } .mk-slideshow-box .mk-slideshow-box-content { position: relative; z-index: 20; padding-left: 20px; padding-right: 20px; } @media handheld, only screen and (max-width: 767px) { .mk-slideshow-box .mk-slideshow-box-content h1, .mk-slideshow-box .mk-slideshow-box-content h2, .mk-slideshow-box .mk-slideshow-box-content h3, .mk-slideshow-box .mk-slideshow-box-content h4, .mk-slideshow-box .mk-slideshow-box-content h5, .mk-slideshow-box .mk-slideshow-box-content h6 { padding-top: 0 !important; margin-top: 0 !important; } .mk-slideshow-box .mk-slideshow-box-content .mk-button { margin-bottom: 20px !important; } } /*========================================= general ===========================================*/ /*.s_social {} moved to atoms completely */ .s_social a { display: block; line-height: 100%; } /*========================================= styles & states ===========================================*/ /*-------------- align ----------------*/ /*.s_social.s_right { text-align: right; } .s_social.s_center { text-align: center; } .s_social.s_left { text-align: left; }*/ /*moved to PHP $alignToAtom*/ /*-------------- size ----------------*/ /*.s_social.small .c_ { font-size: 16px; } .s_social.medium .c_ { font-size: 24px; } .s_social.large .c_ { font-size: 32px; } .s_social.x-large .c_ { font-size: 48px; } .s_social.xx-large .c_ { font-size: 64px; }*/ /*moved to PHP $sizeToAtom*/ /*-------------- style ----------------*/ /*Add SVG css size here instead of using $sizeToAtom */ .s_social.g_style a { border: 2px solid; background-color: #ffffff; background-color: rgba(50, 50, 50, 0); -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .s_social svg { display: block; } .s_social.g_style.xx-large a { padding: 25px; } .s_social.g_style.x-large a { padding: 20px; } .s_social.g_style.large a { padding: 15px; } .s_social.g_style.medium a { padding: 10px; border-width: 1px; } .s_social.g_style.small a { padding: 5px; border-width: 1px; } .s_social.s_square-rounded a { border-radius: 25%; } .s_social.s_simple-rounded a { border-radius: 50%; } /*fix Xing position ... see misc.css the problem there*/ .s_social .mk-jupiter-icon-xing:before, .s_social .mk-jupiter-icon-square-xing:before, .s_social .mk-jupiter-icon-simple-xing:before { vertical-align: baseline !important; line-height: normal !important; position: static; top: 0; } .mk-jupiter-icon-simple-xing { display: block; } .mk-jupiter-icon-simple-xing:before { content: "\f168"; } .mk-jupiter-icon-xing:before { content: "\e3d3"; } .mk-jupiter-icon-square-xing:before { content: "\e3d2"; } /* Process Steps -------------------------------------------------------------------- */ .mk-process-steps { margin-bottom: 30px; text-align: center; } .mk-process-steps ul { position: relative; margin: 0; padding: 0; list-style: none; } .mk-process-steps ul:before { position: absolute; left: 80px; display: block; width: 85%; height: 0; border-top: 1px dashed #bbbbbb; content: ""; } .mk-process-steps ul li { display: inline-block; float: left; margin: 0; padding-top: 6px; } .mk-process-steps ul li:hover svg { fill: #ffffff; -webkit-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } .mk-process-steps ul li:hover .mk-process-icon { -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1); } .mk-process-steps ul li h3 { position: relative; display: inline-block; margin: 35px auto 20px; font-size: 16px !important; } .mk-process-steps ul li p { position: relative; display: inline-block; margin-bottom: 0; text-align: center; } .mk-process-icon { position: relative; display: inline-block; overflow: hidden; background-color: #ffffff; -webkit-transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s; transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #bbbbbb; box-shadow: 0 0 0 2px #bbbbbb; } .mk-process-icon:after { display: none; } .mk-process-icon svg { fill: #bbbbbb; fill: rgba(0, 0, 0, 0.24); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%); } 50% { opacity: 0; -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { -webkit-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%); } 50% { opacity: 0; -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); } 51% { opacity: 1; } } /* steps range */ .mk-process-steps.process-steps-2 ul:before { top: 200px; left: 100px; width: 70%; } .mk-process-steps.process-steps-2 li { width: 50%; } .mk-process-steps.process-steps-2 li h3, .mk-process-steps.process-steps-2 li p { padding: 0 20px; } .mk-process-steps.process-steps-2 .mk-process-desc, .mk-process-steps.process-steps-2 .mk-process-title { width: 350px; } .mk-process-steps.process-steps-2 .mk-process-icon { width: 400px; height: 400px; text-align: center; } .mk-process-steps.process-steps-2 .mk-process-icon svg { height: 128px; } /* steps range */ .mk-process-steps.process-steps-3 ul:before { top: 115px; } .mk-process-steps.process-steps-3 li { width: 33.3%; } .mk-process-steps.process-steps-3 li h3, .mk-process-steps.process-steps-3 li p { padding: 0 20px; } .mk-process-steps.process-steps-3 .mk-process-desc, .mk-process-steps.process-steps-3 .mk-process-title { width: 288px; } .mk-process-steps.process-steps-3 .mk-process-icon { width: 230px; height: 230px; text-align: center; } .mk-process-steps.process-steps-3 .mk-process-icon svg { height: 80px; } /* ======= */ /* steps range */ .mk-process-steps.process-steps-4 ul:before { top: 90px; } .mk-process-steps.process-steps-4 li { width: 25%; } .mk-process-steps.process-steps-4 li h3, .mk-process-steps.process-steps-4 li p { padding: 0 20px; } .mk-process-steps.process-steps-4 .mk-process-icon { width: 180px; height: 180px; text-align: center; } .mk-process-steps.process-steps-4 .mk-process-icon svg { height: 70px; } /* ======= */ /* steps range */ .mk-process-steps.process-steps-5 ul:before { top: 70px; } .mk-process-steps.process-steps-5 li { width: 20%; } .mk-process-steps.process-steps-5 li h3, .mk-process-steps.process-steps-5 li p { padding: 0 15px; } .mk-process-steps.process-steps-5 .mk-process-icon { width: 140px; height: 140px; text-align: center; } .mk-process-steps.process-steps-5 .mk-process-icon svg { height: 60px; } .mk-subscribe { margin-bottom: 30px; } .mk-subscribe.form-in-progress { opacity: 0.8; } .mk-subscribe > form { table-layout: auto; } .mk-subscribe--message { padding-top: 8px; font-size: 14px; } .mk-subscribe--message.error { color: #ff0000; } .mk-subscribe--message.success { color: #00a651; } .mk-subscribe .mk-subscribe--form-column { padding: 0; margin: 0; } .mk-subscribe .mk-subscribe--form-column:last-child { padding-right: 0 !important; } .mk-subscribe .mk-subscribe--email, .mk-subscribe .mk-subscribe--button { width: 100%; margin: 0; padding: 0; border: 0; background-color: #333333; -webkit-transition: background-color 0.15s linear, color 0.15s linear, border-color 0.15s linear; transition: background-color 0.15s linear, color 0.15s linear, border-color 0.15s linear; background-color: transparent; color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .mk-subscribe .mk-subscribe--email { padding: 0 2%; } .mk-subscribe .mk-subscribe--button { outline: none; } .mk-subscribe.medium-size .mk-subscribe--email { font-size: 16px; height: 45px; line-height: 45px; } .mk-subscribe.medium-size .mk-subscribe--button { font-size: 14px; height: 45px; min-width: 115px; } .mk-subscribe.large-size .mk-subscribe--email, .mk-subscribe.large-size .mk-subscribe--button { height: 60px; font-size: 20px; } .mk-subscribe.large-size .mk-subscribe--email { line-height: 60px; } .mk-subscribe.large-size .mk-subscribe--button { min-width: 140px; } /* AM-2606 */ .compose-mode .mk-subscribe .mk-subscribe--form-column:last-child { cursor: not-allowed; } .compose-mode .mk-subscribe .mk-subscribe--button { pointer-events: none; } .mk-mailchimp-gdpr-consent { padding-top: 10px; } .mk-mailchimp-gdpr-consent label { font-size: 14px; color: #666666; cursor: pointer; padding-left: 10px; } .mk-swiper-container { position: relative; overflow: hidden; } .mk-slider-holder > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mk-slider-holder .mk-slider-wrapper { z-index: 10; } .mk-swipe-slideshow { position: relative; margin-bottom: 20px; } .mk-swipe-slideshow:hover .swiper-arrows { opacity: 0.6; } .mk-swipe-slideshow .swiper-arrows { width: 60px; height: 60px; line-height: 62px; background-color: rgba(0, 0, 0, 0.4); text-align: center; position: absolute; border-radius: 2px; cursor: pointer; color: #ffffff; opacity: 0; } .mk-swipe-slideshow .swiper-arrows { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); ms-transform: translate(0, -50%); background-color: rgba(0, 0, 0, 0.4); } .mk-swipe-slideshow .swiper-arrows:hover { background-color: rgba(0, 0, 0, 0.6); opacity: 1; } .mk-swipe-slideshow .swiper-arrows svg { height: 16px; } .mk-swipe-slideshow .mk-swiper-prev { left: 20px; } .mk-swipe-slideshow .mk-swiper-next { right: 20px; } .mk-slider-holder-img { visibility: hidden; } .mk-swipe-slideshow-lazyload .swiper-slide-image { background-color: #e0e0e0; } .mk-tab-slider { margin: 0 auto; position: relative; overflow: hidden; padding: 10px 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ } .mk-tab-slider-wrapper { position: relative; width: 100%; transition-property: left, top, -webkit-transform; -webkit-transition-property: left, top, -webkit-transform; transition-property: transform, left, top; transition-property: transform, left, top, -webkit-transform; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; transition-timing-function: ease; } .mk-tab-slider-item { float: left; } .mk-tab-slider-item .mk-tab-slider-share li a { font-size: 16px; margin-left: 10px; opacity: 0.6; } .mk-tab-slider-item .mk-tab-slider-share li a:hover { opacity: 1; } .mk-tab-slider-item.skin-dark .mk-slider-title { color: #222222 !important; } .mk-tab-slider-item.skin-dark .mk-slider-title > hr { border-top: 3px solid #040300; margin: 15px auto 25px auto; } .mk-tab-slider-item.skin-dark .mk-slider-description { color: #6a6665; } .mk-tab-slider-item.skin-dark .mk-slider-description p { color: #6a6665; } .mk-tab-slider-item.skin-dark .mk-tab-slider-share li a svg { fill: #222222; height: 16px; } .mk-tab-slider-item.skin-light .mk-slider-title { color: #ffffff !important; } .mk-tab-slider-item.skin-light .mk-slider-title > hr { border-top: 3px solid #ffffff; margin: 15px auto 30px auto; } .mk-tab-slider-item.skin-light .mk-slider-description { color: #f5f5f5; } .mk-tab-slider-item.skin-light .mk-slider-description p { color: #f5f5f5; } .mk-tab-slider-item.skin-light .mk-tab-slider-share li a svg { fill: #f5f5f5; height: 16px; } .mk-tab-slider-share { list-style: none; padding-left: 0; position: absolute; bottom: 50px; right: 70px; } .mk-tab-slider-share li { float: left; } .mk-tab-slider-icon { font-size: 100px; padding-right: 20px; float: left; } .mk-tab-slider-nav { margin-bottom: 20px; text-align: center; font-size: 30px; } .mk-tab-slider-nav a { display: inline-block; padding: 15px; margin-right: 2px; position: relative; font-weight: bold; letter-spacing: 1px; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .mk-tab-slider-nav a:link, .mk-tab-slider-nav a:visited { opacity: 0.4; } .mk-tab-slider-nav a:hover { opacity: 1; } .mk-tab-slider-nav a.active { opacity: 1; } .mk-slider-content, .mk-slider-image { width: 50%; display: inline-block; } .mk-slider-content { display: table; height: 100%; padding: 0 70px; position: relative; } .mk-slider-content-inside { display: table-cell; vertical-align: middle; height: 100%; } .mk-slider-image img { width: 100%; } .mk-slider-title { font-size: 18px !important; font-weight: bold; color: #222222; letter-spacing: 1px; display: block; margin: 0; } .mk-slider-title > hr { max-width: 10%; border: 0; margin-left: 0 !important; } .mk-slider-read-more { margin-top: 20px; } @media handheld, only screen and (max-width: 767px) { .mk-tab-slider .mk-slider-content { width: 100%; padding: 50px 25px; height: auto; } .mk-tab-slider .mk-slider-image { width: 100%; } .mk-tab-slider .mk-tab-slider-share { position: inherit; display: table; margin: 0 auto; } .mk-tab-slider .mk-tab-slider-share li { float: none; display: table-cell; text-align: center; padding: 0 5px; } } @media handheld, only screen and (max-width: 1024px) { .mk-tab-slider .mk-slider-content { width: 100%; padding: 50px 25px; height: auto; } .mk-tab-slider .mk-slider-image { width: 100%; } .mk-tab-slider .mk-tab-slider-share { position: inherit; display: table; margin: 0 auto; } .mk-tab-slider .mk-tab-slider-share li { float: none; display: table-cell; text-align: center; padding: 0 5px; } } /* at least 3 bugs come from this. Use responsibly. I'm bringing back regular media queries. - Maki */ /*.mk-tab-slider:media( max-width: 767px ) .mk-slider-content { width: 100%; padding: 50px 25px; height: auto; } .mk-tab-slider:media( max-width: 767px ) .mk-slider-image { width: 100%; } .mk-tab-slider:media( max-width: 767px ) .mk-tab-slider-share { position: inherit; display: table; margin: 0 auto; } .mk-tab-slider:media( max-width: 767px ) .mk-tab-slider-share li { float: none; display: table-cell; text-align: center; padding: 0 5px; } .mk-tab-slider:media( max-width: 1024px ) .mk-slider-content { width: 100%; padding: 50px 25px; height: auto; } .mk-tab-slider:media( max-width: 1024px ) .mk-slider-image { width: 100%; } .mk-tab-slider:media( max-width: 1024px ) .mk-tab-slider-share { position: inherit; display: table; margin: 0 auto; } .mk-tab-slider:media( max-width: 1024px ) .mk-tab-slider-share li { float: none; display: table-cell; text-align: center; padding: 0 5px; }*/ /* Shortcode:Tables -------------------------------------------------------------------- */ .mk-fancy-table { overflow: hidden; margin-bottom: 20px; } @media handheld, only screen and (max-width: 767px) { .mk-fancy-table { overflow-x: scroll !important; } } .mk-fancy-table table { overflow: hidden; margin: 0; padding: 0; width: 100%; border-collapse: collapse; text-align: left; border-radius: 3px; } .mk-fancy-table th { padding: 18px 12px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 14px; background-color: #ed4622; } .mk-fancy-table tfoot td { padding: 8px; } .mk-fancy-table.table-style1 tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.04); } .mk-fancy-table.table-style1 tfoot { background-color: #f3f3f3; } .mk-fancy-table.table-style1 tr { background-color: rgba(0, 0, 0, 0.02); } .mk-fancy-table.table-style1 td { padding: 12px; border-left: 1px solid #ffffff; text-align: center; } .mk-fancy-table.table-style2 { border-bottom: 1px solid #dcdcdc; } .mk-fancy-table.table-style2 td { padding: 12px; border-bottom: 1px solid #dcdcdc; text-align: center; } /* Shortcode:Testimanial Slider -------------------------------------------------------------------- */ .mk-testimonial { margin: 3px 3px 40px; } .mk-testimonial .mk-testimonial-content { position: relative; margin-bottom: 30px; margin-top: 10px; padding: 20px 20px 0; } .mk-testimonial .mk-testimonial-quote { line-height: 1.8em; } .mk-testimonial .mk-testimonial-content p { margin-bottom: 20px; } .mk-testimonial .mk-testimonial-author { display: block; margin-bottom: 5px; font-weight: bold; font-size: 13px; line-height: 11px; } .mk-testimonial .mk-testimonial-company { font-size: 12px; line-height: 14px; opacity: .8; } .mk-testimonial .flex-direction-nav a { opacity: .4; } .mk-testimonial .flex-direction-nav a:hover { opacity: 1; } .mk-testimonial .flex-direction-nav svg { fill: #878787; } .mk-testimonial.boxed-style .mk-testimonial-content { border: 1px solid #ededed; background-color: #fafafa; border-radius: 4px; } .mk-testimonial.boxed-style .mk-testimonial-content:before { position: absolute; bottom: -7px; left: 35px; display: block; width: 14px; height: 14px; border: 1px solid #ededed; border-top: none; border-left: none; background-color: #fafafa; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mk-testimonial.boxed-style .mk-testimonial-image { position: relative; float: left; margin: 0 20px; } .mk-testimonial.boxed-style .mk-testimonial-image img { width: 50px !important; height: 50px !important; border-radius: 100%; -webkit-box-shadow: 0 0 1px #a9a9a9; box-shadow: 0 0 1px #a9a9a9; } .mk-testimonial.boxed-style .flex-direction-nav a { bottom: 0; } .mk-testimonial.boxed-style .flex-direction-nav .flex-next { right: 0 !important; margin: 0; } .mk-testimonial.boxed-style .flex-direction-nav .flex-prev { right: 20px !important; } .mk-testimonial.simple-style { padding: 50px 50px 0; margin-top: 30px; text-align: center; } .mk-testimonial.simple-style.testimonial-column svg[data-name="mk-moon-quotes-left"], .mk-testimonial.simple-style.testimonial-column svg[data-name="mk-moon-quotes-right"] { display: none !important; } @media handheld, only screen and (max-width: 767px) { .mk-testimonial.simple-style.simple-style { padding-left: 0; padding-right: 0; } .mk-testimonial.simple-style svg[data-name="mk-moon-quotes-left"], .mk-testimonial.simple-style svg[data-name="mk-moon-quotes-right"] { display: none !important; } } .mk-testimonial.simple-style .mk-testimonial-author { font-size: 16px; } .mk-testimonial.simple-style .mk-testimonial-company { font-size: 12px; } .mk-testimonial.simple-style svg[data-name="mk-moon-quotes-left"], .mk-testimonial.simple-style svg[data-name="mk-moon-quotes-right"] { position: absolute; fill: #eeeeee; height: 50px; } .mk-testimonial.simple-style .mk-testimonial-content { margin-bottom: 0; font-size: 18px !important; } .mk-testimonial.simple-style .mk-testimonial-content p { text-align: center; } @media handheld, only screen and (max-width: 767px) { .mk-testimonial.simple-style .mk-testimonial-content { padding: 0 !important; } } .mk-testimonial.simple-style .mk-testimonial-content p { font-size: inherit; } .mk-testimonial.simple-style svg[data-name="mk-moon-quotes-left"] { top: 70px; left: 0; } .mk-testimonial.simple-style svg[data-name="mk-moon-quotes-right"] { top: 70px; right: 0; } .mk-testimonial.simple-style .flex-direction-nav svg { height: 16px; } .mk-testimonial.simple-style .flex-direction-nav .flex-next, .mk-testimonial.simple-style .flex-direction-nav .flex-prev { content: ''; display: block; width: 45px; height: 45px; border: 2px solid #cccccc; line-height: 45px; position: absolute; top: 0; } .mk-testimonial.simple-style .flex-direction-nav svg { height: 14px; } .mk-testimonial.simple-style .flex-direction-nav .flex-next:after { left: -15px; } .mk-testimonial.simple-style .flex-direction-nav .flex-next { left: 50% !important; -webkit-transform: translateX(50%); transform: translateX(50%); } .mk-testimonial.simple-style .flex-direction-nav .flex-prev { left: 50% !important; -webkit-transform: translateX(-150%); transform: translateX(-150%); } .mk-testimonial.simple-style.light-version .mk-testimonial-content, .mk-testimonial.simple-style.light-version .mk-testimonial-content p, .mk-testimonial.simple-style.light-version .mk-testimonial-company, .mk-testimonial.simple-style.light-version .mk-testimonial-author { color: #ffffff !important; } .mk-testimonial.simple-style.light-version .flex-direction-nav svg { fill: #ffffff !important; } .mk-testimonial.simple-style.light-version .flex-direction-nav .flex-next:after, .mk-testimonial.simple-style.light-version .flex-direction-nav .flex-prev:after { border: 2px solid #ffffff; } .mk-testimonial.simple-style.light-version svg[data-name="mk-moon-quotes-left"], .mk-testimonial.simple-style.light-version svg[data-name="mk-moon-quotes-right"] { fill: rgba(255, 255, 255, 0.2); } .mk-testimonial.avantgarde-style { padding: 0 50px 0; text-align: center; } .mk-testimonial.avantgarde-style.mk-testimonial { margin: 3px 3px 0 !important; } .mk-testimonial.avantgarde-style .mk-testimonial-image { display: block; text-align: center; } .mk-testimonial.avantgarde-style .mk-testimonial-image img { margin: 10px auto; width: 95px !important; height: 95px !important; border-radius: 100%; } .mk-testimonial.avantgarde-style .mk-testimonial-author { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin: 25px 0 10px 0; } .mk-testimonial.avantgarde-style .mk-testimonial-company { font-size: 12px; font-style: italic; } .mk-testimonial.avantgarde-style .mk-testimonial-content { margin-bottom: 0; padding: 0 20% 20px 20%; } .mk-testimonial.avantgarde-style .mk-testimonial-content p { text-align: center; } @media handheld, only screen and (max-width: 767px) { .mk-testimonial.avantgarde-style .mk-testimonial-content { padding: 0 !important; } } .mk-testimonial.avantgarde-style .mk-testimonial-content p { font-size: inherit; } .mk-testimonial.avantgarde-style .flex-direction-nav a { display: inline-block; width: 70px; height: 70px; line-height: 76px; text-align: center; border: 1px solid #878787; border-radius: 50%; } .mk-testimonial.avantgarde-style .flex-direction-nav svg { height: 16px; } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-next { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 0 !important; margin: 0; } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-prev { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 0 !important; margin: 0 !important; } .mk-testimonial.avantgarde-style.light-version .mk-testimonial-content, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-content p, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-company, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-author { color: #ffffff !important; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav svg { fill: #ffffff !important; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav a { border: 1px solid #ffffff; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav svg { height: 16px; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav .flex-next { margin: 0 0 0 6px; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav .flex-prev { margin: 0 0 0 -54px; } .mk-testimonial.avantgarde-style.light-version svg[data-name="mk-moon-quotes-left"], .mk-testimonial.avantgarde-style.light-version svg[data-name="mk-moon-quotes-right"] { fill: rgba(255, 255, 255, 0.2); } @media handheld, only screen and (max-width: 767px) { .mk-testimonial.avantgarde-style { padding: 60px 0 0 0; } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-next { top: 0; -webkit-transform: translate(110%, -50%); transform: translate(110%, -50%); right: 50% !important; margin: 0; } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-prev { top: 0; -webkit-transform: translate(-110%, -50%); transform: translate(-110%, -50%); left: 50% !important; margin: 0 !important; } .mk-testimonial.avantgarde-style .mk-testimonial-content { padding: 0; } } .mk-testimonial.modern-style .mk-testimonial-content { padding: 20px; border: 1px solid rgba(0, 0, 0, 0.05); background-color: #ffffff; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); border-radius: 3px; } .mk-testimonial.modern-style .mk-testimonial-content:before { position: absolute; bottom: -8px; left: 55px; display: block; width: 14px; height: 14px; border: 2px solid rgba(0, 0, 0, 0.05); border-top: none; border-left: none; background-color: #ffffff; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mk-testimonial.modern-style .mk-testimonial-quote { padding: 20px 20px 0; } @media handheld, only screen and (max-width: 767px) { .mk-testimonial.modern-style .mk-testimonial-quote { padding: 0 !important; } } .mk-testimonial.modern-style .mk-testimonial-image { position: relative; float: left; margin: 0 20px; } .mk-testimonial.modern-style .mk-testimonial-image img { width: 50px !important; height: 50px !important; border-radius: 50%; -webkit-box-shadow: 0 0 1px #a9a9a9; box-shadow: 0 0 1px #a9a9a9; } .mk-testimonial.modern-style .mk-testimonial-author { margin-top: 30px; } .mk-testimonial.modern-style .flex-control-nav { top: 18px; display: block; height: 5px; bottom: auto; } .mk-testimonial.modern-style .flex-control-nav li { margin: 0; } .mk-testimonial.modern-style .flex-control-nav li a { display: block; padding: 0 3px; } .mk-testimonial.modern-style .flex-control-nav li a svg { fill: #b2b2b2; height: 10px; width: 10px; } .mk-testimonial.modern-style .flex-control-nav li a.flex-active svg { fill: #4c4c4c; } .testimonial-column .testimonial-ul { margin: 0; padding: 0; list-style: none; } .testimonial-column .testimonial-item { display: inline-block; margin: 0; float: left; padding: 0 15px 30px 15px; } .testimonial-column .one-column { width: 100%; padding: 0 0 30px; } .testimonial-column .two-column { width: 50%; } .testimonial-column .three-column { width: 33%; } .testimonial-column .four-column { width: 25%; } @media handheld, only screen and (max-width: 900px) { .testimonial-column .four-column, .testimonial-column .three-column { width: 50% !important; } .testimonial-column .clearboth { display: none; } .testimonial-column .testimonial-item:nth-of-type(2n):after { display: block; content: ''; clear: both; } } @media handheld, only screen and (max-width: 600px) { .testimonial-column .four-column, .testimonial-column .three-column, .testimonial-column .two-column { width: 100% !important; padding: 0 0 30px 0 !important; } } .title-line-style { text-align: center; position: relative; padding: 30px 0; letter-spacing: 3px; text-transform: uppercase; } .title-line-style.light-version { color: #ffffff !important; } .title-line-style::after { display: block; content: ''; position: absolute; width: 30px; height: 3px; bottom: 0; left: 50%; margin-left: -15px; } .title-line-style.light-version::after { background-color: #ffffff; } .title-line-style.dark-version::after { background-color: #878787; } .theatre-slider { width: 100%; } .theatre-slider.center-align .desktop-theatre-slider, .theatre-slider.center-align .laptop-theatre-slider { margin: 0 auto; } .theatre-slider.right-align .desktop-theatre-slider, .theatre-slider.right-align .laptop-theatre-slider { margin: 0 0 0 auto; } .desktop-theatre-slider { width: 100%; position: relative; } .desktop-theatre-slider .player-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .desktop-theatre-slider .player-container .player { padding-top: 2px; padding-bottom: 56.60%; /* 16:9 */ } .laptop-theatre-slider { width: 100%; max-width: 1200px; position: relative; } .laptop-theatre-slider .player-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .laptop-theatre-slider .player-container .player { padding-bottom: 63%; /* 16:10 */ } .laptop-theatre-slider img, .desktop-theatre-slider img { position: relative; pointer-events: none; } .laptop-theatre-slider .player, .desktop-theatre-slider .player { -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; width: 100%; background-color: #000000; height: 0; } .laptop-theatre-slider .player video, .desktop-theatre-slider .player video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .laptop-theatre-slider .player iframe, .desktop-theatre-slider .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Shortcode:Tooltip -------------------------------------------------------------------- */ .mk-tooltip { position: relative; } .mk-tooltip--link { cursor: help; } .mk-tooltip--text { position: absolute; bottom: 28px; left: 0; padding: 12px; min-width: 140px; max-width: 230px; color: #ffffff; font-size: 11px; line-height: 16px; background: #444444; pointer-events: none; z-index: 888; opacity: 0; } .mk-tooltip--text:after { position: absolute; bottom: -5px; left: 15px; display: block; width: 10px; height: 10px; content: ""; background: #444444; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mk-swipe-slideshow .products .item { float: none !important; position: absolute !important; display: inline-block; top: 0; left: 0; width: 100%; } .mk-woocommerce-carousel .the-title, .mk-woocommerce-carousel .product-title { white-space: normal; } .mk-woocommerce-carousel .mk-button-container { margin-right: 0 !important; } @media handheld, only screen and (max-width: 767px) { .mk-swipe-slideshow .mk-product-loop .products .mk--col--3-12, .mk-swipe-slideshow .mk-product-loop .products .mk--col--4-12 { width: 50% !important; } } @media handheld, only screen and (max-width: 600px) { .mk-swipe-slideshow .mk-product-loop .products .mk--col--3-12, .mk-swipe-slideshow .mk-product-loop .products .mk--col--4-12, .mk-swipe-slideshow .mk-product-loop .products .mk--col--1-2 { width: 100% !important; max-width: none !important; } } /* "Please don't ask me why baby" ~ Maki tune from "Monkeys do programmin" album */ .mk-woocommerce-carousel .mk-button { white-space: nowrap; } .vc_col-sm-6 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-5 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-4 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-3 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-2 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-1 .mk-woocommerce-carousel .mk-button--icon { display: none; } .vc_col-sm-6 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-5 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-4 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-3 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-2 .mk-woocommerce-carousel .mk-button .mk-button--text, .vc_col-sm-1 .mk-woocommerce-carousel .mk-button .mk-button--text { -webkit-transform: translateX(0); transform: translateX(0); } .mk-woocommerce-carousel .mk-swiper-wrapper { white-space: nowrap; } .mk-woocommerce-carousel.classic-style .mk-swiper-wrapper, .mk-woocommerce-carousel.modern-style .mk-swiper-wrapper { height: 100%; position: relative; } /*.mk-woocommerce-carousel.modern-style .mk-swiper-container,*/ .mk-woocommerce-carousel.classic-style .mk-swiper-container { padding: 0 60px; } .mk-woocommerce-carousel .swiper-slide { float: none; display: inline-block; } .mk-woocommerce-carousel.classic-style .products { display: block; margin: auto; padding: 0 0 30px 0 !important; } .mk-woocommerce-carousel.classic-style .products .product { margin: 0; float: left; padding-left: 15px; padding-right: 15px; } .mk-woocommerce-carousel.classic-style .mk-fancy-title { font-size: 14px !important; font-weight: bold !important; margin-right: 35px; } .mk-woocommerce-carousel.classic-style .mk-fancy-title span { padding-right: 5px; } .mk-woocommerce-carousel.classic-style .mk-woo-view-all { float: right; font-size: 11px; padding: 0 7px; } .mk-woocommerce-carousel.classic-style .flex-direction-nav a { position: absolute; top: -38px; } .mk-woocommerce-carousel.classic-style .flex-direction-nav a svg { fill: #aaaaaa; } .mk-woocommerce-carousel.classic-style .flex-prev { right: 20px; } .mk-woocommerce-carousel.classic-style .flex-next { right: 0px; } .mk-woocommerce-carousel.modern-style { text-align: center; } .mk-woocommerce-carousel.modern-style .item-holder, .mk-woocommerce-carousel.modern-style .item-holder .mk-lightbox { padding: 0 15px; width: 100%; } .mk-woocommerce-carousel.modern-style .item-holder { padding-bottom: 20px; } .mk-woocommerce-carousel.modern-style .mk-lightbox { margin-bottom: 20px; display: inline-block; position: relative; left: -15px; } .mk-woocommerce-carousel.modern-style .mk-lightbox i { position: absolute; font-size: 32px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); ms-transform: translate(-50%, -50%); color: #222222; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .mk-woocommerce-carousel.modern-style .mk-lightbox:hover .image-hover-overlay { opacity: 0.7; } .mk-woocommerce-carousel.modern-style .mk-lightbox:hover i { opacity: 1; } .mk-woocommerce-carousel.modern-style .image-hover-overlay { background-color: #ffffff !important; } .mk-woocommerce-carousel.modern-style .the-title { font-size: 14px !important; } .mk-woocommerce-carousel.modern-style .price { font-size: 22px; font-weight: bold; margin-bottom: 20px; display: block; } .mk-woocommerce-carousel.modern-style .price ins { border: none; } .mk-woocommerce-carousel.classic-style .mk-swipe-slideshow:hover .swiper-arrows, .mk-woocommerce-carousel.modern-style .mk-swipe-slideshow:hover .swiper-arrows { opacity: 0.8; } .mk-woocommerce-carousel.classic-style .swiper-arrows, .mk-woocommerce-carousel.modern-style .swiper-arrows { top: calc(50% - 10px) !important; width: 40px; height: 40px; line-height: 40px; border-radius: 0; background-color: #ffffff; opacity: 1; color: #222222; } .mk-woocommerce-carousel.modern-style .swiper-arrows { border: 2px solid #222222; } .mk-woocommerce-carousel.classic-style .swiper-arrows svg, .mk-woocommerce-carousel.modern-style .swiper-arrows svg { vertical-align: middle; } .mk-woocommerce-carousel.classic-style .swiper-arrows:hover, .mk-woocommerce-carousel.modern-style .swiper-arrows:hover { background-color: #222222; opacity: 1 !important; color: #ffffff; } .mk-woocommerce-carousel.classic-style .mk-swiper-prev, .mk-woocommerce-carousel.modern-style .mk-swiper-prev { left: 0px; } .mk-woocommerce-carousel.classic-style .mk-swiper-next, .mk-woocommerce-carousel.modern-style .mk-swiper-next { right: 0px; } .mk-woocommerce-carousel.modern-style .mk-button { font-size: 12px !important; margin: 0 auto !important; } /* Fix issue with WooCommerce Recent Carousel when SC is active */ .mk-woocommerce-carousel.classic-style.mk-sc-active .products .product { float: none !important; position: absolute !important; display: inline-block; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Shortcode:Accordion -------------------------------------------------------------------- */ .mk-accordion { margin-bottom: 20px; } .mk-accordion.fancy-style { border-bottom: 1px solid #ececec; } .mk-accordion.fancy-style .mk-accordion-single { overflow: hidden; border: 1px solid #ececec; border-bottom: 0; background-color: #ffffff; } .mk-accordion.fancy-style .mk-accordion-tab { position: relative; padding: 12px 30px 12px 15px; color: #222222; font-size: 13px; font-weight: 600; line-height: 22px; cursor: pointer; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; background-color: #fdfdfd; } .mk-accordion.fancy-style .mk-accordion-tab span { vertical-align: middle; } /* We need to set height and vertical-align because the has not any class anymore to get vertical-align from core-styles.css */ .mk-accordion.fancy-style .mk-accordion-tab i { margin-right: 10px; font-size: 16px; line-height: 16px; } .mk-accordion.fancy-style .mk-accordion-tab i .mk-svg-icon, .mk-accordion.simple-style .mk-accordion-tab i .mk-svg-icon { fill: #b9b9b9; width: 16px; height: 16px; } .mk-accordion.fancy-style .mk-accordion-tab:hover { background-color: #f8f8f8; } .mk-accordion.fancy-style .mk-accordion-tab:hover i .mk-svg-icon { fill: #868686; } .mk-accordion.fancy-style .mk-accordion-tab:before, .mk-accordion.fancy-style .mk-accordion-tab > .mk-svg-icon { position: absolute; top: 50%; right: 14px; display: block; margin-top: -9px; padding: 3px 6px 2px; color: #adadad; content: ""; font-size: 12px !important; line-height: 16px; -webkit-box-sizing: content-box; box-sizing: content-box; } .mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-pane { border-top: 1px solid #ececec; } .mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-tab:before, .mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-tab > .mk-svg-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media handheld, only screen and (max-width: 767px) { .mobile-false .mk-accordion-tab > .mk-svg-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } .mk-accordion.fancy-style .mk-accordion-pane { display: none; padding: 20px; } @media handheld, only screen and (max-width: 767px) { .mk-accordion.fancy-style.mobile-true .mk-accordion-single { border-bottom: 1px solid #ececec; } .mk-accordion.fancy-style.mobile-true .mk-accordion-tab { border-bottom: 1px solid #ececec; } } .mk-accordion.simple-style .mk-accordion-tab { position: relative; padding: 9px 30px 12px 15px; border-bottom: 1px solid #ececec; color: #222222; font-size: 13px; line-height: 22px; font-weight: 600; cursor: pointer; } .mk-accordion.simple-style .mk-accordion-tab span { vertical-align: middle; } .mk-accordion.simple-style .mk-accordion-tab i { margin-right: 10px; } .mk-accordion.simple-style .mk-accordion-tab:before { position: absolute; top: 16px; right: 10px; display: block; padding: 3px 6px 2px; color: #dddddd; content: "\f054"; font-size: 12px; line-height: 12px; } .mk-accordion.simple-style .mk-accordion-tab > .mk-svg-icon { position: absolute; top: 16px; right: 10px; display: block; padding: 3px 6px 2px; color: #dddddd; content: "\f054"; font-size: 12px; line-height: 12px; } .mk-accordion.simple-style .mk-accordion-single.current { border: none; } .mk-accordion.simple-style .mk-accordion-single.current .mk-accordion-tab:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #252525; } .mk-accordion.simple-style .mk-accordion-single.current .mk-accordion-tab > .mk-svg-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); fill: #252525; } .mk-accordion.simple-style .mk-accordion-pane { display: none; padding: 10px; border-bottom: 1px solid #ececec; background-color: #ffffff; } @media handheld, only screen and (max-width: 767px) { .mk-accordion.simple-style.mobile-true .mk-accordion-pane { border-bottom: none; } } @media handheld, only screen and (max-width: 767px) { .mk-accordion.mobile-false .mk-accordion-pane { display: block !important; } .mk-accordion.mobile-false .mk-accordion-tab { cursor: default; } .mk-accordion.mobile-false .mk-accordion-tab:before { content: ''; } } .mk-accordion.toggle-action .mk-accordion-pane { display: none; } /* Shortcode:Accordion -------------------------------------------------------------------- */ .mk-toggle { margin: 0; } .mk-toggle.fancy-style { margin-bottom: 3px; border: 1px solid #ececec; } .mk-toggle.fancy-style .mk-toggle-title { position: relative; display: block; padding: 9px 30px 9px 15px; color: #222222; font-size: 13px; font-weight: 600; line-height: 22px; cursor: pointer; background-color: #fdfdfd; } .mk-toggle.fancy-style .mk-toggle-title span { vertical-align: middle; } .mk-toggle.fancy-style .mk-toggle-title i { margin-right: 15px; font-size: 24px; vertical-align: middle; } .mk-toggle.fancy-style .mk-toggle-title:hover { background-color: #f8f8f8; } .mk-toggle.fancy-style .mk-toggle-title:before { position: absolute; top: 10px; right: 10px; display: block; padding: 3px 6px 2px; content: ""; font-size: 12px !important; line-height: 16px; color: #adadad; } .mk-toggle.fancy-style .mk-toggle-title > .mk-svg-icon { position: absolute; top: 10px; right: 10px; display: block; padding: 3px 6px 2px; fill: #adadad; -webkit-box-sizing: content-box; box-sizing: content-box; } .mk-toggle.fancy-style .mk-toggle-title.active-toggle { border-bottom: 1px solid #ececec; } .mk-toggle.fancy-style .mk-toggle-title.active-toggle:before, .mk-toggle.fancy-style .mk-toggle-title.active-toggle > .mk-svg-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mk-toggle.simple-style .mk-toggle-title { position: relative; display: block; padding: 8px 25px 8px 23px; color: #444444; font-size: 13px; cursor: pointer; } .mk-toggle.simple-style .mk-toggle-title span { vertical-align: middle; } .mk-toggle.simple-style .mk-toggle-title:before { position: absolute; top: 11px; left: -4px; display: block; padding: 3px 6px 2px; color: #adadad; content: ""; font-size: 12px; line-height: 12px; } .mk-toggle.simple-style .mk-toggle-title .mk-svg-icon { position: absolute; top: 11px; display: block; padding: 3px 6px 2px; fill: #adadad; -webkit-box-sizing: content-box; box-sizing: content-box; } .mk-toggle.simple-style .mk-toggle-title i .mk-svg-icon { left: -4px; right: auto; } .mk-toggle.simple-style .mk-toggle-title > .mk-svg-icon { left: auto; right: -4px; } .mk-toggle.simple-style .mk-toggle-title.active-toggle:before, .mk-toggle.simple-style .mk-toggle-title.active-toggle > .mk-svg-icon { left: auto; right: -4px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mk-toggle .mk-toggle-pane { position: relative; display: none; padding: 20px; background-color: #ffffff; } .mk-accordion-tab .mk-svg-icon { vertical-align: middle; } .vc_row { position: relative; } .vc_inner.mk-grid { margin: 0 auto; } /*increased specificity to override vc_row margins*/ .vc_editor .equal-columns > .vc_element { height: 100%; } /* Fix padding issue on full-content-width layout */ .mk-full-content-true .vc_col-lg-12, .mk-full-content-true .vc_col-md-12, .mk-full-content-true .vc_col-sm-12, .mk-full-content-true .vc_col-xs-12 { padding-left: 0; padding-right: 0; } /* VC FEE - Option is disabled, video container will be hidden */ .compose-mode .vc_row:not(.vc_video-bg-container) .vc_video-bg { display: none; } /* VC FEE - Fix append btn partial view */ .compose-mode .vc_row .vc_control-btn-append { top: 0; } /* VC FEE - Fix append btn z-index issue */ .compose-mode .vc_controls > .vc_controls-bc { z-index: 310 !important; } .compose-mode .vc_row.mk-fullwidth-true .vc_element:before { height: 98% !important; } /* Fix AM-2467 - Equal columns and full width - Both in VC FEE and site frontend */ .compose-mode .equal-columns .mk-grid > .vc_element, .equal-columns .mk-grid { height: 100%; } div.vc_row.mk-fullwidth-true { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; overflow: hidden; } .compose-mode .vc_vc_row > [data-mk-full-width=true] { padding-top: 32px; } /* Shortcode:Tabs -------------------------------------------------------------------- */ #mk-tabs .vc_column_container { padding-left: 10px; padding-right: 10px; } #mk-tabs .wpb_tabs_nav li { background-color: #fff; border-bottom-color: #fff; margin: 0 -1px -1px 0; position: relative; } #mk-tabs .wpb_tabs_nav a { padding: 0 20px; background-color: rgba(0, 0, 0, 0.05); border: 1px solid #ebebeb; height: 44px; line-height: 44px; color: #444; white-space: nowrap; font-weight: 700; font-size: 13px; } #mk-tabs:not(.simple-style) .wpb_tabs_nav li a:before { content: ''; position: absolute; background: #ebebeb; } #mk-tabs.horizental-style .wpb_tabs_nav li a:before { width: 1px; height: 10px; left: 0; bottom: 0; } #mk-tabs .wpb_tabs_nav a:hover .mk-svg-icon, #mk-tabs .wpb_tabs_nav a:focus .mk-svg-icon { fill: #868686; } #mk-tabs .wpb_tabs_nav a .mk-svg-icon { margin-right: 8px; fill: #b9b9b9; vertical-align: -3px; } #mk-tabs .wpb_tabs_nav .ui-state-active a { background-color: #fff; border-bottom-color: #fff; } #mk-tabs .wpb_tab { padding: 25px 25px 20px; background-color: #fff; border: 1px solid #ebebeb; } #mk-tabs .title-mobile { display: none; color: #444; white-space: nowrap; font-weight: 700; font-size: 14px; line-height: 24px; margin-bottom: 15px; background-color: rgba(0, 0, 0, 0.05); border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 5px 10px; margin-left: -25px; margin-right: -25px; } #mk-tabs.simple-style .title-mobile { margin-left: 0; margin-right: 0; } #mk-tabs .title-mobile .mk-svg-icon { margin-right: 8px; vertical-align: -3px; } /* Simple style --------------------------- */ #mk-tabs.simple-style .wpb_tabs_nav { border-bottom: 2px solid #eee; } #mk-tabs.simple-style .wpb_tabs_nav a { border-width: 0; border-bottom-width: 2px; background-color: #fff; margin-bottom: -1px; } #mk-tabs.simple-style .wpb_tabs_nav .ui-state-active a { border-bottom-color: #f97352; } #mk-tabs.simple-style .wpb_tab { border-width: 0; padding-left: 0; padding-right: 0; } /* Orientation --------------------------- */ #mk-tabs.vertical-style .wpb_tabs_nav { width: 25%; } #mk-tabs.vertical-style .wpb_tabs_nav li { width: 100%; } #mk-tabs.vertical-style .wpb_tabs_nav .ui-state-active a { border-bottom-color: #e5e5e5; } #mk-tabs.vertical-style .wpb_tabs_nav li a:before { width: 10px; height: 1px; top: 0; } /* Left */ #mk-tabs.vertical-left .wpb_tabs_nav { float: left; } #mk-tabs.vertical-left .wpb_tab { margin-left: calc( 25% - 1px); } #mk-tabs.vertical-left .wpb_tabs_nav .ui-state-active a { border-right-color: #fff; } #mk-tabs.vertical-left .wpb_tabs_nav li a:before { right: 0; } /* Right */ #mk-tabs.vertical-right .wpb_tabs_nav { float: right; } #mk-tabs.vertical-right .wpb_tab { margin-right: calc( 25% - 1px); } #mk-tabs.vertical-right .wpb_tabs_nav .ui-state-active a { border-left-color: #fff; } #mk-tabs.vertical-right .wpb_tabs_nav li a:before { left: 0; } /* Responsive ----------------------------- */ @media only screen and (max-width: 767px) { #mk-tabs.simple-style .wpb_tabs_nav { border-bottom-width: 0; } #mk-tabs.mobile-false .wpb_tabs_nav li { width: 100%; } #mk-tabs.simple-style .wpb_tabs_nav a { margin-bottom: 1px; } } /* mobile-true */ @media only screen and (max-width: 767px) { #mk-tabs.mobile-true .title-mobile { display: block; } #mk-tabs.mobile-true .wpb_tabs_nav { display: none; } #mk-tabs.mobile-true .wpb_tab { display: block !important; border-width: 0; padding-top: 0px; } #mk-tabs.mobile-true .ui-tabs-panel { display: block !important; } #mk-tabs.mobile-true.vertical-style .wpb_tab { margin-left: 0; margin-right: 0; } } /* VC FEE */ .compose-mode #mk-tabs .vc_vc_column_inner { padding-left: 0; padding-right: 0; } .compose-mode #mk-tabs .vc_vc_row_inner { padding-top: 0; } .compose-mode .vc_vc_tabs { padding-top: 0 !important; } /* Shortcode:Twitter Feed -------------------------------------------------------------------- */ .mk-tweet-shortcode li { padding: 10px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .mk-tweet-shortcode .tweet-icon { top: 15px; left: 10px; position: absolute; } .mk-twitter-shortcode { margin-bottom: 20px; } .mk-tweet-list { display: block; margin: 0; padding: 0; list-style: none; } .mk-tweet-list li { position: relative; margin: 0 0 10px 20px; } .mk-tweet-list li .mk-svg-icon { position: absolute; height: 16px; top: 8px; left: -28px; } .mk-tweet-list li .tweet-text { display: block; } .mk-tweet-list li .tweet-time { display: block; opacity: 0.7; font-size: 80%; } .mk-tweet-list.light li { color: #777777; } .mk-tweet-list.light li a { color: #777777 !important; opacity: 0.7; } .mk-tweet-list.dark li { color: #ffffff; } .mk-tweet-list.dark li a { color: #ffffff !important; opacity: 0.7; } /* Shortcode:Video Player -------------------------------------------------------------------- */ .video-container { position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0; } .video-container iframe, .video-container object, .video-container video, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container .video-thumbnail { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-color: #cccccc; } .video-container .video-thumbnail-overlay { position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .video-container .mk-svg-icon { display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .video-container .mk-svg-icon:hover { cursor: pointer; } .video-container .fade-in .mk-svg-icon { opacity: 0.5; } .video-container .fade-in .mk-svg-icon:hover { opacity: 1; } .video-container .scale-up .mk-svg-icon { -webkit-transform: scale(1); transform: scale(1); } .video-container .scale-up .mk-svg-icon:hover { -webkit-transform: scale(1.5); transform: scale(1.5); } .video-container .preloader-preview-area { margin-top: -90px; } .fancybox-video { position: absolute; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; } .fancybox-video iframe, .fancybox-video object, .fancybox-video video, .fancybox-video embed { width: 100%; height: 100%; } .fancybox-video-close { top: 0 !important; right: -40px !important; background-color: rgba(0, 0, 0, 0) !important; } .fancybox-video-close:hover { opacity: 1; } .fancybox-video-close:before, .fancybox-video-close:after { position: absolute; left: 14px; content: ' '; height: 31px; width: 2px; background-color: #fff; } .fancybox-video-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-video-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .video-container.mk-aspect-ratio { padding-bottom: 0; height: 100%; } .video-container.mk-aspect-ratio > .video-player { position: relative; } .video-container.mk-aspect-ratio video { position: relative; display: block; max-height: 100%; max-width: 100%; height: auto; width: auto; } Mixing and Mastering courses in Chandigarh

      Role of Mixing and Mastering

      You are here: