.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; } } .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; } .vc_row { position:relative; } .vc_inner.mk-grid { margin:0 auto; } .mk-gallery-item { display:block; float:left; padding:0; margin:0; } .mk-gallery .item-holder { margin:0 8px 16px 8px; position:relative; overflow:hidden; line-height:4px; } .mk-gallery .item-holder img { width:100%; } .mk-gallery .one-column { width:100%; } .mk-gallery .two-column { width:50%; } .mk-gallery .three-column { width:33.33%; } .mk-gallery .four-column { width:25%; } .mk-gallery .five-column { width:20%; } .mk-gallery .six-column { width:16.66%; } .mk-gallery .seven-column { width:14.28%; } .mk-gallery .eight-column { width:12.5%; } .mk-gallery .one-column .item-holder { margin:0 0 16px 0; } .mk-gallery .eight-column .item-holder { margin:0 4px 8px 4px; } .mk-gallery .gallery-inner { display:block; } .mk-gallery .grid-frame .item-holder { margin:0 1px 2px; } .mk-gallery .grid-frame .item-holder img { width:100%; } .mk-gallery .rounded-frame .gallery-inner { border-radius:4px; } .mk-gallery .rounded-frame .gallery-inner img, .mk-gallery .rounded-frame .image-hover-overlay { border-radius:4px; } .mk-gallery .gray_border-frame .gallery-inner { border:6px solid rgba(0, 0, 0, 0.06); } .mk-gallery .gallery-title { position:absolute; top:58%; left:0; width:100%; text-align:center; padding:0 20px; transition:all 0.4s ease-out; opacity:0; text-transform:uppercase; letter-spacing:1px; font-size:14px; line-height:22px; color:#ffffff; font-weight:bold; } .mk-gallery .gallery-caption { display:none; } .mk-gallery .hover-fadebox .mk-image-lightbox.lightbox-push-top { top:35%; } .mk-gallery .hover-fadebox:hover .image-hover-overlay { opacity:.85; } .mk-gallery .hover-fadebox:hover .mk-image-lightbox { opacity:1; } .mk-gallery .hover-fadebox:hover .gallery-title { opacity:1; top:56%; } .mk-gallery .hover-fadebox:hover img { -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(1); } .mk-gallery .hover-slow_zoom a { top:0; left:0; margin:0; display:block; width:100%; height:100%; } .mk-gallery .hover-slow_zoom img { -webkit-transform:scale(1.04); -ms-transform:scale(1.04); transform:scale(1.04); transition:all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mk-gallery .hover-slow_zoom:hover img { -webkit-transform:scale(1.11); -ms-transform:scale(1.11); transform:scale(1.11); } .mk-gallery .hover-blur .item-holder .gallery-inner img { -webkit-filter:blur(0); filter:blur(0); } .mk-gallery .hover-blur .item-holder:hover .image-hover-overlay { opacity:.85; } .mk-gallery .hover-blur .item-holder:hover .mk-image-lightbox { opacity:1; } .mk-gallery .hover-blur .item-holder:hover .gallery-title { opacity:1; top:56%; } .mk-gallery .hover-blur .item-holder:hover .gallery-inner img { transition:filter 0.2s linear, -webkit-filter 0.2s linear, -moz-filter 0.2s linear; -webkit-filter:url(#gallery-blur); filter:url(#gallery-blur); -webkit-filter:blur(5px); filter:blur(5px); } .mk-image-lightbox:hover { color:#ffffff; } .mk-image-lightbox i { line-height:100px; font-size:48px; } .mk-gallery .hover-grayscale .mk-image-lightbox { width:100%; height:100%; top:0; left:0; margin:0; position:absolute; text-align:center; cursor:pointer; color:#ffffff; opacity:0; } .mk-gallery .hover-grayscale .image-hover-overlay { opacity:1; background-color:transparent!important; } .mk-gallery .hover-grayscale .image-hover-overlay img { opacity:1; transition:opacity .2s linear; -webkit-filter:grayscale(100%); -webkit-filter:grayscale(1); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; } .mk-gallery .hover-grayscale .item-holder:hover .image-hover-overlay img { opacity:0; } .mk-gallery .hover-overlay_layer .gallery-desc { display:inline-block; position:absolute; top:0; width:100%; } .mk-gallery .hover-overlay_layer a { top:0; left:0; margin:0; display:block; width:100%; height:100%; } .mk-gallery .hover-overlay_layer .gallery-title { position:relative; top:0; display:block; padding:8px 20px; margin-bottom:10px; } .mk-gallery .hover-overlay_layer .gallery-title:after { position:absolute; content:''; bottom:0; left:50%; margin-left:-6px; height:2px; width:12px; background-color:#ffffff; } .mk-gallery .hover-overlay_layer .gallery-caption { display:block; text-transform:uppercase; text-align:center; font-size:12px; line-height:22px; color:#ffffff; opacity:0; transition:all 0.4s ease-out; } .mk-gallery .hover-overlay_layer img { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); transition:all 0.3s ease-in-out; } .mk-gallery .hover-overlay_layer:hover .image-hover-overlay { opacity:.8; } .mk-gallery .hover-overlay_layer:hover .gallery-title { opacity:1; } .mk-gallery .hover-overlay_layer:hover .gallery-caption { opacity:1; } .mk-gallery .hover-overlay_layer:hover img { -webkit-transform:scale(1.04); -ms-transform:scale(1.04); transform:scale(1.04); } @media handheld, only screen and (max-width:960px) { .mk-gallery .two-column, .mk-gallery .three-column, .mk-gallery .four-column, .mk-gallery .five-column, .mk-gallery .six-column, .mk-gallery .seven-column, .mk-gallery .eight-column { width:49.7%; } .mk-gallery .two-column img, .mk-gallery .three-column img, .mk-gallery .four-column img, .mk-gallery .five-column img, .mk-gallery .six-column img, .mk-gallery .seven-column img, .mk-gallery .eight-column img { width:100%; } } @media handheld, only screen and (max-width:540px) { .mk-gallery-item { width:100% !important; } } .mk-gallery.masnory-gallery .mk-gallery-item { width:25%; } .mk-gallery.masnory-gallery .gallery-mansory-large { width:50%; } @media handheld, only screen and (max-width:1140px) { .mk-gallery.masnory-gallery .mk-gallery-item { width:24.9%; } .mk-gallery.masnory-gallery .gallery-mansory-large { width:49.9%; } } @media handheld, only screen and (max-width:960px) { .mk-gallery.masnory-gallery .mk-gallery-item, .mk-gallery.masnory-gallery .gallery-mansory-large { width:49.9%; } } @media handheld, only screen and (max-width:767px) { .mk-gallery.masnory-gallery .mk-gallery-item, .mk-gallery.masnory-gallery .gallery-mansory-large { width:100%; } } .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item { width:24.96%; } .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large { width:49.96%; } @media handheld, only screen and (max-width:1140px) { .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item { width:24.9%; } .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large { width:49.9%; } } @media handheld, only screen and (max-width:960px) { .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item, .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large { width:49.9%; } } @media handheld, only screen and (max-width:767px) { .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item, .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large { width:100%; } } .vc_row.mk-fullwidth-true .mk-gallery .eight-column { width:12.46%; } .vc_row.mk-fullwidth-true .mk-gallery .eight-column .item-holder { margin:0 4px 8px 4px; } @media handheld, only screen and (max-width:960px) { .vc_row.mk-fullwidth-true .mk-gallery .eight-column { width:49.7%; } .vc_row.mk-fullwidth-true .mk-gallery .eight-column img { width:100%; } } @media handheld, only screen and (max-width:540px) { .vc_row.mk-fullwidth-true .mk-gallery .eight-column { width:100% !important; } } .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; } } .ajax-container { position:relative; overflow:hidden; height:0; margin:0 auto; opacity:0; } .ajax_project { padding:20px; margin-bottom:20px; border:1px solid #dddddd; border-top:none; } .ajax-controls { border:1px solid #dddddd; overflow:hidden; margin-top:20px; } .ajax-controls a { float:right; width:37px; height:37px; text-align:center; color:#bbbbbb; border-left:1px solid #dddddd; } .ajax-controls a i { font-size:16px; line-height:37px; } .ajax-controls a:hover { color:#222222; } @media handheld, only screen and (max-width:960px) { .ajax-portfolio-share.portfolio-social-share { text-align:center; } .ajax-portfolio-share.portfolio-social-share .mk-love-holder, .ajax-portfolio-share.portfolio-social-share .blog-share-container { float:none !important; } .ajax-portfolio-share.portfolio-social-share.single-social-section .single-share-box { left:-120px !important; right:auto !important; bottom:-60px !important; width:180px !important; } .ajax-portfolio-share.portfolio-social-share.single-social-section .single-share-box:before { display:none !important; } } .portfolio-loader { position:absolute; top:0; bottom:0; left:0; right:0; display:none; } .portfolio-loader .mk-preloader { position:relative; left:auto; margin:0; top:auto; } .portfolio-loader > div { background:#ffffff; border-radius:50%; padding:10px; left:50%; margin-left:-30px; margin-top:-30px; position:absolute; top:50%; } .portfolio-grid { overflow:hidden; } .mk-fullwidth-true .mk-portfolio-container.mk-portfolio-grid { width:100.5% !important; } .mk-portfolio-classic-item { float:left; } .mk-portfolio-classic-item { margin-top:20px; } .mk-portfolio-classic-item .item-holder { margin:0 10px 20px 10px; background-color:#ffffff; border:1px solid #efefef; overflow:hidden; } .mk-portfolio-classic-item .the-title { padding:0 !important; } .mk-portfolio-classic-item .hover-icon { position:absolute; top:50%; display:block; margin-top:-22px; opacity:0; padding:6px 10px; border-radius:2px; text-align:center; } .mk-portfolio-classic-item .hover-icon i { font-size:32px; color:#ffffff; line-height:32px; } .mk-portfolio-classic-item .from-left { margin-left:-50px; right:auto; left:45%; } .mk-portfolio-classic-item .from-right { margin-right:-50px; right:45%; } .mk-portfolio-classic-item .from-right.move-to-right { margin-right:-20px !important; } .mk-portfolio-classic-item .featured-image { position:relative; } .mk-portfolio-classic-item .featured-image img { position:relative; width:100%; } .mk-portfolio-classic-item .featured-image:hover .hover-icon, .mk-portfolio-classic-item .featured-image.hover .hover-icon { opacity:1; } .mk-portfolio-classic-item .featured-image:hover .from-left, .mk-portfolio-classic-item .featured-image.hover .from-left { left:50%; } .mk-portfolio-classic-item .featured-image:hover .from-right, .mk-portfolio-classic-item .featured-image.hover .from-right { right:50%; } .mk-portfolio-classic-item .featured-image:hover .image-hover-overlay, .mk-portfolio-classic-item .featured-image.hover .image-hover-overlay { opacity:0.8; } .portfolio-meta-wrapper { padding:20px; } .portfolio-meta-wrapper .the-title { line-height:20px !important; margin-bottom:8px; font-size:14px !important; } .portfolio-meta-wrapper .the-title a { text-transform:uppercase; letter-spacing:1px; } .portfolio-meta-wrapper .portfolio-categories a { font-size:11px; letter-spacing:1px; text-transform:uppercase; } .portfolio-meta-wrapper .the-excerpt { margin-top:10px; margin-bottom:0; opacity:0.8; } .mk-portfolio-grid-item { float:left; overflow:hidden; } .mk-portfolio-masonry-item .the-title a, .mk-portfolio-grid-item .the-title a{ color:#fff; } .mk-fullwidth-false .mk-portfolio-grid-item.six-column .portfolio-meta { display:none; } .mk-fullwidth-true .mk-portfolio-grid-item.two-column { width:49.96%; } .mk-fullwidth-true .mk-portfolio-grid-item.five-column { width:19.96%; } .mk-fullwidth-true .mk-portfolio-grid-item.six-column { width:16.6666666666667%; } .mk-portfolio-container { transition:height 0.3s 0.3s; } .mk-portfolio-container:after, .mk-portfolio-container:before { content:" "; display:table; } .mk-portfolio-container:after { clear:both; } .mk-portfolio-container.grid-spacing-true .one-column { margin:0 !important; } .mk-portfolio-container.grid-spacing-true .four-column { width:25%; } .mk-isotop-item { float:left; } .mk-portfolio-masonry-item { position:relative; width:12.5%; overflow:hidden; border-top-width:0; border-style:solid; border-color:transparent; box-sizing:border-box; float:left; } .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width:25%; } .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_three_x_two_x { width:37.5%; } .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_four_x_two_x { width:50%; } .mk-portfolio-masonry-item .item-holder { margin:0; } @media handheld, only screen and (max-width:1280px) { .mk-portfolio-masonry-item.size_x_x, .mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_three_x_two_x { width:25%; } .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width:25%; } .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width:50%; } } @media handheld, only screen and (max-width:1140px) { .mk-portfolio-masonry-item.size_x_x, .mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_three_x_two_x { width:50%; } .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width:50%; } .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_four_x_two_x { width:100%; } } @media handheld, only screen and (max-width:850px) { .mk-portfolio-masonry-item.size_x_x, .mk-portfolio-masonry-item.size_x_two_x { width:50%; } .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_two_x_two_x { width:100%; } .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_three_x_two_x { width:100%; } .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_four_x_two_x { width:100%; } } @media handheld, only screen and (max-width:600px) { .mk-portfolio-masonry-item { width:100%; } } .mk-portfolio-masonry-item .featured-image { line-height:4px; position:relative; } .mk-portfolio-masonry-item .featured-image > img { max-width:100%; width:100% !important; } .single-featured-image, .mk-portfolio-video { margin-bottom:20px; } .portfolio-social-share { margin-bottom:20px; padding-bottom:20px; } .portfolio-social-share.single-social-section .single-share-box { left:-220px !important; } @media handheld, only screen and (max-width:960px) { .portfolio-social-share.single-social-section .single-share-box { right:-200px; left:auto !important; } } .portfolio-title { display:block; font-size:26px !important; padding-bottom:10px; margin-bottom:5px; border-bottom:3px solid #dddddd; } .portfolio-single-cat { float:left; margin-bottom:20px; font-weight:bold; text-transform:uppercase; font-size:13px; } .portfolio-desc { margin-bottom:20px; padding-right:40px; } .portfolio-single-content { margin-bottom:40px; } .portfolio-similar-posts { padding:60px 0; border-top:1px solid #dfe2e5; background-color:rgba(0, 0, 0, 0.03); } .portfolio-similar-posts .similar-post-title { font-size:16px; text-transform:uppercase; color:#3f3f3f; margin-bottom:50px; text-align:center; letter-spacing:3px; } .portfolio-similar-posts ul { margin:0; padding:0; line-height:4px; text-align:center; width:100%; } .portfolio-similar-posts ul li { display:inline-block; margin:0; padding:0; width:25%; } @media handheld, only screen and (max-width:960px) { .portfolio-similar-posts ul li { width:33.33%; } } @media handheld, only screen and (max-width:780px) { .portfolio-similar-posts ul li { width:50%; } } @media handheld, only screen and (max-width:550px) { .portfolio-similar-posts ul li { width:100%; } } .portfolio-similar-posts-image { position:relative; line-height:4px; } .portfolio-similar-posts-image .modern-post-type-icon { top:4%; display:block; width:100%; left:0; margin-left:0!important; padding:20px 0; position:absolute; opacity:0; text-align:center; line-height:100px; color:#fff; z-index:50; transition:opacity .3s, top .3s ; } .portfolio-similar-posts-image .modern-post-type-icon i { font-size:48px; line-height:50px; } .portfolio-similar-posts-image img { width:100%; max-width:100%; position:relative; } .portfolio-similar-posts-image .portfolio-similar-meta { bottom:0; } .portfolio-similar-posts-image:hover .portfolio-similar-meta { opacity:1; bottom:10px; } .portfolio-similar-posts-image:hover .modern-post-type-icon { opacity:1; top:7%; } .portfolio-similar-posts-image:hover .image-hover-overlay { opacity:.8; } .portfolio-similar-meta { position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:20px; line-height:22px; opacity:0; } .portfolio-similar-meta .the-title { color:#ffffff; font-size:14px; line-height:18px; font-weight:bold; } .portfolio-similar-meta .portfolio-categories { color:#ffffff; } #mk-filter-portfolio ul { margin:0; padding:0; list-style:none; float:left; display:inline-block; width:100%; } #mk-filter-portfolio ul.align-left { text-align:left; } #mk-filter-portfolio ul.align-center { text-align:center; } #mk-filter-portfolio ul.align-right { text-align:right; } #mk-filter-portfolio ul li { display:inline-block; margin:0 10px 10px 0; } #mk-filter-portfolio.sortable-classic-style { padding:40px 0; } #mk-filter-portfolio.sortable-classic-style ul li { margin:8px; } #mk-filter-portfolio.sortable-classic-style ul li a { padding:14px 16px; line-height:13px; font-size:13px; color:#333333; color:#323232; display:block; letter-spacing:1px; } #mk-filter-portfolio.sortable-classic-style ul li a.current { background-color:#969696; background-color:rgba(0, 0, 0, 0.08); border-radius:2px; } #mk-filter-portfolio.sortable-outline-style { padding:30px 0px; } #mk-filter-portfolio.sortable-outline-style.portfolio-fiter-classic { margin-bottom:20px; } #mk-filter-portfolio.sortable-outline-style ul li { margin:8px; } #mk-filter-portfolio.sortable-outline-style ul li a { padding:11px 12px; line-height:13px; font-size:13px; font-weight:bold; display:block; border:2px solid transparent; letter-spacing:1px; } .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; }