.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-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); -ms-transform:tranzlateZ(0); transform:tranzlateZ(0); -webkit-transform-origin:top center; -ms-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: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; } } .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; } } .mk-box-icon-2 { display:block; } .mk-box-icon-2 .mk-box-icon-2-icon { border-width:2px !important; border-radius:50%; 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; } .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 { 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; } } .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; } @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 { text-decoration:underline; font-size:12px; } .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; } .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-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-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; } .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; } .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; } } .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 { 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; transition:background 0.3s, color 0.3s, box-shadow 0.3s; border-radius:50%; 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%; transform:translate(-50%, -50%); } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform:translateX(100%) translateY(-50%); } 50% { opacity:0; -webkit-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; } } .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; } .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; } .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; } .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-box-icon { position:relative; -webkit-backface-visibility:hidden; } .mk-box-icon .mk-main-ico { display:flex; 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 .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:flex !important; 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; } .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; 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; } .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-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; 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; } .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); -ms-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); -ms-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 { transition:height 0.1s; } .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 .mk-love-holder { position:absolute; right:20px; top:15px; } .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: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.instagram-post-type .blog-grid-holder .mk-love-holder { top:12px; } .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.blockquote-post-type .blog-grid-holder .mk-love-holder { top:12px; } .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-grid-item.twitter-post-type .blog-grid-holder .mk-love-holder { top:12px; } .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 { 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 { background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 70%, #ffffff 100%); 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 .mk-love-holder { display:inline-block; margin-left:10px; } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section .blog-loop-comments svg, .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section .mk-love-holder 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; 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, .mk-blog-modern-item .mk-love-holder { 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, .mk-blog-modern-item .mk-love-holder svg { height:16px; } .mk-blog-modern-item .blog-loop-comments span, .mk-blog-modern-item .mk-blog-share span, .mk-blog-modern-item .mk-love-holder 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; border-bottom:1px solid #efefef; } .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 .mk-love-holder i span { position:absolute; } .mk-blog-modern-item .mk-love-holder .mk-love-count { display:block; } .mk-blog-modern-item .blog-social-share { position:absolute; left:-6px; top:-52px; width:216px; 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:150px; border-right:1px solid #efefef; text-transform:center; margin-left:20px; } .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; 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); -ms-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, .mk-blog-newspaper-item .mk-love-holder { 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, .mk-blog-newspaper-item .mk-love-holder svg { height:16px; vertical-align:middle; } .mk-blog-newspaper-item .blog-loop-comments:hover, .mk-blog-newspaper-item .newspaper-item-share:hover, .mk-blog-newspaper-item .mk-love-holder:hover { color:#b1b1b1; } .mk-blog-newspaper-item .blog-loop-comments .mk-love-this span, .mk-blog-newspaper-item .newspaper-item-share .mk-love-this span, .mk-blog-newspaper-item .mk-love-holder .mk-love-this span { color:#b1b1b1; } .mk-blog-newspaper-item .blog-loop-comments .mk-love-this svg, .mk-blog-newspaper-item .newspaper-item-share .mk-love-this svg, .mk-blog-newspaper-item .mk-love-holder .mk-love-this svg { height:16px; fill:#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:bottom; } .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: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 { display:none; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .newspaper-item-footer .mk-readmore { display:none; } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-love-holder { top:12px; } .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.blockquote-post-type .blog-item-holder .mk-love-holder { top:12px; } .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; } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-love-holder { top:12px; } .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; 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); -ms-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; } } .mk-tabs .mk-tabs-panes .mk-tabs-pane { z-index:8; } .mk-tabs.default-style .mk-tabs-tabs { z-index:10; } .mk-tabs.default-style .mk-tabs-panes { z-index:1; } .mk-tabs { margin-bottom:20px; } .mk-tabs .mk-svg-icon { vertical-align:middle; } .mk-tabs .mk-tabs-tabs li { position:relative; display:inline; float:left; margin:0; padding:0; } .mk-tabs .vc_column_container { padding-left:10px; padding-right:10px } .mk-tabs .vc_column_container:first-of-type { padding-left:0; } .mk-tabs .vc_column_container:last-of-type { padding-right:0; } @media handheld, only screen and (max-width:767px) { .mk-tabs .mk-tabs-tabs li { float:none; display:block; } } .mk-tabs .mk-tabs-tabs li a { display:block; margin:0; outline:none; color:#444444; white-space:nowrap; font-weight:bold; font-size:13px; line-height:24px; cursor:pointer; } .mk-tabs .mk-tabs-panes .title-mobile { display:none; color:#444444; white-space:nowrap; font-weight:bold; 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; } .mk-tabs .mk-tabs-panes .mk-tabs-pane { position:relative; } @media handheld, only screen and (max-width:767px) { .mk-tabs.mobile-true .mk-tabs-tabs { display:none; } .mk-tabs.mobile-true .mk-tabs-panes .title-mobile { display:block; } .mk-tabs.mobile-true .mk-tabs-panes .mk-tabs-pane { margin-bottom:20px; } } .mk-tabs.default-style { margin-bottom:20px; } .mk-tabs.default-style .mk-tabs-tabs { position:relative; margin:0 0 -1px 0 !important; } @media handheld, only screen and (max-width:767px) { .mk-tabs.default-style .mk-tabs-tabs { margin-bottom:20px !important; margin-left:0 !important; } } .mk-tabs.default-style .mk-tabs-tabs li a { padding:10px 20px; border:1px solid #e5e5e5; border-left:none; background-color:#ebebeb; background-color:rgba(0, 0, 0, 0.05); } .mk-tabs.default-style .mk-tabs-tabs li:first-child a { border-left:1px solid #e5e5e5; border-top-left-radius:2px; -moz-border-radius-topleft:2px; } .mk-tabs.default-style .mk-tabs-tabs li:last-of-type a { border-top-right-radius:2px; -moz-border-radius-topright:2px; } .mk-tabs.default-style .mk-tabs-tabs li:hover svg { fill:#868686 !important; } .mk-tabs.default-style .mk-tabs-tabs li.tab-with-icon a { padding:10px 20px 10px 14px !important; line-height:24px; } .mk-tabs.default-style .mk-svg-icon { margin-right:8px; fill:#b9b9b9; height:16px; } .mk-tabs.default-style .mk-tabs-tabs li.is-active a { padding-bottom:11px !important; border-bottom:none !important; cursor:default; background:-o-linear-gradient(top, transparent, transparent); background-color:transparent; } @media handheld, only screen and (max-width:767px) { .mk-tabs.default-style .mk-tabs-tabs li.is-active a { border:1px solid #e5e5e5 !important; } } .mk-tabs.default-style .mk-tabs-panes { border:1px solid #e5e5e5; position:relative; margin:0; } @media handheld, only screen and (max-width:767px) { .mk-tabs.default-style .mk-tabs-panes { border:0; } } .mk-tabs.default-style .mk-tabs-panes .mk-tabs-pane { padding:0; } .mk-tabs.default-style .mk-tabs-panes .mk-tabs-pane.is-active { padding:25px 25px 20px; } @media handheld, only screen and (max-width:767px) { .mk-tabs.default-style .mk-tabs-panes .mk-tabs-pane { padding:0 !important; } .mk-tabs.mobile-true .mk-tabs-pane { display:block; } .mk-tabs-pane-content { padding:0 20px; } .mk-tabs .vc_column_container>.vc_column-inner { padding-left:0; padding-right:0; } } .mk-tabs.default-style.vertical-style .mk-tabs-tabs { float:left; margin:0 -1px 0 0 !important; width:25%; border:1px solid #e5e5e5; border-right:none; border-bottom:none; } .mk-tabs.default-style.vertical-style .mk-tabs-tabs li { display:block; float:none; } .mk-tabs.default-style.vertical-style .mk-tabs-tabs li a { border:1px solid #e5e5e5; border-top:none; border-left:none; } .mk-tabs.default-style.vertical-style .mk-tabs-tabs li:last-of-type a { border-top-right-radius:0; -moz-border-radius-topright:0; } .mk-tabs.default-style.vertical-style .mk-tabs-tabs li.is-active a { padding-right:21px !important; border-right:1px solid #ffffff; border-bottom:1px solid #e5e5e5 !important; } .mk-tabs.default-style.vertical-style .mk-tabs-tabs li a { white-space:normal; } .mk-tabs.default-style.vertical-style .mk-tabs-panes { float:left; width:75%; border:none; border:1px solid #e5e5e5; } @media handheld, only screen and (max-width:767px) { .mk-tabs.default-style.vertical-style .mk-tabs-panes { float:none !important; width:100% !important; border:0 !important; } } .mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs { float:right; margin:0 0 0 -1px !important; } @media handheld, only screen and (max-width:767px) { .mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs { width:100%; margin-bottom:20px !important; float:none; } } .mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs li a { border:1px solid #e5e5e5; border-top:none; border-left:none; } .mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs li.is-active a { margin-left:-1px !important; border-bottom:1px solid #e5e5e5 !important; border-left:none !important; } .mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-panes { float:right; } @media handheld, only screen and (max-width:767px) { .mk-tabs.default-style.vertical-style.mobile-true .mk-tabs-tabs { width:100%; margin-bottom:20px !important; margin-right:0 !important; float:none; } .mk-tabs.default-style.vertical-style.mobile-true .mk-tabs-tabs li.is-active a { border:1px solid #e5e5e5 !important; margin:0 !important; } .mk-tabs.default-style.vertical-style.mobile-true.vertical-right .mk-tabs-tabs li.is-active a { border:1px solid #e5e5e5 !important; margin:0 !important; } } @media handheld, only screen and (max-width:600px) { .mk-tabs.default-style.vertical-style .mk-tabs-panes { width:60%; } .mk-tabs.default-style.vertical-style .mk-tabs-tabs { width:40%; } .mk-tabs.default-style.horizental-style .mk-tabs-tabs { border-bottom:1px solid #e5e5e5; } .mk-tabs.default-style.horizental-style .mk-tabs-tabs li { display:block; float:none; border-bottom:none; border-left:1px solid #e5e5e5; } .mk-tabs.default-style.horizental-style .mk-tabs-tabs li a { border-bottom:none !important; } .mk-tabs.default-style.horizental-style .mk-tabs-tabs li:first-child a { border-left:none !important; } } .mk-tabs.simple-style .mk-tabs-tabs { margin:0; border-bottom:2px solid #eeeeee; } .mk-tabs.simple-style .mk-tabs-tabs li a { padding:14px 18px; margin:0 0 -2px 0; } @media handheld, only screen and (max-width:767px) { .mk-tabs.simple-style .mk-tabs-tabs li a { margin:0; } } .mk-tabs.simple-style .mk-tabs-tabs li.tab-with-icon a { line-height:22px; } .mk-tabs.simple-style .mk-svg-icon { height:20px; width:20px; margin-right:6px; } .mk-tabs.simple-style .mk-tabs-tabs li.is-active a { border-bottom-style:solid; border-bottom-width:2px; } .mk-tabs.simple-style .mk-tabs-panes { padding:25px 0 15px; } @media handheld, only screen and (max-width:780px) { .mk-tabs.simple-style .mk-tabs-tabs { border-bottom:none !important; } .mk-tabs.simple-style .mk-tabs-tabs li { float:none !important; display:block !important; } .mk-tabs.simple-style .mk-tabs-tabs li a { border-bottom:2px solid #eeeeee; } } .mk-tabs-pane { overflow:hidden; height:0; } .mk-tabs-pane.is-active { height:auto; } @media handheld, only screen and (max-width:780px) { .mobile-true .mk-tabs-pane { height:auto; } } .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-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-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; } .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-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; } .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; } .mk-image-switch.fading-animation .image__container .first__image, .mk-image-switch.fading-animation .image__container .second__image { 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; } .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; } .mk-page-section-wrapper { display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; } .mk-page-section { position:relative; width:100%; } .mk-page-section[data-intro-effect=false] { will-change:position; } .mk-page-section:not(.mk-adaptive-height):not(.intro-true) { height:auto !important; } .mk-page-section-inner { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; will-change:position; } .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; } } .mk-page-section.drop-top-shadow { 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; } 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:40%; 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; } .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; } .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-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; } .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; 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; } .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); -ms-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-news-container { margin-bottom:50px; } .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; } .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; 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; } }