.mk-button { box-sizing:border-box; transition:color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out; -webkit-transition:color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out; } .mk-button .mk-button--icon{ margin:-2px 15px 0 0; } .mk-button .mk-button--icon svg{ height:16px; vertical-align:middle; } .mk-button-container.text-center { clear:both; } .mk-button-container.width-full { width:100%; float:none; } .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; } .mk-button--size-small { padding:12px 18px; font-size:10px; line-height:100%; } .mk-button--size-medium { padding:14px 24px; font-size:12px; line-height:100%; } .mk-button--size-large { padding:20px 28px; font-size:14px; line-height:100%; } .mk-button--size-x-large { padding:28px 36px; font-size:16px; line-height:100%; } .mk-button--size-xx-large { padding:38px 44px; font-size:18px; line-height:100%; } .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 { box-shadow:inset 0 0 1px rgba(0,0,0,.8); } .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; } .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; } .mk-button--dimension-outline.skin-dark:hover { background-color:#252525; color:#ffffff; } .mk-button--dimension-outline.skin-light:hover { background-color:#ffffff; color:#252525; } .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; } .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; 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; } .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, 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: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:transform .2s; -webkit-transition:-webkit-transform .2s; display:flex; display:-webkit-flex; align-items:center; -webkit-align-items: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; } .mk-audio-section { display:block; background-color:#fbb845; height:100px; } .mk-audio-section > img { float:left; filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(1); 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; } .jp-controls-holder { clear:both; width:100%; margin:0 auto; position:relative; overflow:hidden; top:-8px; } .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; } 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; } .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; } 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; } .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; } .jp-jplayer audio, .jp-jplayer { width:0px; height:0px; } .jp-jplayer { background-color:#000000; } 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%; } .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; } .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 { filter:alpha(opacity=@opacity * 100); -moz-opacity:60; -khtml-opacity:60; opacity:60; opacity:0.6; } .mk-swipe-slideshow .swiper-arrows, .mk-swipe-slideshow .swiper-zoom-icon { 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; filter:alpha(opacity=@opacity * 100); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .mk-swipe-slideshow .swiper-arrows { top:50%; -webkit-transform:translate(0, -50%); -ms-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-zoom-icon { top:20px; left:20px; } .mk-swipe-slideshow .swiper-zoom-icon svg { height:16px; } .mk-slider-holder:hover .swiper-zoom-icon { -moz-opacity:60; -khtml-opacity:60; opacity:60; opacity:0.6; } .mk-slider-holder .swiper-zoom-icon:hover { -moz-opacity:100; -khtml-opacity:100; opacity:100; opacity:1; } .mk-swipe-slideshow .swiper-arrows:hover { background-color:rgba(0, 0, 0, 0.6); filter:alpha(opacity=@opacity * 100); -moz-opacity:100; -khtml-opacity:100; opacity:100; 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; } .vc_row { position:relative; } .vc_inner.mk-grid { margin:0 auto; } .mk-banner-builder { margin-bottom:0; } .mk-gradient-button a { 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 { 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 { 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; 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; 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; } } .height-full .mk-custom-box, .height-full .box-holder { height:100%; width:100%; 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.clearfix { } .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; 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; 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); -ms-transform:scale(1.04); transform:scale(1.04); transition:-webkit-transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition:transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition:transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform .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); -ms-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); -ms-transform:scale(1.03); transform:scale(1.03); } .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before { opacity:0; 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; 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); } .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%; } .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); -ms-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); -ms-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); -ms-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; } .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; } .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:"\f054"; font-size:12px !important; line-height:16px; } .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); -ms-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); -ms-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); -ms-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-single { margin-bottom:15px; } .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; } .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:"\f054"; 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; } .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); -ms-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:"\f054"; 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; } .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); -ms-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; } .mk-image { position:relative; line-height:4px; } .mk-image.align-left { text-align:left; } .mk-image.align-right { float:right; } .mk-image.align-center { margin-right:auto; margin-left:auto; text-align:center; } .mk-image.align-center .mk-image-holder { margin:0 auto; } .mk-image.align-center .mk-image-inner img { transition:filter .2s ease; } .mk-image.lightbox-enabled .mk-image-inner:hover img { -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(1); } .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; box-shadow:0 0 5px rgba(0, 0, 0, 0.25); } .mk-image.shadow_only-frame .mk-image-inner { 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; } @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; text-align:center !important; } } .video-container { position:relative; overflow:hidden; margin-bottom:20px; padding-bottom:56.25%; height:0; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .mk-blog-teaser { } .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); -ms-transform-origin:left center; transform-origin:left center; -webkit-transform-origin:left center; 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); -ms-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; } .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 .mk-love-holder, .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 .mk-love-holder svg, .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 .mk-love-holder span, .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%; } }