.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; } } .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 li a i { display:block; } .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; color:#252525; } a.jp-play:hover, a.jp-pause:hover { color:#ffffff; border-color:#ffffff; } a.jp-play i, a.jp-pause i { line-height:30px; width:30px; font-size:16px; } 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 i { position:absolute; left:-12px; color:#252525; font-size:16px; line-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: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; } .vc_row { position:relative; } .vc_inner.mk-grid { margin:0 auto; } .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-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-testimonial { margin:3px 3px 40px; } .mk-testimonial .mk-testimonial-content { position:relative; margin-bottom:30px; margin-top:10px; padding:20px 20px 0; } .mk-testimonial .mk-testimonial-content p { margin-bottom:20px; } .mk-testimonial .mk-testimonial-author { display:block; margin-bottom:5px; font-weight:bold; font-size:13px; line-height:11px; } .mk-testimonial .mk-testimonial-company { font-size:12px; line-height:14px; opacity:.8; } .mk-testimonial .flex-direction-nav a { color:#878787; opacity:.4; } .mk-testimonial .flex-direction-nav a:hover { opacity:1; } .mk-testimonial.boxed-style .mk-testimonial-content { border:1px solid #ededed; background-color:#fafafa; border-radius:4px; } .mk-testimonial.boxed-style .mk-testimonial-content:before { position:absolute; bottom:-7px; left:35px; display:block; width:14px; height:14px; border:1px solid #ededed; border-top:none; border-left:none; background-color:#fafafa; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .mk-testimonial.boxed-style .mk-testimonial-image { position:relative; float:left; margin:0 20px; } .mk-testimonial.boxed-style .mk-testimonial-image img { width:50px !important; height:50px !important; border-radius:100%; box-shadow:0 0 1px #a9a9a9; } .mk-testimonial.boxed-style .flex-direction-nav a { bottom:0; } .mk-testimonial.boxed-style .flex-direction-nav .flex-next { right:0 !important; margin:0; } .mk-testimonial.boxed-style .flex-direction-nav .flex-prev { right:20px !important; } .mk-testimonial.simple-style { padding:10px 50px 0; margin-top:37px; text-align:center; } .mk-testimonial.simple-style.testimonial-column .mk-moon-quotes-left, .mk-testimonial.simple-style.testimonial-column .mk-moon-quotes-right { display:none !important; } @media handheld, only screen and (max-width:767px) { .mk-testimonial.simple-style.simple-style { padding:0; } .mk-testimonial.simple-style .mk-moon-quotes-left, .mk-testimonial.simple-style .mk-moon-quotes-right { display:none !important; } } .mk-testimonial.simple-style .mk-testimonial-author { font-size:16px; } .mk-testimonial.simple-style .mk-testimonial-company { font-size:12px; } .mk-testimonial.simple-style .mk-moon-quotes-left, .mk-testimonial.simple-style .mk-moon-quotes-right { position:absolute; color:#eeeeee; font-size:50px; } .mk-testimonial.simple-style .mk-testimonial-content { margin-bottom:0; font-size:18px !important; line-height:28px; } .mk-testimonial.simple-style .mk-testimonial-content p { text-align:center; } @media handheld, only screen and (max-width:767px) { .mk-testimonial.simple-style .mk-testimonial-content { padding:0px !important; } } .mk-testimonial.simple-style .mk-testimonial-content p { font-size:inherit; line-height:inherit; } .mk-testimonial.simple-style .mk-moon-quotes-left { top:70px; left:0; } .mk-testimonial.simple-style .mk-moon-quotes-right { top:70px; right:0; } .mk-testimonial.simple-style .flex-direction-nav a i { font-size:16px; } .mk-testimonial.simple-style .flex-direction-nav .flex-next, .mk-testimonial.simple-style .flex-direction-nav .flex-prev { content:''; display:block; width:45px; height:45px; border:2px solid #cccccc; position:absolute; line-height:45px; } .mk-testimonial.simple-style .flex-direction-nav .flex-next i, .mk-testimonial.simple-style .flex-direction-nav .flex-prev i { font-size:14px; } .mk-testimonial.simple-style .flex-direction-nav .flex-next:after { left:-15px; } .mk-testimonial.simple-style .flex-direction-nav .flex-next { top:-30px; left:50% !important; margin:0 0 0 28px; } .mk-testimonial.simple-style .flex-direction-nav .flex-prev { top:-30px; left:50% !important; margin:0 0 0 -40px; } .mk-testimonial.simple-style.light-version .mk-testimonial-content, .mk-testimonial.simple-style.light-version .mk-testimonial-content p, .mk-testimonial.simple-style.light-version .mk-testimonial-company, .mk-testimonial.simple-style.light-version .mk-testimonial-author, .mk-testimonial.simple-style.light-version .flex-direction-nav a i { color:#ffffff !important; } .mk-testimonial.simple-style.light-version .flex-direction-nav .flex-next:after, .mk-testimonial.simple-style.light-version .flex-direction-nav .flex-prev:after { border:2px solid #ffffff; } .mk-testimonial.simple-style.light-version .mk-moon-quotes-left, .mk-testimonial.simple-style.light-version .mk-moon-quotes-right { color:rgba(255, 255, 255, 0.2); } .mk-testimonial.avantgarde-style { padding:0px 50px 0; text-align:center; } .mk-testimonial.avantgarde-style.mk-testimonial { margin:3px 3px 0px !important; } .mk-testimonial.avantgarde-style .mk-testimonial-image { display:block; text-align:center; } .mk-testimonial.avantgarde-style .mk-testimonial-image img { margin:10px auto; width:95px !important; height:95px !important; border-radius:100%; } .mk-testimonial.avantgarde-style .mk-testimonial-author { font-size:14px; color:#444444 !important; text-transform:uppercase; letter-spacing:1px; margin:25px 0 10px 0; } .mk-testimonial.avantgarde-style .mk-testimonial-company { font-size:12px; font-style:italic; } .mk-testimonial.avantgarde-style .mk-testimonial-content { margin-bottom:0; font-size:18px !important; line-height:28px; font-style:italic; padding:0px 20% 20px 20%; font-weight:bold; } .mk-testimonial.avantgarde-style .mk-testimonial-content p { text-align:center; } @media handheld, only screen and (max-width:767px) { .mk-testimonial.avantgarde-style .mk-testimonial-content { padding:0px !important; } } .mk-testimonial.avantgarde-style .mk-testimonial-content p { font-size:inherit; line-height:inherit; } .mk-testimonial.avantgarde-style .flex-direction-nav a { display:inline-block; width:70px; height:70px; line-height:76px; text-align:center; border:1px solid #878787; border-radius:50%; } .mk-testimonial.avantgarde-style .flex-direction-nav a i { font-size:16px; } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-next { top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); right:0 !important; margin:0; } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-prev { top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); left:0 !important; margin:0 !important; } .mk-testimonial.avantgarde-style.light-version .mk-testimonial-content, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-content p, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-company, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-author, .mk-testimonial.avantgarde-style.light-version .flex-direction-nav a i { color:#ffffff !important; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav a { border:1px solid #ffffff; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav a i { font-size:16px; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav .flex-next { margin:0 0 0 6px; } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav .flex-prev { margin:0 0 0 -54px; } .mk-testimonial.avantgarde-style.light-version .mk-moon-quotes-left, .mk-testimonial.avantgarde-style.light-version .mk-moon-quotes-right { color:rgba(255, 255, 255, 0.2); } @media handheld, only screen and (max-width:767px) { .mk-testimonial.avantgarde-style { padding:60px 0 0 0; } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-next { top:0; -webkit-transform:translate(110%, -50%); -ms-transform:translate(110%, -50%); transform:translate(110%, -50%); right:50% !important; margin:0; } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-prev { top:0; -webkit-transform:translate(-110%, -50%); -ms-transform:translate(-110%, -50%); transform:translate(-110%, -50%); left:50% !important; margin:0 !important; } .mk-testimonial.avantgarde-style .mk-testimonial-content { padding:0; } } .mk-testimonial.modern-style .mk-testimonial-content { padding:20px; border:1px solid rgba(0, 0, 0, 0.05); background-color:#ffffff; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05); border-radius:3px; } .mk-testimonial.modern-style .mk-testimonial-content:before { position:absolute; bottom:-8px; left:55px; display:block; width:14px; height:14px; border:2px solid rgba(0, 0, 0, 0.05); border-top:none; border-left:none; background-color:#ffffff; content:""; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .mk-testimonial.modern-style .mk-testimonial-quote { padding:20px 20px 0; } @media handheld, only screen and (max-width:767px) { .mk-testimonial.modern-style .mk-testimonial-quote { padding:0px !important; } } .mk-testimonial.modern-style .mk-testimonial-image { position:relative; float:left; margin:0 20px; } .mk-testimonial.modern-style .mk-testimonial-image img { width:50px !important; height:50px !important; border-radius:50%; box-shadow:0 0 1px #a9a9a9; } .mk-testimonial.modern-style .mk-testimonial-author { margin-top:30px; color:#252525 !important; } .mk-testimonial.modern-style .flex-control-nav { top:15px; display:block; height:5px; bottom:auto; } .mk-testimonial.modern-style .flex-control-nav li { margin:0; } .mk-testimonial.modern-style .flex-control-nav li a { display:block; padding:0 3px; } .mk-testimonial.modern-style .flex-control-nav li a i { color:#b2b2b2; font-size:5px; } .mk-testimonial.modern-style .flex-control-nav li a i:before { content:"\f111" !important; } .mk-testimonial.modern-style .flex-control-nav li a.flex-active i { color:#4c4c4c; } .testimonial-column .testimonial-ul { margin:0; padding:0; list-style:none; } .testimonial-column .testimonial-item { display:inline-block; margin:0; float:left; padding:0 15px 30px 15px; } .testimonial-column .one-column { width:100%; padding:0 0 30px; } .testimonial-column .two-column { width:50%; } .testimonial-column .three-column { width:33%; } .testimonial-column .four-column { width:25%; } @media handheld, only screen and (max-width:900px) { .testimonial-column .four-column, .testimonial-column .three-column { width:50% !important; } .testimonial-column .clearboth { display:none; } .testimonial-column .testimonial-item:nth-of-type(2n):after { display:block; content:''; clear:both; } } @media handheld, only screen and (max-width:600px) { .testimonial-column .four-column, .testimonial-column .three-column, .testimonial-column .two-column { width:100% !important; padding:0 0 30px 0 !important; } } .title-line-style { text-align:center; position:relative; padding:30px 0; letter-spacing:3px; text-transform:uppercase; } .title-line-style.light-version { color:#ffffff !important; } .title-line-style::after { display:block; content:''; position:absolute; width:30px; height:3px; bottom:0; left:50%; margin-left:-15px; } .title-line-style.light-version::after { background-color:#ffffff; } .title-line-style.dark-version::after { background-color:#878787; } textarea, input, button, select { font-family:inherit; font-size:inherit; } .contact-captcha-invalid::-moz-placeholder, .contact-captcha-invalid:-moz-placeholder{ color:red !important; letter-spacing:0 !important; } .contact-captcha-invalid::-webkit-input-placeholder { color:red !important; letter-spacing:0 !important; } .contact-captcha-invalid:-ms-input-placeholder { color:red !important; letter-spacing:0 !important; } .contact-captcha-valid::-moz-placeholder, .contact-captcha-valid:-moz-placeholder{ color:#008200 !important; letter-spacing:0 !important; } .contact-captcha-valid::-webkit-input-placeholder { color:#008200 !important; letter-spacing:0 !important; } .contact-captcha-valid:-ms-input-placeholder { color:#008200 !important; letter-spacing:0 !important; } .mk-contact-form { position:relative; margin:2px 0 20px; } .mk-contact-form .mk-form-third { width:33.3333%; float:left; } .mk-contact-form .mk-form-half { width:50%; float:left; } .mk-contact-form .s_form-all { position:relative; } .mk-contact-form .s_form-all .s_txt-input { -webkit-appearance:none; } .mk-contact-loading { position:absolute; right:0; bottom:20px; display:none; color:#c3c3c3; font-size:16px; } .mk-contact-success { position:absolute; right:0; bottom:20px; display:none; width:24px; height:24px; color:#90b64d; font-size:24px; } .mk-invalid { border:1px solid #ff0000; } .s_contact .mk-form-row { margin-bottom:12px; text-align:center; width:100%; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .s_contact .s_txt-input { font-size:14px; padding:14px; text-align:center; width:100%; border:medium none; } .s_contact .mk-form-row.half { width:50%; float:left; } .s_contact .mk-form-row input { z-index:11; position:relative; } .s_contact .mk-form-row.one-third { width:33.3333%; float:left; } .s_contact .mk-textarea { height:200px; } .s_contact .captcha-image { position:absolute; top:0; left:0; max-height:47px; } .s_contact .captcha-change-image { position:absolute; top:18px; right:10px; text-align:right; font-size:10px; line-height:1; z-index:12; } .s_contact .mk-invalid { border:1px solid #ff0000 !important; } .s_contact.light .captcha-change-image { color:#333; } .s_contact.light .s_txt-input, .s_contact.dark .s_txt-input:focus { background-color:rgba(255, 255, 255, 0.8); color:#252525; border:none; } .s_contact.light .s_txt-input::-moz-placeholder, .s_contact.light .s_txt-input:-moz-placeholder { color:#252525; } .s_contact.light .s_txt-input::-moz-placeholder, .s_contact.light .s_txt-input:-moz-placeholder { color:#252525; } .s_contact.dark .s_txt-input:focus::-webkit-input-placeholder{ color:#252525; } .s_contact.dark .s_txt-input:focus:-ms-input-placeholder{ color:#252525; } .s_contact.light .s_txt-input:-ms-input-placeholder { color:#252525; } .s_contact.light .s_txt-input::-webkit-input-placeholder{ color:#252525; } .s_contact.dark .captcha-change-image { color:#969696; } .s_contact.dark .s_txt-input, .s_contact.light .s_txt-input:focus { background-color:rgba(0, 0, 0, 0.8); color:#ffffff; border:none; } .s_contact.light .s_txt-input:focus::-moz-placeholder, .s_contact.light .s_txt-input:focus:-moz-placeholder { color:#ffffff; } .s_contact.dark .s_txt-input::-moz-placeholder, .s_contact.dark .s_txt-input:-moz-placeholder { color:#ffffff; } .s_contact.light .s_txt-input:focus::-webkit-input-placeholder{ color:#ffffff; } .s_contact.dark .s_txt-input:-ms-input-placeholder { color:#ffffff; } .s_contact .s_txt-input { border:medium none; } .s_modern.s_contact .captcha-change-image { width:100px; top:15px; } .s_contact.s_outline .mk-form-row { margin-bottom:0; } .s_contact.s_outline .captcha-block { position:absolute; width:50%; right:0; top:0; } .s_contact.s_outline .captcha-block a, .s_contact.s_outline .captcha-block img { text-align:left; max-height:none; } .s_contact.s_outline .captcha-block a { display:inline-block; padding:17px 0; position:static; } .s_contact.s_outline .captcha-block img { height:50px; max-width:50%; position:relative; top:2px; } .s_contact.s_outline .captcha-change-image { width:100px; } .s_contact.s_outline .s_txt-input { margin:0; background-color:transparent; outline:0 none; transition:all 0.2s ease 0s; padding:18px; text-align:left; } .s_contact.s_outline .s_txt-input::-webkit-input-placeholder{ font-size:12px; letter-spacing:2px; text-transform:uppercase; } .s_contact.s_outline .s_txt-input:-ms-input-placeholder{ font-size:12px; letter-spacing:2px; text-transform:uppercase; } .s_contact.s_outline .s_txt-input:-moz-placeholder, .s_contact.s_outline .s_txt-input::-moz-placeholder { font-size:12px; letter-spacing:2px; text-transform:uppercase; } .s_contact.s_outline .contact-outline-submit { width:100%; background:rgba(0, 0, 0, 0) none repeat scroll 0 0; padding:18px; font-size:13px; font-weight:700; transition:all 0.15s ease 0s; } .s_contact.s_outline .mk-contact-loading { right:15px; bottom:16px; font-size:20px; text-align:center; line-height:1; box-sizing:border-box; } .s_contact.s_outline .mk-contact-success { right:15px; bottom:20px; width:20px; height:20px; font-size:20px; } .s_contact.s_outline .mk-invalid { border:1px solid #ff0000; box-shadow:0 0 0 1px #ff0000 !important; } .s_contact.s_outline.light .captcha-change-image { color:#969696; } .s_contact.s_outline.light .s_txt-input, .s_contact.s_outline.light .contact-outline-submit { border:1px solid #e5e5e5; box-shadow:0 0 0 1px #e5e5e5; color:#ffffff; } .s_contact.s_outline.light .s_txt-input::-webkit-input-placeholder { color:rgba(255, 255, 255, 0.8); } .s_contact.s_outline.light .s_txt-input:-ms-input-placeholder { color:rgba(255, 255, 255, 0.8); } .s_contact.s_outline.light .s_txt-input::-moz-placeholder, .s_contact.s_outline.light .s_txt-input:-moz-placeholder { color:rgba(255, 255, 255, 0.8); } .s_contact.s_outline.light .s_txt-input:focus { background:rgba(255, 255, 255, 0.1); } .s_contact.s_outline.light .contact-outline-submit:hover { background:rgba(255, 255, 255, 0.4); } .s_contact.s_outline.light .mk-contact-loading, .s_contact.s_outline.light .mk-contact-success { color:#ffffff; } .s_contact.s_outline.dark .captcha-change-image { color:#333; } .s_contact.s_outline.dark .s_txt-input, .s_contact.s_outline.dark .contact-outline-submit { border:1px solid #333; box-shadow:0 0 0 1px #333; color:#222222; } .s_contact.s_outline.dark .s_txt-input::-webkit-input-placeholder{ color:rgba(0, 0, 0, 0.8); } .s_contact.s_outline.dark .s_txt-input:-ms-input-placeholder { color:rgba(0, 0, 0, 0.8); } .s_contact.s_outline.dark .s_txt-input::-moz-placeholder, .s_contact.s_outline.dark .s_txt-input:-moz-placeholder { color:rgba(0, 0, 0, 0.8); } .s_contact.s_outline.dark .s_txt-input:focus { background-color:rgba(0, 0, 0, 0.1); color:#222222; } .s_contact.s_outline.dark .contact-outline-submit:hover { background:rgba(0, 0, 0, 0.3); } .s_contact.s_outline.dark .mk-contact-loading, .s_contact.s_outline.dark .mk-contact-success { color:#222222; } .s_contact.s_corporate .mk-form-row { margin-bottom:0; } .s_contact.s_corporate .captcha-image { max-height:54px; top:4px; right:0; z-index:12; left:auto; } .s_contact.s_corporate .captcha-change-image { display:block; padding:10px 0; position:static; } .s_contact.s_corporate .s_form-all { padding:0 5px 10px; } .s_contact.s_corporate .s_txt-input { margin:0; transition:all 0.2s ease 0s; padding:18px; width:100%; text-align:left; border:1px solid transparent; } .s_contact.s_corporate .s_txt-input::-webkit-input-placeholder, .s_contact.s_corporate .s_txt-input:-ms-input-placeholder { font-size:12px; letter-spacing:2px; } .s_contact.s_corporate .s_txt-input::-moz-placeholder, .s_contact.s_corporate .s_txt-input:-moz-placeholder { font-size:12px; letter-spacing:2px; } .s_contact.s_corporate .s_txt-input:focus { background:red; } .s_contact.s_corporate .s_txt-input:focus:-ms-input-placeholder, .s_contact.s_corporate .s_txt-input:focus::-webkit-input-placeholder { opacity:.8; } .s_contact.s_corporate .s_txt-input:focus:-moz-placeholder, .s_contact.s_corporate .s_txt-input:focus::-moz-placeholder { opacity:.8; } .s_contact.s_corporate .contact-submit { padding:20px 28px; transition:all 0.15s; float:right; margin-right:5px; margin-top:5px; } .s_contact.s_corporate .contact-submit i { position:relative; left:15px; } .s_contact.s_corporate .mk-contact-loading { right:15px; bottom:16px; font-size:20px; text-align:center; line-height:1; box-sizing:border-box; } .s_contact.s_corporate .mk-contact-success { right:15px; bottom:20px; width:20px; height:20px; font-size:20px; } .s_contact.s_corporate .state-success { right:30px !important; } .s_contact.s_corporate .mk-invalid { border:1px solid #ff0000; box-shadow:0 0 0 1px #ff0000 !important; } .s_contact.s_classic .mk-form-row { text-align:left; } .s_contact.s_classic .captcha-block { display:inline-block; } .s_contact.s_classic .captcha-image { max-height:40px; position:static; } .s_contact.s_classic .captcha-change-image { position:static; text-align:left; } .s_contact.s_classic i { position:absolute; top:10px; left:10px; } .s_contact.s_classic i::before { font-size:20px; } .s_contact.s_classic .s_txt-input { padding:10px 10px 10px 45px; width:70%; border:1px solid #e3e3e3; text-align:left; } .s_contact.s_classic .mk-textarea { height:230px; width:100%; } .s_contact.s_classic button { margin-top:10px; padding:17px 30px 16px; font-weight:bold; font-size:12px; } .s_contact.s_classic:last-of-type i { color:inherit; } @media handheld, only screen and (max-width:767px) { .s_contact .s_txt-input, .s_contact .mk-textarea { width:100% } .s_contact .mk-form-row.one-third, .s_contact .mk-form-row.half { width:100%; float:none; } } .s_contact.s_line .s_txt-input, .s_contact.s_line .mk-form-row { text-align:left !important; } .s_contact.s_line .captcha-image { max-height:38px; position:absolute; top:4px; right:0; z-index:10; left:auto; } .s_contact.s_line .captcha-change-image-box { display:block; padding:10px 0; position:relative; top:-20px; } .s_contact.s_line .contact-submit { font-size:12px; transition:all 0.15s; float:right; margin-right:5px; } .s_contact.s_line .mk-form-half { width:calc(50% - 10px); } .s_contact.s_line .mk-form-third { width:calc(33.3% - 10px); } .s_contact.s_line .s_form-all { margin:5px; } .s_contact.s_line .text-input { height:45px; } .s_contact.s_line .s_txt-input { background:rgba(0, 0, 0, 0) none repeat scroll 0 0; padding:0; margin-bottom:2em; color:#000; display:block; border:0 none; -webkit-appearance:none; } .s_contact.s_line .s_txt-input:focus { outline:none; } .s_contact.s_line .ls-text-label { display:inline-block; color:#000000; font-weight:bold; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:100%; position:absolute; text-align:left; font-size:1em; padding:10px 0 5px; pointer-events:none; left:0; top:0; } .s_contact.s_line .ls-text-label.full { height:92%; padding:0; } .s_contact.s_line .ls-text-label::after { content:''; position:absolute; width:100%; height:5px; background:#000000; left:0; top:100%; -webkit-transform-origin:50% 100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; transition:background-color 0.3s, -webkit-transform 0.3s; transition:transform 0.3s, background-color 0.3s; transition:transform 0.3s, background-color 0.3s, -webkit-transform 0.3s; } .s_contact.s_line .ls-text-label .ls-text-label--content { position:relative; display:block; width:100%; padding:0; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; transition:color 0.3s, -webkit-transform 0.3s; transition:transform 0.3s, color 0.3s; transition:transform 0.3s, color 0.3s, -webkit-transform 0.3s; } .s_contact.s_line .text-input.mk-invalid { border:0 !important; } .s_contact.s_line .text-input.mk-invalid + .ls-text-label::after { background-color:red !important; } .s_contact.s_line .is-active .ls-text-label::after, .s_contact.s_line .text-input.mk-invalid + .ls-text-label::after, .s_contact.s_line .mk-textarea.mk-invalid + .ls-text-label::after, .s_contact.s_line .is-active .ls-text-label::after, .s_contact.s_line .text-input:focus + .ls-text-label::after, .s_contact.s_line .mk-textarea:focus + .ls-text-label::after { background:#222222; -webkit-transform:scale3d(1, 0.25, 1); transform:scale3d(1, 0.25, 1); } .s_contact.s_line .is-active .text-input + .ls-text-label .ls-text-label--content, .s_contact.s_line .text-input:focus + .ls-text-label .ls-text-label--content { -webkit-transform:translate3d(0, 3em, 0) scale3d(0.655, 0.655, 1); transform:translate3d(0, 3em, 0) scale3d(0.655, 0.655, 1); } .s_contact.s_line .is-active .mk-textarea + .ls-text-label .ls-text-label--content, .s_contact.s_line .mk-textarea:focus + .ls-text-label .ls-text-label--content { -webkit-transform:translate3d(0, 14em, 0) scale3d(0.655, 0.655, 1); transform:translate3d(0, 14em, 0) scale3d(0.655, 0.655, 1); } @media handheld, only screen and (max-width:960px) { .mk-contact-form-shortcode .contact-form-spliter { float:none !important; margin-bottom:6px; width:100% !important; } .mk-contact-form-shortcode button { display:block; width:100%; } } @media handheld, only screen and (max-width:767px) { .mk-contact-form .text-input, .mk-contact-form .mk-textarea, .mk-contact-form .mk-form-half, .mk-contact-form .mk-form-third { width:100% !important; float:none; } }