.mk-skill-meter { margin-bottom:15px; } .mk-skill-meter .mk-skill-meter-title { letter-spacing:1px; display:block; margin-bottom:6px; font-weight:bold; line-height:14px; } .mk-skill-meter .mk-progress-bar { position:relative; display:block; text-align:right; } .mk-skill-meter .mk-progress-bar .progress-outer { position:absolute; top:0; left:0; height:100%; } .mk-skill-meter .mk-progress-bar .progress-inner { position:absolute; top:0; left:0; display:block; overflow:hidden; width:100%; height:100%; } .mk-skill-meter .mk-progress-bar .progress-percent { position:absolute; right:10px; font-weight:bold; font-size:12px; letter-spacing:1px; } .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:before { position:absolute; top:20px; left:20px; display:block; color:#dddddd; color:rgba(0, 0, 0, 0.1); content:"\f10d"; font-size:32px; } .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; } } .vc_row { position:relative; } .vc_inner.mk-grid { margin:0 auto; } .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:38px; height:38px; background-color:rgba(0, 0, 0, 0.4); text-align:center; position:absolute; padding:10px; 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; font-size:16px; line-height:38px; } .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 i { line-height:40px; font-size:16px; } .mk-swipe-slideshow .mk-swiper-prev { left:20px; } .mk-swipe-slideshow .mk-swiper-next { right:20px; } .mk-slider-holder-img { visibility:hidden; } .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 i { padding-left:6px; vertical-align:top; font-size:16px; color:#cccccc; } .mk-divider.go_top_thick .divider-inner:before { height:2px; } .mk-divider.divider_page_divider { width:100%; } .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-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 i { font-size: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 i { font-size: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 i { font-size:72px; } .mk-milestone.milestone-large .milestone-number, .mk-milestone.milestone-large .milestone-prefix, .mk-milestone.milestone-large .milestone-suffix { font-size:50px; } .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-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-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; line-height:4px; font-size:16px; } .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-dark { color:#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:100%; 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-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-light{ background-color:#ffffff; color:#222222; } .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--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 { display:block; transform:translate3d(0, -100%, 0); -webkit-transform:translate3d(0, -100%, 0); margin:auto; } .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; } }