.mk-fancy-title {margin-bottom: 18px } span.mk-fancy-title {display: block; line-height: 1.3em; word-wrap: break-word } .mk-fancy-title.pattern-style {background: url(../img/fancy-title-pattern.png) left center repeat-x } .mk-fancy-title.pattern-style.align-left span {padding: 0 6px 0 0 } .mk-fancy-title.pattern-style.align-right span {padding: 0 0 0 6px } .mk-fancy-title.pattern-style.align-center span {padding: 0 6px } .mk-fancy-title.pattern-style.color-gradient span {position: relative } .mk-fancy-title.pattern-style.color-gradient span:after {content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1 } .mk-fancy-title.pattern-style.color-gradient span i {position: relative; z-index: 2 } .mk-fancy-title.shortcode-heading {font-weight: 700; font-size: 14px; padding-top: 5px } .mk-fancy-title.pattern-style p {display: inline } .mk-fancy-title p {font-family: inherit !important; -webkit-text-fill-color: unset } .mk-fancy-title p:last-child {margin-bottom: 0 !important } .mk-fancy-title.pattern-style span {padding-right: 10px } @media handheld, only screen and (max-width: 767px) {.mk-fancy-title {text-align: center !important } .mk-fancy-title.pattern-style span {padding: 0 8px !important } .mk-fancy-title.mk-force-responsive {font-size: 36px !important } } .mk-title-box {line-height: 100% } .mk-title-box p {margin: 0 } .mk-title-box span {padding: 4px 0 } .mk-slideshow-box .mk-fancy-title span {display: inline-block; padding-top: 20px } .flex-container a:active, .flex-container a:focus {outline: 0 } .flex-control-nav, .flex-direction-nav, .mk-flex-slides {margin: 0; padding: 0; list-style: none } .flex-pauseplay span {text-transform: capitalize } .mk-banner-slides:after, .mk-flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .mk-flex-slides {display: block } * html .mk-flex-slides {height: 1% } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden } .loading .flex-viewport {max-height: 100px } .carousel li {margin-right: 5px } .flex-direction-nav a {display: block; position: absolute; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease } .flex-direction-nav .flex-next {opacity: .7 } .flex-direction-nav .flex-prev {opacity: .7 } .flex-direction-nav .flex-next:hover {opacity: 1 } .flex-direction-nav .flex-prev:hover {opacity: 1 } .flex-direction-nav .flex-disabled {opacity: 0 !important; cursor: default } .flex-control-nav {width: 100%; left: 0; position: absolute; bottom: 10px; text-align: center } .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1 } .flex-control-paging li a {display: block; cursor: pointer } .flex-control-paging li a.flex-active {cursor: default } .flex-control-thumbs {margin: 20px 0 0; position: static; overflow: hidden } .flex-control-thumbs li {width: 100px; height: 60px; margin: 0 20px 0 0 } .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer } .flex-control-thumbs img:hover {opacity: 1 } .flex-control-thumbs .flex-active {opacity: 1; cursor: default } .flex-direction-nav a {z-index: 10 } .mk-slideshow {position: relative; margin-bottom: 20px } .mk-slideshow .mk-flex-caption {position: absolute; bottom: 0; left: 0; width: 100% } .mk-slideshow .mk-flex-caption span {position: relative; display: block; padding: 15px 20px; color: #fff; font-weight: 700; font-size: 14px; line-height: 18px } .mk-slideshow:hover .flex-direction-nav .flex-next, .mk-slideshow:hover .flex-direction-nav .flex-prev {opacity: .6 } .mk-slideshow .flex-direction-nav .flex-next, .mk-slideshow .flex-direction-nav .flex-prev {top: 50%; margin-top: -20px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, .4); text-align: center; opacity: 0; line-height: 40px; border-radius: 2px } .mk-slideshow .flex-direction-nav .flex-next:hover, .mk-slideshow .flex-direction-nav .flex-prev:hover {background-color: rgba(0, 0, 0, .6); opacity: 1 } .flex-direction-nav svg {fill: #fff; height: 16px; margin-top: 12px } .mk-slideshow .flex-direction-nav .flex-next {right: 20px !important } .mk-slideshow .flex-direction-nav .flex-prev {left: 20px !important } .mk-slideshow .flex-control-nav {bottom: 10px; display: block } .mk-slideshow .flex-control-nav li a {display: block; padding: 0; width: 6px; height: 14px } .mk-slideshow .flex-control-nav li a i {color: #fff; font-size: 12px } .mk-slideshow .flex-control-nav li a.flex-active i:before {content: "\f111" !important } .mk-slideshow .color-mask {position: absolute; bottom: 0; left: 0; width: 100%; height: 100% } .widget .flex-control-paging {display: none } .js-el[data-mk-component=FullHeight] {min-height: 100vh } .admin-bar .js-el[data-mk-component=FullHeight] {min-height: calc(100vh - 32px) } .hover-overlay {position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0 } .full-cover-link {width: 100%; height: 100%; position: absolute; z-index: 14; left: 0; top: 0 } .mk-section-image {position: absolute; top: 0; left: 0; overflow: hidden; min-width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-position: center; background-size: cover } .mk-image-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10 } .mk-image-lightbox {position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; text-align: center; cursor: pointer; color: #fff !important; width: 100px; height: 100px; opacity: 0; z-index: 30 } .mk-image-lightbox svg {fill: #fff } .mk-image-lightbox:hover {color: #fff } .mk-image-lightbox i {line-height: 100px; font-size: 48px } .single-social-section {float: right } .single-social-section .blog-modern-comment, .single-social-section .blog-share-container, .single-social-section .mk-blog-print, .single-social-section .mk-love-holder {float: right; display: inline-block; margin-left: 20px } .single-social-section .blog-modern-comment i, .single-social-section .blog-share-container i, .single-social-section .mk-blog-print i, .single-social-section .mk-love-holder i {font-size: 16px } .single-social-section .blog-modern-comment i, .single-social-section .blog-single-share i, .single-social-section .mk-blog-print i {color: #898989 } .single-social-section .blog-modern-comment span, .single-social-section .blog-single-share span, .single-social-section .mk-blog-print span {color: #898989; font-size: 11px; padding-left: 3px } .single-social-section .blog-share-container {position: relative } .single-social-section .blog-single-share {cursor: pointer } .single-social-section .blog-single-share i {font-size: 16px } @media handheld, only screen and (max-width: 960px) {.single-social-section {float: none !important; display: block; margin-bottom: 20px } .single-social-section .blog-modern-comment, .single-social-section .blog-share-container, .single-social-section .mk-blog-print, .single-social-section .mk-love-holder {float: left; padding: 0 20px 0 0 !important; margin: 0 !important } .single-social-section .single-share-box {right: -170px; left: auto !important } .single-social-section .single-share-box:before {left: -5px; right: auto !important } } .single-share-box {position: absolute; left: -220px; bottom: -11px; background-color: #252525; margin: 0; list-style: none; display: none; text-align: center; padding: 13px; text-transform: center } .single-share-box:before {right: -5px; top: 50%; margin-top: -5px; display: block; width: 10px; height: 10px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #252525; content: ""} .single-share-box li {float: left; margin: 0 } .single-share-box li a {color: #a8a8a8; display: block; padding: 0 10px; -webkit-transition: all .2s; transition: all .2s } .single-share-box li a:hover {color: #fff } .single-share-box li a i {font-size: 16px; vertical-align: top } #respond input#submit, #review_form_wrapper input[type=submit], .post-password-form input[type=submit], .wpcf7-submit, a.button, button.button, input.button {margin: 0; border: none; outline: 0 !important; font-size: 13px; line-height: 13px !important; padding: 12px 15px; text-transform: uppercase; vertical-align: top; letter-spacing: 1px; display: inline-block; cursor: pointer; position: relative; font-family: inherit; text-decoration: none; overflow: visible; font-weight: 700; left: auto; white-space: nowrap; display: inline-block; background-color: #252525; color: #fff } #respond input#submit svg, #review_form_wrapper input[type=submit] svg, .post-password-form input[type=submit] svg, .wpcf7-submit svg, a.button svg, button.button svg, input.button svg {fill: #fff; height: 16px; margin-right: 10px; -webkit-transform: translateY(2px); transform: translateY(2px) } #respond input#submit:hover, #review_form_wrapper input[type=submit]:hover, .post-password-form input[type=submit]:hover, .wpcf7-submit:hover, a.button:hover, button.button:hover, input.button:hover {background-color: #707070; color: #fff } #respond input#submit:active, #review_form_wrapper input[type=submit]:active, .post-password-form input[type=submit]:active, .wpcf7-submit:active, a.button:active, button.button:active, input.button:active {top: 1px } .accent-bg-color.button:hover, .gform_button[type=submit]:hover {background-color: #252525 !important } input.button.disabled, input.button:disabled {color: #aaa !important; background: #e7e7e7 !important; cursor: not-allowed } input.button.disabled:active, input.button:disabled:active {top: 0 } .mk-svg-icon {width: auto; height: auto; fill: currentColor } .mk-svg-icon-wrapper {line-height: normal; vertical-align: middle } [class*=" mk-icon-"] .mk-svg-icon path, [class*=" mk-jupiter-icon-"] .mk-svg-icon path, [class*=" mk-li-"] .mk-svg-icon path, [class^=mk-icon-] .mk-svg-icon path, [class^=mk-jupiter-icon-] .mk-svg-icon path, [class^=mk-li-] .mk-svg-icon path {-webkit-transform: translateY(1%); transform: translateY(1%) } .center-icon {display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .center-icon .mk-svg-icon {margin: 0 auto } .mk-svg-icon-wrapper {display: inline-block; width: 100%; position: relative } .mk-svg-icon-wrapper img, .mk-svg-icon-wrapper svg {display: inline-block } #wp-calendar #next:before, #wp-calendar #prev:before, .blog-blockquote-content:before, .ls-jupiter .ls-nav-next:before, .ls-jupiter .ls-nav-prev:before, .main-navigation-ul li.with-menu>a:before, .mk-accordion-tab:before, .mk-blockquote.quote-style:before, .mk-jupiter-icon-simple-xing:before, .mk-jupiter-icon-square-xing:before, .mk-jupiter-icon-xing:before, .mk-main-navigation ul:before, .mk-toggle-title:before, .mk-tweet-list li:before, .product-loading-icon:before, .sf-sub-indicator:before, .tw_list .tweet_list li a:before, .widget-sub-navigation li a:before, .widget_archive li a:before, .widget_authors li a:before, .widget_categories li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_popular_tags li a:before, .widget_product_categories li a:before, .widget_recent_comments li:before, .widget_recent_entries li a:before, .widget_rss li a:before, [class*=" mk-icon-"]:before, [class*=" mk-jupiter-icon-"]:before, [class*=" mk-li-"]:before, [class*=" mk-moon-"]:before, [class^=mk-icon-]:before, [class^=mk-jupiter-icon-]:before, [class^=mk-li-]:before, [class^=mk-moon-]:before {display: none !important } #wp-calendar #next:before, #wp-calendar #prev:before, .blog-blockquote-content:before, .main-navigation-ul li.with-menu>a:before, .mk-accordion-tab:before, .mk-blockquote.quote-style:before, .mk-jupiter-icon-simple-xing:before, .mk-main-navigation ul:before, .mk-toggle-title:before, .mk-tweet-list li:before, .sf-sub-indicator:before, .tw_list .tweet_list li a:before, .widget-sub-navigation li a:before, .widget_archive li a:before, .widget_authors li a:before, .widget_categories li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_popular_tags li a:before, .widget_product_categories li a:before, .widget_recent_comments li:before, .widget_recent_entries li a:before, .widget_rss li a:before, [class*=" mk-icon-"], [class^=mk-icon-] {font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: middle; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0 } [class*=" mk-icon-"]:before, [class^=mk-icon-]:before {text-decoration: inherit; display: inline-block; speak: none } a [class*=" mk-icon-"], a [class^=mk-icon-] {display: inline-block } .mk-jupiter-icon-square-xing:before, .mk-jupiter-icon-xing:before, .product-loading-icon:before, [class*=" mk-moon-"], [class^=mk-moon-] {font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0; vertical-align: middle; direction: ltr } [class*=" mk-moon-"], [class^=mk-moon-] {display: inline-block; line-height: 1 } a [class*=" mk-moon-"], a [class^=mk-moon-] {display: inline-block } .rtl #theme-page [class*=" mk-moon-"], .rtl #theme-page [class^=mk-moon-] {font-family: Icomoon !important } [class*=" mk-li-"], [class^=mk-li-] {display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } [class*=" mk-jupiter-icon-"], [class^=mk-jupiter-icon-] {speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ls-jupiter .ls-nav-next, .ls-jupiter .ls-nav-prev {background-repeat: no-repeat; background-position: center } .ls-jupiter .ls-nav-prev {background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="11.43" height="16" class="mk-svg-icon" style="fill:#fff;" viewBox="0 0 1280 1792"><path d="M1171 301l-531 531 531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19l-742-742q-19-19-19-45t19-45l742-742q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z"></path></svg>') } .ls-jupiter .ls-nav-next {background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="11.43" height="16" class="mk-svg-icon" style="fill:#fff;" viewBox="0 0 1280 1792"><path d="M1107 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z"></path></svg>') } body.compensate-for-scrollbar {overflow: hidden } .fancybox-active {height: auto } .fancybox-is-hidden {left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden } .fancybox-container {-webkit-backface-visibility: hidden; height: 100%; left: 0; outline: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * {-webkit-box-sizing: border-box; box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer {-webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg {background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71); transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg {opacity: .9; -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1); transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible } .fancybox-infobar {color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar {right: 0; top: 0 } .fancybox-stage {direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage {overflow: hidden } .fancybox-slide {-webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide::before {content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {display: block } .fancybox-slide--image {overflow: hidden; padding: 44px 0 } .fancybox-slide--image::before {display: none } .fancybox-slide--html {padding: 6px } .fancybox-content {background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content {-webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1); animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: 0 0; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content {cursor: -webkit-zoom-out; cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content {cursor: -webkit-zoom-in; cursor: zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {cursor: -webkit-grab; cursor: grab } .fancybox-is-grabbing .fancybox-content {cursor: -webkit-grabbing; cursor: grabbing } .fancybox-container [data-selectable=true] {cursor: text } .fancybox-image, .fancybox-spaceball {background: 0 0; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball {z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content {background: #000 } .fancybox-slide--map .fancybox-content {background: #e5e3df } .fancybox-slide--iframe .fancybox-content {background: #fff } .fancybox-iframe, .fancybox-video {background: 0 0; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe {left: 0; position: absolute; top: 0 } .fancybox-error {background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p {color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button {background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:link, .fancybox-button:visited {color: #ccc } .fancybox-button:hover {color: #fff } .fancybox-button:focus {outline: 0 } .fancybox-button.fancybox-focus {outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover {color: #888; cursor: default; outline: 0 } .fancybox-button div {height: 100% } .fancybox-button svg {display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path {fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) {display: none } .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) {display: none } .fancybox-progress {background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small {background: 0 0; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover {color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small {color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content {overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {display: none } .fancybox-navigation .fancybox-button {background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div {padding: 7px } .fancybox-navigation .fancybox-button--arrow_left {left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right {padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption {background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding: 0px) {.fancybox-caption {padding: 75px Max(44px, env(safe-area-inset-right)) Max(25px, env(safe-area-inset-bottom)) Max(44px, env(safe-area-inset-left)) } } .fancybox-caption--separate {margin-top: -50px } .fancybox-caption__body {max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {color: #ccc; text-decoration: none } .fancybox-caption a:hover {color: #fff; text-decoration: underline } .fancybox-loading {-webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: 0 0; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @-webkit-keyframes fancybox-rotate {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes fancybox-rotate {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } .fancybox-animated {-webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1); transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {opacity: 0; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current {opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous {opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next {opacity: 0; -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .fancybox-fx-rotate.fancybox-slide--previous {opacity: 0; -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } .fancybox-fx-rotate.fancybox-slide--next {opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg) } .fancybox-fx-rotate.fancybox-slide--current {opacity: 1; -webkit-transform: rotate(0); transform: rotate(0) } .fancybox-fx-circular.fancybox-slide--previous {opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next {opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current {opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0) } .fancybox-fx-tube.fancybox-slide--previous {-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next {-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current {-webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1) } @media all and (max-height: 576px) {.fancybox-slide {padding-left: 6px; padding-right: 6px } .fancybox-slide--image {padding: 6px 0 } .fancybox-close-small {right: -6px } .fancybox-slide--image .fancybox-close-small {background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption {padding-left: 12px; padding-right: 12px } @supports (padding: 0px) {.fancybox-caption {padding-left: Max(12px, env(safe-area-inset-left)); padding-right: Max(12px, env(safe-area-inset-right)) } } } .fancybox-share {background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 {color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0 } .fancybox-share p {margin: 0; padding: 0 } .fancybox-share__button {border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link, .fancybox-share__button:visited {color: #fff } .fancybox-share__button:hover {text-decoration: none } .fancybox-share__button--fb {background: #3b5998 } .fancybox-share__button--fb:hover {background: #344e86 } .fancybox-share__button--pt {background: #bd081d } .fancybox-share__button--pt:hover {background: #aa0719 } .fancybox-share__button--tw {background: #1da1f2 } .fancybox-share__button--tw:hover {background: #0d95e8 } .fancybox-share__button svg {height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path {fill: #fff } .fancybox-share__input {background: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: 0; padding: 10px 15px; width: 100% } .fancybox-thumbs {background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x {overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs {display: block } .fancybox-show-thumbs .fancybox-inner {right: 212px } .fancybox-thumbs__list {font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list {overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a {-webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: 0; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a::before {border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94); transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus::before {opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity: 1 } @media all and (max-width: 576px) {.fancybox-thumbs {width: 110px } .fancybox-show-thumbs .fancybox-inner {right: 110px } .fancybox-thumbs__list a {max-width: calc(100% - 10px) } } .admin-bar .fancybox-inner {top: 32px } .fancybox-slide--iframe .fancybox-content {background-color: transparent } .mk-edge-nav a {position: absolute; top: 50%; display: block; outline: 0; text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer } .mk-edge-nav a.mk-edge-prev {left: 0 } .mk-edge-nav a.mk-edge-next {right: 0 } .mk-edge-next svg, .mk-edge-prev svg {display: block; margin: 0 auto; padding: 0; height: 16px; vertical-align: middle } .nav-item-caption {overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap } .nav-roundslide a {margin: 0 20px; width: 62px; height: 62px; border-radius: 40px; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; -webkit-transition-delay: .1s; transition-delay: .1s } .nav-roundslide .mk-svg-icon {-webkit-transition-delay: .1s; transition-delay: .1s } .nav-roundslide .nav-item-caption {-webkit-transition: color .3s; transition: color .3s } .nav-roundslide .mk-edge-icon-wrap {position: absolute; padding: 24px } .nav-roundslide a.mk-edge-prev .mk-edge-icon-wrap {left: 0 } .nav-roundslide a.mk-edge-next .mk-edge-icon-wrap {right: 0 } .nav-roundslide .nav-item-caption {font-weight: 700; font-size: 13px; position: absolute; padding: 20px 10px; width: 130px; top: 0; margin: 0; opacity: 0; transition: opacity .3s, -webkit-transform .3s; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; -webkit-transition-delay: 0s; transition-delay: 0s } .nav-roundslide a.mk-edge-prev .nav-item-caption {right: 10px; -webkit-transform: translateX(100%); transform: translateX(100%) } .nav-roundslide a.mk-edge-next .nav-item-caption {left: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .nav-roundslide a:hover {width: 200px; -webkit-transition-delay: 0s; transition-delay: 0s } .nav-roundslide a:hover .nav-item-caption {opacity: 1; -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translateX(0); transform: translateX(0) } .nav-roundslide a[data-skin=dark] {background-color: rgba(0, 0, 0, 0); border: 2px solid #333 } .nav-roundslide a[data-skin=dark] .nav-item-caption {color: #333 } .nav-roundslide a[data-skin=dark] .mk-svg-icon {fill: #333 } .nav-roundslide a[data-skin=dark]:hover {background-color: rgba(0, 0, 0, .2) } .nav-roundslide a[data-skin=light] {background-color: rgba(255, 255, 255, 0); border: 2px solid #fff } .nav-roundslide a[data-skin=light] .nav-item-caption {color: #fff } .nav-roundslide a[data-skin=light] .mk-svg-icon {fill: #fff } .nav-roundslide a[data-skin=light]:hover {background-color: rgba(255, 255, 255, .2) } .nav-round a {margin: 0 20px; width: 62px; height: 62px; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s; overflow: hidden } .nav-round .nav-item-caption {display: none !important } .nav-round .mk-edge-icon-wrap {position: absolute; padding: 24px } .nav-round a.mk-edge-prev .mk-edge-icon-wrap {left: 0 } .nav-round a.mk-edge-next .mk-edge-icon-wrap {right: 0 } .nav-round a[data-skin=dark] {background-color: rgba(0, 0, 0, 0); border: 2px solid #333 } .nav-round a[data-skin=dark] .mk-svg-icon {fill: #333 } .nav-round a[data-skin=dark]:hover {background-color: rgba(0, 0, 0, .2) } .nav-round a[data-skin=light] {background-color: rgba(255, 255, 255, 0); border: 2px solid #fff } .nav-round a[data-skin=light] .mk-svg-icon {fill: #fff } .nav-round a[data-skin=light]:hover {background-color: rgba(255, 255, 255, .2) } .nav-slit .mk-edge-icon-wrap {position: relative; display: block; width: 40px; height: 125px; text-align: center } .nav-slit svg {transition: -webkit-transform .3s .1s; -webkit-transition: -webkit-transform .3s .1s; transition: transform .3s .1s; transition: transform .3s .1s, -webkit-transform .3s .1s; fill: #fff; -webkit-transform: translateY(55px); transform: translateY(55px) } .nav-slit div {position: absolute; top: 0; width: 200px; height: 100%; transition: -webkit-transform .3s .1s; -webkit-transition: -webkit-transform .3s .1s; transition: transform .3s .1s; transition: transform .3s .1s, -webkit-transform .3s .1s; -webkit-perspective: 1000px; perspective: 1000px } .nav-slit a.mk-edge-prev div {left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .nav-slit a.mk-edge-next div {right: 0; text-align: left; -webkit-transform: translateX(100%); transform: translateX(100%) } .nav-slit .nav-item-caption {position: absolute; top: 124px; margin: 0; padding: 0 20px; width: 160px; height: 38px; color: #fff; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 400; font-size: .75em; line-height: 38px; transition: -webkit-transform .3s; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, .004); -webkit-backface-visibility: hidden; backface-visibility: hidden } .nav-slit .edge-nav-bg {position: absolute; top: 0; left: 0; width: 100%; display: block; width: 200px; height: 125px; background-size: cover } .nav-slit a:hover svg {-webkit-transition-delay: 0s; transition-delay: 0s } .nav-slit a.mk-edge-prev:hover svg {-webkit-transform: translateX(-50%) translateY(46px); transform: translateX(-50%) translateY(46px) } .nav-slit a.mk-edge-next:hover svg {-webkit-transform: translateX(50%) translateY(46px); transform: translateX(50%) translateY(46px) } .nav-slit a:hover div {-webkit-transform: translateX(0); transform: translateX(0) } .nav-slit a:hover .nav-item-caption {-webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transform: rotateX(0); transform: rotateX(0) } .nav-slit a[data-skin=dark] .mk-edge-icon-wrap, .nav-slit a[data-skin=light] .mk-edge-icon-wrap {background-color: #333; background-color: rgba(50, 50, 50, .8); -webkit-transition: background-color .3s; transition: background-color .3s } .nav-slit a[data-skin=dark] .nav-item-caption, .nav-slit a[data-skin=dark] div, .nav-slit a[data-skin=light] .nav-item-caption, .nav-slit a[data-skin=light] div {background-color: #333 } .nav-slit a[data-skin=dark]:hover .mk-edge-icon-wrap, .nav-slit a[data-skin=light]:hover .mk-edge-icon-wrap {background-color: #323232 } .nav-thumbflip a {-webkit-perspective: 1000px; perspective: 1000px } .nav-thumbflip .nav-item-caption {display: none !important } .nav-thumbflip a.mk-edge-prev {-webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50% } .nav-thumbflip a.mk-edge-next {-webkit-perspective-origin: 0 50%; perspective-origin: 0 50% } .nav-thumbflip svg {-webkit-transform: translateY(38px); transform: translateY(38px); fill: #fff } .nav-thumbflip .edge-nav-bg {position: absolute; top: 0; width: 95px; height: 95px; background-size: cover; background-position: center; transition: -webkit-transform .15s ease-out; -webkit-transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden } .nav-thumbflip a.mk-edge-prev .edge-nav-bg {left: 100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .nav-thumbflip a.mk-edge-next .edge-nav-bg {right: 100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .nav-thumbflip a:hover .edge-nav-bg {transition: -webkit-transform .25s ease-out; -webkit-transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; -webkit-transform: rotateY(0); transform: rotateY(0) } .nav-thumbflip .mk-edge-icon-wrap {-webkit-transition: background-color .3s ease-out; transition: background-color .3s ease-out; display: block; width: 95px; height: 95px; text-align: center } .nav-thumbflip a[data-skin=dark] .mk-edge-icon-wrap, .nav-thumbflip a[data-skin=dark] div {background-color: rgba(50, 50, 50, .3) } .nav-thumbflip a[data-skin=dark]:hover .mk-edge-icon-wrap {background-color: #323232 } .nav-thumbflip a[data-skin=light] .mk-edge-icon-wrap {background-color: rgba(255, 255, 255, .3) } .nav-thumbflip a[data-skin=light] div {background-color: rgba(255, 255, 255, .3) } .nav-thumbflip a[data-skin=light]:hover .mk-edge-icon-wrap {background-color: #323232 } .swiper-pagination {position: absolute; margin: 0; padding: 0; cursor: default; width: 100%; bottom: 6%; text-align: center; left: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } .swiper-pagination a {position: relative; display: inline-block; margin: 0 8px; width: 10px; height: 10px; cursor: pointer } .swiper-pagination a span {top: 0; left: 0; width: 100%; height: 100%; outline: 0; border-radius: 50%; cursor: pointer; position: absolute } .swiper-pagination[data-skin=dark] span {background-color: #333; background-color: rgba(0, 0, 0, .8) } .swiper-pagination[data-skin=light] span {background-color: #fff; background-color: rgba(255, 255, 255, .3) } .pagination-stroke span {-webkit-transition: background-color .3s ease, -webkit-box-shadow .3s ease; transition: background-color .3s ease, -webkit-box-shadow .3s ease; transition: box-shadow .3s ease, background-color .3s ease; transition: box-shadow .3s ease, background-color .3s ease, -webkit-box-shadow .3s ease } .pagination-stroke[data-skin=dark] span {-webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent } .pagination-stroke[data-skin=dark] a:focus span, .pagination-stroke[data-skin=dark] a:hover span {background-color: #333 } .pagination-stroke[data-skin=dark] a.is-active span {background-color: transparent; -webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333 } .pagination-stroke[data-skin=light] span {-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) } .pagination-stroke[data-skin=light] a:focus span, .pagination-stroke[data-skin=light] a:hover span {background-color: #fff } .pagination-stroke[data-skin=light] a.is-active span {background-color: transparent; -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff } .pagination-small_dot_stroke a {border-radius: 50%; -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease } .pagination-small_dot_stroke a span {transition: background-color .3s ease, -webkit-transform .3s ease; -webkit-transition: background-color .3s ease, -webkit-transform .3s ease; transition: background-color .3s ease, transform .3s ease; transition: background-color .3s ease, transform .3s ease, -webkit-transform .3s ease } .pagination-small_dot_stroke a.is-active span {-webkit-transform: scale(.4); transform: scale(.4) } .pagination-small_dot_stroke[data-skin=dark] a {-webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent } .pagination-small_dot_stroke[data-skin=dark] a span {background-color: rgba(0, 0, 0, .7) } .pagination-small_dot_stroke[data-skin=dark] a.is-active span, .pagination-small_dot_stroke[data-skin=dark] a:focus span, .pagination-small_dot_stroke[data-skin=dark] a:hover span {background-color: #333 } .pagination-small_dot_stroke[data-skin=dark] a.is-active {-webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333 } .pagination-small_dot_stroke[data-skin=light] a {-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) } .pagination-small_dot_stroke[data-skin=light] a span {background-color: rgba(255, 255, 255, .7) } .pagination-small_dot_stroke[data-skin=light] a.is-active span, .pagination-small_dot_stroke[data-skin=light] a:focus span, .pagination-small_dot_stroke[data-skin=light] a:hover span {background-color: #fff } .pagination-small_dot_stroke[data-skin=light] a.is-active {-webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff } .mk-pagination {margin: 0 auto; text-align: center; padding: 65px 0 40px; position: relative } .mk-pagination a {text-decoration: none } .mk-pagination .mk-pagination-inner {margin: 0 10px 0 0; float: left } .mk-pagination .current-page, .mk-pagination .page-number {display: block; padding: 10px 14px; line-height: 12px; font-size: 12px; margin: 0 6px; font-weight: 700; float: left; border: 2px solid transparent; color: #9a9a9a; color: rgba(0, 0, 0, .4) } .mk-pagination .current-page:hover, .mk-pagination .page-number:hover {border: 2px solid rgba(0, 0, 0, .4) } .mk-pagination .current-page {border: 2px solid rgba(0, 0, 0, .4) } .mk-pagination .mk-total-pages {float: right; opacity: .6 } .mk-pagination .current-page, .mk-pagination .mk-pagination-next, .mk-pagination .mk-pagination-previous, .mk-pagination .page-number {-webkit-transition: all .2s ease; transition: all .2s ease } .mk-pagination .mk-pagination-next, .mk-pagination .mk-pagination-previous {display: block; height: 36px; width: 38px; float: left; color: #9a9a9a; color: rgba(0, 0, 0, .4); border: 2px solid transparent; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box } .mk-pagination .mk-pagination-next a, .mk-pagination .mk-pagination-previous a {width: 100%; height: 100%; position: absolute; z-index: 14; left: 0; top: 0 } .mk-pagination .mk-pagination-next svg, .mk-pagination .mk-pagination-previous svg {height: 20px; width: 20px; vertical-align: middle; -webkit-transform: translateY(2px); transform: translateY(2px) } .mk-pagination .mk-pagination-next:hover, .mk-pagination .mk-pagination-previous:hover {border: 2px solid rgba(0, 0, 0, .4) } @media handheld, only screen and (max-width: 767px) {.mk-pagination .mk-pagination-inner, .mk-pagination .mk-total-pages {float: none; margin: 40px auto 0; clear: both; padding-top: 0 } .mk-pagination .current-page, .mk-pagination .page-number {float: none; display: inline-block; margin-bottom: 6px } .mk-pagination .pagination-arrows {-webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 20px; width: 45%; border: 2px solid rgba(0, 0, 0, .2) } .mk-pagination .mk-pagination-next {right: 0 } .mk-pagination .mk-pagination-previous {left: 0 } } .mk-page-links {margin: 10px 0 20px 10px; font-weight: 700 } .mk-page-links a {display: inline-block; line-height: 14px; font-size: 12px; margin: 0 } .mk-loadmore-button {margin: 40px auto; background-color: #fff; color: #252525 !important; font-size: 13px; display: block; text-align: center; padding: 15px 0; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; border-radius: 2px; border: 2px solid #e2e2e2; width: 50%; max-height: 60px; position: relative } .mk-loadmore-button:hover {background-color: #f5f5f5 } .mk-loadmore-button svg {height: 16px; margin-right: 10px; fill: #b5b5b5; vertical-align: middle } .mk-loadmore-button.is-active svg {fill: #e6e6e6 } .mk-loadmore-button .mk-loading-indicator {opacity: 0 } .mk-loadmore-button.is-active .mk-loading-indicator {opacity: 1 } @media handheld, only screen and (max-width: 767px) {.mk-loadmore-button {width: 100% !important } } .mk-post-nav {position: fixed; top: 50%; margin-top: -115px; text-decoration: none; width: 260px; -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1); transition: all .6s cubic-bezier(.77, 0, .175, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden } @media handheld, only screen and (max-width: 767px) {.mk-post-nav {display: none !important } } .pagnav-wrapper .pagenav-top {height: 130px; display: block; position: relative } .pagnav-wrapper .pagenav-top .pagenav-image {position: absolute; display: block; height: 130px } .pagnav-wrapper .pagenav-top .pagenav-image img {height: 130px; width: 130px; line-height: 4px } .pagnav-wrapper .pagenav-top .mk-pavnav-icon {position: absolute; width: 130px; height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #dfdfdf; background-color: rgba(0, 0, 0, .3); color: #fff; -webkit-transition: background .3s ease-out; transition: background .3s ease-out } .pagnav-wrapper .pagenav-top .mk-pavnav-icon svg {vertical-align: middle; height: 16px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in } .pagnav-wrapper .nav-info-container {height: 90px; width: 260px; overflow: hidden } .pagnav-wrapper .pagenav-bottom {display: block; height: inherit; background-color: #fff; background-color: rgba(255, 255, 255, .85); border: 1px solid #f0f0f0; width: inherit; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box } .pagnav-wrapper .pagenav-title {display: block; font-size: 13px; font-weight: 700; color: #252525; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: uppercase; padding: 20px 20px 0 } .pagnav-wrapper .pagenav-category {font-weight: 500; font-size: 10px; text-transform: uppercase; display: block; color: #888; letter-spacing: 1px; padding: 5px 20px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .mk-post-next {right: -200px } .mk-post-next .pagenav-image {right: 0 } .mk-post-next .mk-pavnav-icon {left: 0 } .mk-post-next .mk-pavnav-icon svg {-webkit-transform: translate(-30px, 0); transform: translate(-30px, 0) } .mk-post-next .pagenav-bottom {-webkit-transition: all .3s ease-out .2s; transition: all .3s ease-out .2s; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); opacity: 0 } .mk-post-prev {left: -200px } .mk-post-prev .pagenav-image {left: 0 } .mk-post-prev .mk-pavnav-icon {right: 0 } .mk-post-prev .mk-pavnav-icon svg {-webkit-transform: translate(30px, 0); transform: translate(30px, 0) } .mk-post-prev .pagenav-bottom {-webkit-transition: all .3s ease-in .2s; transition: all .3s ease-in .2s; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); opacity: 0 } .mk-post-nav:hover {-webkit-transform: translate(0, 0); transform: translate(0, 0) } .mk-post-nav:hover.mk-post-prev {left: 0 } .mk-post-nav:hover.mk-post-next {right: 0 } .mk-post-nav:hover .mk-pavnav-icon {background-color: #252525 } .mk-post-nav:hover .mk-pavnav-icon svg {-webkit-transform: translate(0, 0); transform: translate(0, 0) } .mk-post-nav:hover .pagenav-bottom {opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .5s cubic-bezier(.075, .82, .165, 1) .4s; transition: all .5s cubic-bezier(.075, .82, .165, 1) .4s } .mk-portfolio-item.one-column {width: 100% } .mk-portfolio-item.two-column {width: 50% } .mk-portfolio-item.three-column {width: 33.3% } .mk-portfolio-item.four-column {width: 24.96% } .mk-portfolio-item.five-column {width: 20% } .mk-portfolio-item.six-column {width: 16.66% } @media handheld, only screen and (max-width: 1140px) {.mk-portfolio-item.five-column, .mk-portfolio-item.four-column, .mk-portfolio-item.six-column {width: 33.3% !important } } @media handheld, only screen and (max-width: 960px) {.mk-portfolio-item.five-column, .mk-portfolio-item.four-column, .mk-portfolio-item.six-column, .mk-portfolio-item.three-column, .mk-portfolio-item.two-column {width: 49.96% !important } } @media handheld, only screen and (max-width: 620px) {.mk-portfolio-item.five-column, .mk-portfolio-item.four-column, .mk-portfolio-item.six-column, .mk-portfolio-item.three-column, .mk-portfolio-item.two-column {width: 100% !important } } .mk-portfolio-item .the-title {padding: 0 20px; font-size: 14px !important; line-height: 18px !important; font-weight: 700; margin-bottom: 15px; letter-spacing: 1px; text-transform: uppercase; color: #fff !important } .mk-portfolio-item .portfolio-categories, .mk-portfolio-item .portfolio-categories a, .mk-portfolio-item .portfolio-date {line-height: 16px; font-size: 11px; letter-spacing: 1px; color: #aaa } .mk-portfolio-item .portfolio-date a {color: #aaa } .mk-portfolio-item .featured-image {position: relative; overflow: hidden; line-height: 4px } .mk-portfolio-item .featured-image img {position: relative; width: 100% } .mk-portfolio-item .featured-image .hover-overlay {background-color: #000; -webkit-transform: translate(0, 80%); transform: translate(0, 80%); transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s } .mk-portfolio-item.fadebox-hover .portfolio-meta {position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; text-transform: uppercase; padding-bottom: 10px; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .mk-portfolio-item.fadebox-hover .portfolio-categories {letter-spacing: 1px; font-size: 11px; padding: 0 20px; line-height: 16px } .mk-portfolio-item.fadebox-hover .portfolio-categories span, .mk-portfolio-item.fadebox-hover .portfolio-date {color: #fff } .mk-portfolio-item.fadebox-hover .add-gradient {background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, .9))) !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 75%) !important } .mk-portfolio-item.fadebox-hover .featured-image:after {content: ''; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .3); width: 100%; height: 100%; opacity: 0; -webkit-transition: all .3s ease-out .1s; transition: all .3s ease-out .1s } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder {position: absolute; top: 20%; left: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder a {display: inline-block; margin: 0 5px; width: 48px; height: 48px; line-height: 50px; text-align: center; color: #fff; opacity: .7 } .mk-portfolio-item .icons-holder a svg {overflow: visible } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder a svg {height: 42px; vertical-align: middle } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder a:hover {opacity: 1 } .mk-portfolio-item.fadebox-hover .featured-image.hover:after, .mk-portfolio-item.fadebox-hover .featured-image:hover:after {opacity: 1 } .mk-portfolio-item.fadebox-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.fadebox-hover .featured-image:hover .portfolio-meta {opacity: 1; bottom: 30px } .mk-portfolio-item.fadebox-hover .featured-image.hover .portfolio-categories, .mk-portfolio-item.fadebox-hover .featured-image:hover .portfolio-categories {opacity: 1 } .mk-portfolio-item.fadebox-hover .featured-image.hover .hover-overlay, .mk-portfolio-item.fadebox-hover .featured-image:hover .hover-overlay {opacity: .85; -webkit-transform: translate(0, 0); transform: translate(0, 0) } .mk-portfolio-item.fadebox-hover .featured-image.hover .icons-holder, .mk-portfolio-item.fadebox-hover .featured-image:hover .icons-holder {opacity: 1 } .mk-portfolio-item.slidebox-hover.five-column .portfolio-meta, .mk-portfolio-item.slidebox-hover.six-column .portfolio-meta {padding: 15px 10px 20px } .mk-portfolio-item.slidebox-hover.five-column .icons-holder, .mk-portfolio-item.slidebox-hover.six-column .icons-holder {top: 20% } .mk-portfolio-item.slidebox-hover.four-column .icons-holder {top: 25% } .mk-portfolio-item.slidebox-hover .portfolio-meta {position: absolute; bottom: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); left: 0; width: 100%; text-align: center; padding: 25px 10px 30px; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; background-color: #1a1a1a; min-height: 60px } .mk-portfolio-item.slidebox-hover .icons-holder {position: absolute; top: 30%; left: 50%; left: 3px; width: 100%; text-align: center; opacity: 0; -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all .3s cubic-bezier(.175, .885, .305, 1.42); transition: all .3s cubic-bezier(.175, .885, .305, 1.42); -webkit-transition-delay: .1s; transition-delay: .1s } .mk-portfolio-item.slidebox-hover .icons-holder a {display: inline-block; margin: 0 5px; width: 48px; height: 48px; line-height: 50px; text-align: center; color: #fff; -webkit-transition: all .25s; transition: all .25s; opacity: .7; vertical-align: middle } .mk-portfolio-item.slidebox-hover .icons-holder a svg {height: 42px; vertical-align: middle } .mk-portfolio-item.slidebox-hover .icons-holder a:hover {opacity: 1 } .mk-portfolio-item.slidebox-hover .featured-image {-webkit-backface-visibility: hidden; backface-visibility: hidden } .mk-portfolio-item.slidebox-hover .featured-image img {-webkit-transform: scale(1.12); transform: scale(1.12); position: relative; -webkit-transition: all .35s ease-out; transition: all .35s ease-out } .mk-portfolio-item.slidebox-hover .image-hover-overlay {background-color: #000 !important } .mk-portfolio-item.slidebox-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.slidebox-hover .featured-image:hover .portfolio-meta {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mk-portfolio-item.slidebox-hover .featured-image.hover .image-hover-overlay, .mk-portfolio-item.slidebox-hover .featured-image:hover .image-hover-overlay {opacity: .4 } .mk-portfolio-item.slidebox-hover .featured-image.hover img, .mk-portfolio-item.slidebox-hover .featured-image:hover img {-webkit-transform: scale(1) translate3d(0, -20px, 0); transform: scale(1) translate3d(0, -20px, 0) } .mk-portfolio-item.slidebox-hover .featured-image.hover .icons-holder, .mk-portfolio-item.slidebox-hover .featured-image:hover .icons-holder {opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .mk-portfolio-item.zoomin-hover.five-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.five-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.four-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.four-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.six-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.six-column .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover.three-column .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover.three-column .image-hover-overlay:before {top: 9%; left: 8%; right: 8%; bottom: 9% } .mk-portfolio-item.zoomin-hover .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover .image-hover-overlay:before {position: absolute; top: 9%; left: 5%; right: 5%; bottom: 9%; content: ''; opacity: 1; display: block; -webkit-transition: all .35s ease-out; transition: all .35s ease-out } .mk-portfolio-item.zoomin-hover .image-hover-overlay:before {border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleY(0) !important; transform: scaleY(0) !important } .mk-portfolio-item.zoomin-hover .image-hover-overlay:after {border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0) !important; transform: scaleX(0) !important } .mk-portfolio-item.zoomin-hover .portfolio-meta {position: absolute; bottom: 70%; left: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .mk-portfolio-item.zoomin-hover .icons-holder {position: absolute; top: 65%; width: 100%; text-align: center; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .mk-portfolio-item.zoomin-hover .icons-holder a {display: inline-block; margin: 0 5px; width: 48px; height: 48px; line-height: 50px; text-align: center; opacity: .7; color: #fff } .mk-portfolio-item.zoomin-hover .icons-holder a svg {height: 42px; vertical-align: middle } .mk-portfolio-item.zoomin-hover .icons-holder a:hover {opacity: 1 } .mk-portfolio-item.zoomin-hover .portfolio-categories {line-height: initial } .mk-portfolio-item.zoomin-hover .portfolio-categories span, .mk-portfolio-item.zoomin-hover .portfolio-date {color: #fff; font-size: 13px; text-transform: uppercase } .mk-portfolio-item.zoomin-hover .featured-image {-webkit-backface-visibility: hidden; backface-visibility: hidden } .mk-portfolio-item.zoomin-hover .featured-image.buttons-disabled:hover .portfolio-meta {bottom: 40% } .mk-portfolio-item.zoomin-hover .featured-image img {position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out } .mk-portfolio-item.zoomin-hover .image-hover-overlay {background-color: #000 !important } .mk-portfolio-item.zoomin-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.zoomin-hover .featured-image:hover .portfolio-meta {opacity: 1; bottom: 60% } .mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay:before, .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay:before {-webkit-transform: scaleY(1) !important; transform: scaleY(1) !important } .mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay:after, .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay:after {-webkit-transform: scaleX(1) !important; transform: scaleX(1) !important } .mk-portfolio-item.zoomin-hover .featured-image.hover .image-hover-overlay, .mk-portfolio-item.zoomin-hover .featured-image:hover .image-hover-overlay {opacity: .5 } .mk-portfolio-item.zoomin-hover .featured-image.hover img, .mk-portfolio-item.zoomin-hover .featured-image:hover img {-webkit-transform: scale(1.15); transform: scale(1.15) } .mk-portfolio-item.zoomin-hover .featured-image.hover .icons-holder, .mk-portfolio-item.zoomin-hover .featured-image:hover .icons-holder {top: 60%; opacity: 1 } .mk-portfolio-item.zoomout-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.six-column .portfolio-meta .the-title, .mk-portfolio-item.zoomout-hover.three-column .portfolio-meta .the-title {font-size: 12px !important } .mk-portfolio-item.zoomout-hover.five-column .icons-holder, .mk-portfolio-item.zoomout-hover.four-column .icons-holder, .mk-portfolio-item.zoomout-hover.six-column .icons-holder, .mk-portfolio-item.zoomout-hover.three-column .icons-holder {position: absolute; bottom: 15px; right: 20px } .mk-portfolio-item.zoomout-hover.five-column .icons-holder a, .mk-portfolio-item.zoomout-hover.four-column .icons-holder a, .mk-portfolio-item.zoomout-hover.six-column .icons-holder a, .mk-portfolio-item.zoomout-hover.three-column .icons-holder a {margin: 0 3px } .mk-portfolio-item.zoomout-hover.five-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.four-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.six-column .icons-holder a svg, .mk-portfolio-item.zoomout-hover.three-column .icons-holder a svg {height: 24px } .mk-portfolio-item.zoomout-hover .item-holder {background-color: #fff } .mk-portfolio-item.zoomout-hover .portfolio-meta {position: absolute; bottom: 20px; left: 0; width: 100%; text-align: left; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 70px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .mk-portfolio-item.zoomout-hover .icons-holder {position: absolute; bottom: 15px; right: 20px; margin: 0 0 0 -30px; opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .mk-portfolio-item.zoomout-hover .icons-holder a {display: inline-block; margin: 0 6px; text-align: center; color: #fff; opacity: .7 } .mk-portfolio-item.zoomout-hover .icons-holder a svg {height: 30px } .mk-portfolio-item.zoomout-hover .icons-holder a:hover {opacity: 1 } .mk-portfolio-item.zoomout-hover .the-title {padding-right: 40px; margin-bottom: 3px } .mk-portfolio-item.zoomout-hover .portfolio-categories, .mk-portfolio-item.zoomout-hover .portfolio-date {padding: 4px 0 0 20px } .mk-portfolio-item.zoomout-hover .featured-image img {position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1); transition: all .7s cubic-bezier(.23, 1, .32, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden } .mk-portfolio-item.zoomout-hover .image-hover-overlay {background-color: #000 !important; opacity: 1 !important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .mk-portfolio-item.zoomout-hover .featured-image.hover .image-hover-overlay, .mk-portfolio-item.zoomout-hover .featured-image:hover .image-hover-overlay {-webkit-transform: scale(1) !important; transform: scale(1) !important; opacity: 1 !important } .mk-portfolio-item.zoomout-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.zoomout-hover .featured-image:hover .portfolio-meta {opacity: 1; -webkit-transform: translate(0, -10px); transform: translate(0, -10px) } .mk-portfolio-item.zoomout-hover .featured-image.hover img, .mk-portfolio-item.zoomout-hover .featured-image:hover img {-webkit-transform: scale(.5) translate(0, -30%); transform: scale(.5) translate(0, -30%) } .mk-portfolio-item.zoomout-hover .featured-image.hover .icons-holder, .mk-portfolio-item.zoomout-hover .featured-image:hover .icons-holder {opacity: 1; -webkit-transform: translate(0, -10px); transform: translate(0, -10px) } .mk-portfolio-item.cube-hover.five-column .portfolio-meta, .mk-portfolio-item.cube-hover.four-column .portfolio-meta, .mk-portfolio-item.cube-hover.six-column .portfolio-meta {padding: 19px 10px } .mk-portfolio-item.cube-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .the-title {padding: 0 10px; text-align: left; font-size: 12px !important } .mk-portfolio-item.cube-hover.five-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.five-column .portfolio-meta .portfolio-date, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.four-column .portfolio-meta .portfolio-date, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .portfolio-categories, .mk-portfolio-item.cube-hover.six-column .portfolio-meta .portfolio-date {font-size: 10px; letter-spacing: 0; padding: 4px 0 0 10px; line-height: 16px } .mk-portfolio-item.cube-hover.five-column .icons-holder, .mk-portfolio-item.cube-hover.four-column .icons-holder, .mk-portfolio-item.cube-hover.six-column .icons-holder {bottom: 15px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .mk-portfolio-item.cube-hover.five-column .icons-holder a, .mk-portfolio-item.cube-hover.four-column .icons-holder a, .mk-portfolio-item.cube-hover.six-column .icons-holder a {margin: 0 5px } .mk-portfolio-item.cube-hover.five-column .icons-holder a svg, .mk-portfolio-item.cube-hover.four-column .icons-holder a svg, .mk-portfolio-item.cube-hover.six-column .icons-holder a svg {height: 24px } .mk-portfolio-item.cube-hover .item-holder {background-color: #000; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50% } .mk-portfolio-item.cube-hover .portfolio-meta {position: absolute; top: 0; left: 0; bottom: 0; width: 50%; padding: 42px 10px; text-align: left; opacity: .8; background: #000; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: all .35s ease-out; transition: all .35s ease-out; -webkit-transform-origin: left center; transform-origin: left center; z-index: 12 } .mk-portfolio-item.cube-hover .the-title {padding: 0 30px; color: #fff !important; font-size: 15px !important; font-weight: 700; line-height: 20px !important; text-transform: uppercase; letter-spacing: 1px } .mk-portfolio-item.cube-hover .icons-holder {position: absolute; bottom: 30px; width: 50%; text-align: center; opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .mk-portfolio-item.cube-hover .icons-holder a {display: inline-block; margin: 0 5px; text-align: center; color: #fff; opacity: .7 } .mk-portfolio-item.cube-hover .icons-holder a svg {height: 32px } .mk-portfolio-item.cube-hover .icons-holder a:hover {opacity: 1 } .mk-portfolio-item.cube-hover .portfolio-categories, .mk-portfolio-item.cube-hover .portfolio-date {color: #fff; opacity: .7; line-height: 16px; font-size: 11px; letter-spacing: 1px; padding: 4px 0 0 30px } .mk-portfolio-item.cube-hover .featured-image {-webkit-backface-visibility: hidden; backface-visibility: hidden } .mk-portfolio-item.cube-hover .featured-image.buttons-disabled .portfolio-meta:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em } .mk-portfolio-item.cube-hover .featured-image.buttons-disabled .portfolio-meta .add-middle-align {display: inline-block; vertical-align: middle; width: 99% } .mk-portfolio-item.cube-hover .featured-image img {position: relative; -webkit-transition: all .7s cubic-bezier(.23, 1, .32, 1); transition: all .7s cubic-bezier(.23, 1, .32, 1) } .mk-portfolio-item.cube-hover .image-hover-overlay {background-color: #000 !important; opacity: 1 !important; -webkit-transition: all .35s ease-out; transition: all .35s ease-out } .mk-portfolio-item.cube-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.cube-hover .featured-image:hover .portfolio-meta {opacity: 1; -webkit-transform: rotateY(0); transform: rotateY(0) } .mk-portfolio-item.cube-hover .featured-image.hover img, .mk-portfolio-item.cube-hover .featured-image:hover img {-webkit-transform: translate(20%, 0); transform: translate(20%, 0) } .mk-portfolio-item.cube-hover .featured-image.hover .icons-holder, .mk-portfolio-item.cube-hover .featured-image:hover .icons-holder {opacity: 1; -webkit-transform: translate(0, -10px); transform: translate(0, -10px) } .mk-portfolio-item.light-zoomin-hover.five-column .portfolio-meta .the-title, .mk-portfolio-item.light-zoomin-hover.four-column .portfolio-meta .the-title, .mk-portfolio-item.light-zoomin-hover.six-column .portfolio-meta .the-title {font-size: 12px !important } .mk-portfolio-item.light-zoomin-hover .image-hover-overlay:after, .mk-portfolio-item.light-zoomin-hover .image-hover-overlay:before {position: absolute; top: 9%; left: 5%; right: 5%; bottom: 9%; content: ''; opacity: 1; display: block; -webkit-transition: all .35s ease-out; transition: all .35s ease-out } .mk-portfolio-item.light-zoomin-hover .portfolio-meta, .style-modern .mk-portfolio-item.light-zoomin-hover .portfolio-meta {position: absolute; bottom: 50%; left: 0; width: 100%; text-align: center; opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .mk-portfolio-item.light-zoomin-hover .portfolio-meta .the-title {padding: 0 20px 8px 20px; position: relative; margin-bottom: 30px } .mk-portfolio-item.light-zoomin-hover .portfolio-meta .the-title a {color: #333 !important } .mk-portfolio-item.light-zoomin-hover .the-title:after {position: absolute; content: ''; bottom: 0; left: 50%; margin-left: -6px; height: 2px; width: 12px; background-color: #000 } .mk-portfolio-item.light-zoomin-hover .icons-holder, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder {position: absolute; top: 65%; left: 3px; width: 100%; text-align: center; opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .mk-portfolio-item.light-zoomin-hover .icons-holder a, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a {display: inline-block; margin: 0 3px; width: 48px; height: 48px; line-height: 50px; text-align: center; border: none; color: #000; opacity: .5 } .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a {color: #fff } .mk-portfolio-item.light-zoomin-hover .icons-holder a svg, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a svg {height: 42px; vertical-align: middle } .mk-portfolio-item.light-zoomin-hover .icons-holder a:hover, .style-modern .mk-portfolio-item.light-zoomin-hover .icons-holder a:hover {opacity: 1 } .mk-portfolio-item.light-zoomin-hover .portfolio-categories, .mk-portfolio-item.light-zoomin-hover .portfolio-date {color: #555 } .mk-portfolio-item.light-zoomin-hover .portfolio-categories a, .mk-portfolio-item.light-zoomin-hover .portfolio-date a {color: #555 } .mk-portfolio-item.light-zoomin-hover .featured-image {-webkit-backface-visibility: hidden; backface-visibility: hidden } .mk-portfolio-item.light-zoomin-hover .featured-image.buttons-disabled .portfolio-meta {bottom: 40% } .mk-portfolio-item.light-zoomin-hover .featured-image img {position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out } .mk-portfolio-item.light-zoomin-hover .image-hover-overlay {background-color: #fff !important } .mk-portfolio-item.light-zoomin-hover .featured-image.hover .portfolio-meta, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .portfolio-meta {opacity: 1 } .mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay:before, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay:before {-webkit-transform: scaleY(1) !important; transform: scaleY(1) !important } .mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay:after, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay:after {-webkit-transform: scaleX(1) !important; transform: scaleX(1) !important } .mk-portfolio-item.light-zoomin-hover .featured-image.hover .image-hover-overlay, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .image-hover-overlay {opacity: .8 } .mk-portfolio-item.light-zoomin-hover .featured-image.hover img, .mk-portfolio-item.light-zoomin-hover .featured-image:hover img {-webkit-transform: scale(1.15); transform: scale(1.15) } .mk-portfolio-item.light-zoomin-hover .featured-image.hover .icons-holder, .mk-portfolio-item.light-zoomin-hover .featured-image:hover .icons-holder {opacity: 1 } .mk-section-preloader {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 999 } .mk-section-preloader__icon {top: 50% } .mk-section-preloader__icon {margin: 0 auto; width: 45px; height: 45px; border-radius: 50%; border: 3px solid transparent; position: relative; -webkit-animation: mk-section-preloader--spin 1s infinite linear; animation: mk-section-preloader--spin 1s infinite linear } .mk-section-preloader__icon:before {content: ''; width: 40px; height: 40px; border-radius: 50%; display: block; position: absolute; left: 0; top: 0; border-right: 3px solid transparent; border-top: 3px solid transparent; border-left: 3px solid #aaa; border-bottom: 3px solid transparent } @-webkit-keyframes mk-section-preloader--spin {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes mk-section-preloader--spin {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } .load-more-scroll {position: relative; height: 70px; width: 200px; margin: 0 auto } .mk-loading-indicator {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, .7); z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .mk-loading-indicator__inner {position: relative; height: 60%; max-height: 45px; display: inline-block; margin: 0 auto } .mk-loading-indicator__icon {border-radius: 50%; border: 2px solid transparent; -webkit-animation: mk-loading-indicator--spin .7s infinite linear; animation: mk-loading-indicator--spin .7s infinite linear; -webkit-transform-origin: center; transform-origin: center; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .mk-loading-indicator__icon:before {content: ''; width: 100%; height: 100%; border-radius: 50%; display: block; position: absolute; left: 0; top: 0; border-right: 2px solid rgba(0, 0, 0, .1); border-top: 2px solid #aaa; border-left: 2px solid #aaa; border-bottom: 2px solid rgba(0, 0, 0, .1) } @-webkit-keyframes mk-loading-indicator--spin {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes mk-loading-indicator--spin {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } .mk-progress-button {position: relative; display: inline-block; letter-spacing: 3px; text-transform: uppercase } .mk-progress-button[disabled], .mk-progress-button[disabled].state-loading {cursor: default } .mk-progress-button .mk-progress-button-content {position: relative; display: block } .mk-progress-button .state-error, .mk-progress-button .state-success {position: absolute; right: 10px; top: 50%; margin-top: -8px; display: block; width: 20px; height: 20px; opacity: 0 } .mk-progress-button .state-error svg, .mk-progress-button .state-success svg {height: 14px; right: 20px } .notransition {-webkit-transition: none !important; transition: none !important } .mk-progress-button .mk-progress-inner {position: absolute; left: 0; bottom: 0; height: 5px; width: 0; transform-origin: bottom left; -o-transform-origin: bottom left; -ms-transform-origin: bottom left; -moz-transform-origin: bottom left; -webkit-transform-origin: bottom left } .contact-form-button .mk-progress-inner, .flat-dimension .mk-progress-inner, .outline-btn-dark .mk-progress-inner, .outline-btn-light:hover .mk-progress-inner {background: rgba(0, 0, 0, .5) } .contact-form-button:hover .mk-progress-inner, .outline-btn-dark:hover .mk-progress-inner, .outline-btn-light .mk-progress-inner {background: rgba(255, 255, 255, .5) } .mk-progress-button[data-horizontal] .mk-progress-inner {bottom: 0; width: 0; height: 5px; -webkit-transition: width .3s, opacity .3s; transition: width .3s, opacity .3s; transform-origin: bottom left; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left } .mk-progress-button[data-vertical] .mk-progress-inner {bottom: 0; width: 100%; height: 0; -webkit-transition: height .3s, opacity .3s; transition: height .3s, opacity .3s } .mk-progress-button[data-style=move-up] {overflow: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden } .mk-progress-button[data-style=move-up] .mk-progress-button-content {transition: -webkit-transform .2s; -webkit-transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s } .mk-progress-button[data-style=move-up] .mk-progress {position: absolute; top: 0; left: 0; width: 100%; height: 100% } .mk-progress-button[data-style=move-up].state-loading .mk-progress-button-content {-webkit-transform: translateY(-10px); transform: translateY(-10px) } .s_contact.classic-style .mk-progress-button, .s_contact.corporate-style .mk-progress-button {border: 0 } .mk-mini-callout p, .mk-title-box p {color: inherit !important; font-size: inherit !important; line-height: inherit !important } .image-hover-overlay {position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; background-color: #f97352 } .contact-form-message {padding: 10px 0; font-size: 13px; color: #cd1313; display: none } .contact-form-message.state-success {color: #659c39 } .mk-skip-to-next {position: absolute; display: table; left: 50%; cursor: pointer; bottom: 0; margin: -26px 0 26px -26px; width: 50px; height: 50px; border-radius: 50%; text-align: center; opacity: .9; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .mk-skip-to-next svg {height: 16px; width: 16px; display: table-cell; vertical-align: middle; display: inline-block; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-transform: translateY(2px); transform: translateY(2px) } .mk-skip-to-next:hover {opacity: 1 } .mk-skip-to-next:hover svg {-webkit-transform: translateY(5px); transform: translateY(5px) } .mk-skip-to-next[data-skin=dark] {border: 2px solid #333 } .mk-skip-to-next[data-skin=dark] svg {fill: #333 } .mk-skip-to-next[data-skin=light] {border: 2px solid #fff } .mk-skip-to-next[data-skin=light] svg {fill: #fff } .mk-swipe-slideshow .mk-swiper-wrapper {height: 0; overflow: hidden } .mk-blog-container .mk-slider-holder-img {width: 100% } .post-type-badge {position: absolute; left: 50%; top: 50%; display: block; opacity: 0; margin: -24px 0 0 -24px } .post-type-badge svg {height: 48px; fill: #fff } .mk-blog-container .featured-image:hover .post-type-badge {opacity: 1 } .mk-jupiter-blog article:not(.mk-blog-spotlight-item) .featured-image {cursor: pointer } .wp-core-ui .button, .wp-core-ui .button-secondary {color: #555 !important; border-color: #ccc !important; height: 24px !important; line-height: 22px !important; padding: 0 8px 1px !important; font-size: 11px !important; border: 1px solid #ccc !important; background: #f7f7f7 !important; -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, .08) !important; box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, .08) !important } .wp-core-ui .button-secondary:hover, .wp-core-ui .button:hover {background: #eee !important } .IE9 .mk-button.savvy-dimension:after {top: 0; left: 0 } select.fsField {background-color: #fff; border: 1px solid #7c7c7c !important; border-radius: 4px !important; color: #333 !important; display: initial !important; font-size: 14px !important; font-weight: 400 !important; max-width: 100%; min-width: 100px !important; padding: 4px 5px !important } .featured-image img {-webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .mk-slider {width: 100%; height: 100%; position: relative; overflow: hidden } .mk-slider-holder {width: 100%; height: 100% } .mk-slider-slide {width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .mk-slider-slide:first-of-type {display: block } .mk-section-image {height: 100% } .mk-slider-spinner-wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 10; -webkit-transition: .2s ease-out opacity; transition: .2s ease-out opacity } .mk-slider-spinner-wrap-hidden {opacity: 0 } html:not(.IE) .mk-slider-spinner-wrap .mk-slider-spinner {position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; vertical-align: bottom } html:not(.IE) .mk-slider-spinner-wrap .mk-slider-spinner-path {stroke: #444 } .mk-slider-spinner {-webkit-animation: mka-rotator 1.4s linear infinite; animation: mka-rotator 1.4s linear infinite } @-webkit-keyframes mka-rotator {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(270deg); transform: rotate(270deg) } } @keyframes mka-rotator {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(270deg); transform: rotate(270deg) } } .mk-slider-spinner-path {stroke-dasharray: 187px; stroke-dashoffset: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: mka-dash 1.4s ease-in-out infinite; animation: mka-dash 1.4s ease-in-out infinite; stroke: #b3b3b3 } @-webkit-keyframes mka-dash {0% {stroke-dashoffset: 187px } 50% {stroke-dashoffset: 46.75px; -webkit-transform: rotate(135deg); transform: rotate(135deg) } 100% {stroke-dashoffset: 187px; -webkit-transform: rotate(450deg); transform: rotate(450deg) } } @keyframes mka-dash {0% {stroke-dashoffset: 187px } 50% {stroke-dashoffset: 46.75px; -webkit-transform: rotate(135deg); transform: rotate(135deg) } 100% {stroke-dashoffset: 187px; -webkit-transform: rotate(450deg); transform: rotate(450deg) } } .mk-slider-spinner-fallback {display: none } .IE .mk-slider-spinner-fallback {display: block } .IE .mk-slider-spinner {display: none } .mk-slider-spinner-fallback, .mk-slider-spinner-fallback:after, .mk-slider-spinner-fallback:before {border-radius: 50% } .mk-slider-spinner-fallback {color: #444; font-size: 5px; text-indent: -99999em; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; width: 10em; height: 10em; -webkit-box-shadow: inset 0 0 0 1em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); transform: translateZ(0) } .mk-slider-spinner-fallback:after, .mk-slider-spinner-fallback:before {position: absolute; content: ''} .mk-slider-spinner-fallback:before {width: 5.2em; height: 10.2em; background: #fff; border-radius: 10.2em 0 0 10.2em; top: -.1em; left: -.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: mk-spinner-fallback-anim 1s infinite ease 1.5s; animation: mk-spinner-fallback-anim 1s infinite ease 1.5s } .mk-slider-spinner-fallback:after {width: 5.2em; height: 10.2em; background: #fff; border-radius: 0 10.2em 10.2em 0; top: -.1em; left: 5.1em; -webkit-transform-origin: 0 5.1em; transform-origin: 0 5.1em; -webkit-animation: mk-spinner-fallback-anim 1s infinite ease; animation: mk-spinner-fallback-anim 1s infinite ease } @-webkit-keyframes mk-spinner-fallback-anim {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes mk-spinner-fallback-anim {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } .mk-fancy-title {margin-bottom: 18px } .mk-fancy-title p {color: inherit } .mk-fancy-title.pattern-style {background: url(../img/fancy-title-pattern.png) left center repeat-x } .mk-fancy-title.pattern-style.align-left span {padding: 0 6px 0 0 } .mk-fancy-title.pattern-style.align-right span {padding: 0 0 0 6px } .mk-fancy-title.pattern-style.align-center span {padding: 0 6px } .mk-fancy-title.color-gradient span i {display: table; font-style: normal } .mk-fancy-title.pattern-style.color-gradient span {position: relative } .mk-fancy-title.pattern-style.color-gradient span:after {content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1 } .mk-fancy-title.color-gradient.align-left span i {margin: 0 auto 0 0 } .mk-fancy-title.color-gradient.align-center span i {margin: 0 auto 0 } .mk-fancy-title.color-gradient.align-right span i {margin: 0 0 0 auto } .mk-fancy-title.color-gradient span i {position: relative; z-index: 2 } .mk-fancy-title.shortcode-heading {font-weight: 700; font-size: 14px } .mk-fancy-title.pattern-style p {display: inline } @media handheld, only screen and (max-width: 767px) {.mk-fancy-title {text-align: center !important } .mk-fancy-title.pattern-style span {padding: 0 8px !important } .mk-fancy-title.mk-force-responsive {font-size: 36px !important } } .mk-title-box {line-height: 100% } .mk-title-box p {margin: 0 } .mk-title-box span {padding: 4px 0 } .hover-overlay, .image-hover-overlay, .mk-image-lightbox {-webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out } .mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay {-webkit-transform: translateZ(0); transform: translateZ(0) } .mk-animate-element {opacity: 0; -webkit-perspective: 1000 } .no-transform .mk-animate-element {opacity: 1 } .mk-animate-element.mk-in-viewport.fade-in {-webkit-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); opacity: 1 } .mk-animate-element.mk-in-viewport.scale-up {-webkit-animation: mk_scale .7s 1 cubic-bezier(.445, .05, .55, .95); animation: mk_scale .7s 1 cubic-bezier(.445, .05, .55, .95); opacity: 1 } .mk-animate-element.mk-in-viewport.right-to-left {-webkit-animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mk-animate-element.mk-in-viewport.left-to-right {-webkit-animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mk-animate-element.mk-in-viewport.top-to-bottom {-webkit-animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mk-animate-element.mk-in-viewport.bottom-to-top {-webkit-animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mk-animate-element.mk-in-viewport.flip-x {-webkit-animation: mk_flip_x .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_flip_x .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mk-animate-element.mk-in-viewport.flip-y {-webkit-animation: mk_flip_y .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_flip_y .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .mk-floating-vertical {-webkit-animation: mk_float 2s infinite linear; -moz-animation: mk_float 2s infinite linear; -ms-animation: mk_float 2s infinite linear; -o-animation: mk_float 2s infinite linear; position: relative } .mk-floating-horizontal {-webkit-animation: mk_floatx 2s infinite linear; -moz-animation: mk_floatx 2s infinite linear; -ms-animation: mk_floatx 2s infinite linear; -o-animation: mk_floatx 2s infinite linear; position: relative } .mk-floating-pulse {-webkit-animation: mk_pulse 2s infinite linear; -moz-animation: mk_pulse 2s infinite linear; -ms-animation: mk_pulse 2s infinite linear; -o-animation: mk_pulse 2s infinite linear } .mk-floating-tossing {-webkit-animation: mk_tossing 2s infinite linear; -moz-animation: mk_tossing 2s infinite linear; -ms-animation: mk_tossing 2s infinite linear; -o-animation: mk_tossing 2s infinite linear } .mk-icon-spin {display: inline-block; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear } @-webkit-keyframes spin {0% {-webkit-transform: rotate(0) } 100% {-webkit-transform: rotate(359deg) } } @keyframes spin {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg) } } @-webkit-keyframes mk_float {0% {top: 0 } 50% {top: 15px } 100% {top: 0 } } @keyframes mk_float {0% {top: 0 } 50% {top: 15px } 100% {top: 0 } } @-webkit-keyframes mk_floatx {0% {left: 0 } 50% {left: 15px } 100% {left: 0 } } @keyframes mk_floatx {0% {left: 0 } 50% {left: 15px } 100% {left: 0 } } @-webkit-keyframes mk_tossing {0% {-webkit-transform: rotate(-6deg) } 50% {-webkit-transform: rotate(6deg) } 100% {-webkit-transform: rotate(-6deg) } } @keyframes mk_tossing {0% {-webkit-transform: rotate(-6deg); transform: rotate(-6deg) } 50% {-webkit-transform: rotate(6deg); transform: rotate(6deg) } 100% {-webkit-transform: rotate(-6deg); transform: rotate(-6deg) } } @-webkit-keyframes mk_pulse {0% {-webkit-transform: scale(.9); opacity: .7 } 50% {-webkit-transform: scale(1); opacity: 1 } 100% {-webkit-transform: scale(.9); opacity: .7 } } @keyframes mk_pulse {0% {-webkit-transform: scale(.9); transform: scale(.9); opacity: .7 } 50% {-webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% {-webkit-transform: scale(.9); transform: scale(.9); opacity: .7 } } @-webkit-keyframes mk_flip_x {0% {-webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 } 100% {-webkit-transform: perspective(400px) rotateX(0); opacity: 1 } } @keyframes mk_flip_x {0% {-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 100% {-webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } } @-webkit-keyframes mk_flip_y {0% {-webkit-transform: perspective(400px) rotateY(90deg); opacity: 0 } 100% {-webkit-transform: perspective(400px) rotateY(0); opacity: 1 } } @keyframes mk_flip_y {0% {-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 100% {-webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } } @-webkit-keyframes mk_fade {0% {opacity: .1 } 100% {opacity: 1 } } @keyframes mk_fade {0% {opacity: .1 } 100% {opacity: 1 } } @-webkit-keyframes mk_scale {0% {-webkit-transform: scale(.3); opacity: .1 } 100% {-webkit-transform: scale(1); opacity: 1 } } @keyframes mk_scale {0% {-webkit-transform: scale(.3); transform: scale(.3); opacity: .1 } 100% {-webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes mk_left_to_right {0% {-webkit-transform: translate(-15%, 0); opacity: 0 } 100% {-webkit-transform: translate(0, 0); opacity: 1 } } @keyframes mk_left_to_right {0% {-webkit-transform: translate(-15%, 0); transform: translate(-15%, 0); opacity: 0 } 100% {-webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } } @-webkit-keyframes mk_right_to_left {0% {-webkit-transform: translate(15%, 0); opacity: 0 } 100% {-webkit-transform: translate(0, 0); opacity: 1 } } @keyframes mk_right_to_left {0% {-webkit-transform: translate(15%, 0); transform: translate(15%, 0); opacity: 0 } 100% {-webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } } @-webkit-keyframes mk_bottom_to_top {0% {-webkit-transform: translate(0, 60%); opacity: 0 } 100% {-webkit-transform: translate(0, 0); opacity: 1 } } @keyframes mk_bottom_to_top {0% {-webkit-transform: translate(0, 60%); transform: translate(0, 60%); opacity: 0 } 100% {-webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } } @-webkit-keyframes mk_top_to_bottom {0% {-webkit-transform: translate(0, -20%); opacity: 0 } 100% {-webkit-transform: translate(0, 0); opacity: 1 } } @keyframes mk_top_to_bottom {0% {-webkit-transform: translate(0, -20%); transform: translate(0, -20%); opacity: 0 } 100% {-webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } } .jupiter-donut-font-weight-l {font-weight: lighter } .jupiter-donut-font-weight-n {font-weight: 400 } .jupiter-donut-font-weight-b {font-weight: 700 } .jupiter-donut-font-weight-100 {font-weight: 100 } .jupiter-donut-font-weight-200 {font-weight: 200 } .jupiter-donut-font-weight-300 {font-weight: 300 } .jupiter-donut-font-weight-400 {font-weight: 400 } .jupiter-donut-font-weight-500 {font-weight: 500 } .jupiter-donut-font-weight-600 {font-weight: 600 } .jupiter-donut-font-weight-700 {font-weight: 700 } .jupiter-donut-font-weight-800 {font-weight: 800 } .jupiter-donut-font-weight-900 {font-weight: 900 } .jupiter-donut-bold {font-weight: 700 } .jupiter-donut-italic {font-style: italic } .jupiter-donut-uppercase {text-transform: uppercase } .jupiter-donut-text-left {text-align: left } .jupiter-donut-text-right {text-align: right } .jupiter-donut-text-center {text-align: center } .jupiter-donut-letter-spacing-1 {letter-spacing: 1px } .jupiter-donut-letter-spacing-2 {letter-spacing: 2px } .jupiter-donut-letter-spacing-3 {letter-spacing: 3px } .jupiter-donut-block {display: block } .jupiter-donut-inline-block {display: inline-block } .jupiter-donut-flex {display: -webkit-box; display: -ms-flexbox; display: flex } .jupiter-donut-flex-column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .jupiter-donut-flex-wrap {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap } .jupiter-donut-flex-items-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center } .jupiter-donut-flex-items-baseline {-webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .jupiter-donut-flex-items-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .jupiter-donut-flex-items-end {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .jupiter-donut-flex-items-stretch {-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .jupiter-donut-flex-self-center {-ms-flex-item-align: center; align-self: center } .jupiter-donut-flex-self-baseline {-ms-flex-item-align: baseline; align-self: baseline } .jupiter-donut-flex-self-start {-ms-flex-item-align: start; align-self: flex-start } .jupiter-donut-flex-self-end {-ms-flex-item-align: end; align-self: flex-end } .jupiter-donut-flex-self-stretch {-ms-flex-item-align: stretch; align-self: stretch } .jupiter-donut-flex-justify {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .jupiter-donut-flex-center {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .jupiter-donut-flex-auto {-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .jupiter-donut-flex-grow {-webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .jupiter-donut-flex-none {-webkit-box-flex: 0; -ms-flex: none; flex: none } .jupiter-donut-flex-first {-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .jupiter-donut-flex-last {-webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999 } .jupiter-donut-width-50 {width: 50px } .jupiter-donut-width-full {width: 100% } .jupiter-donut-width-x2 {width: 200% } .jupiter-donut-height-50 {height: 50px } .jupiter-donut-height-full {height: 100% } .jupiter-donut-left {float: left } .jupiter-donut-right {float: right } .jupiter-donut-clear:after, .jupiter-donut-clear:before {content: " "; display: table } .jupiter-donut-clear:after {clear: both } .jupiter-donut-relative {position: relative } .jupiter-donut-absolute {position: absolute } .jupiter-donut-fixed {position: fixed } .jupiter-donut-z1 {z-index: 1 } .jupiter-donut-z2 {z-index: 2 } .jupiter-donut-z3 {z-index: 3 } .jupiter-donut-z4 {z-index: 4 } .jupiter-donut-z5 {z-index: 5 } .jupiter-donut-z999 {z-index: 999 } .jupiter-donut-pointer {pointer-events: auto } .jupiter-donut-no-pointer {pointer-events: none } .jupiter-donut-overflow-auto {overflow: auto } .jupiter-donut-no-overflow {overflow: hidden } .jupiter-donut-no-overflow-x {overflow-x: hidden } .jupiter-donut-no-overflow-y {overflow-y: hidden } .jupiter-donut-backface {-webkit-backface-visibility: visible; backface-visibility: visible } .jupiter-donut-no-backface {-webkit-backface-visibility: hidden; backface-visibility: hidden } .jupiter-donut-perspective {-webkit-transform: perspective(1000px); transform: perspective(1000px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .jupiter-donut-origin-center {-webkit-transform-origin: center; transform-origin: center } .jupiter-donut-fold-back-horizontal {-webkit-transform: translateX(-100%) rotateY(-180deg); transform: translateX(-100%) rotateY(-180deg) } .jupiter-donut-fold-back-vertical {-webkit-transform: translateX(-100%) rotateX(-180deg); transform: translateX(-100%) rotateX(-180deg) } .jupiter-donut-bezier-1 {-webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1); transition: all .5s cubic-bezier(.645, .045, .355, 1) } .IE .jupiter-donut-bezier-1 {-webkit-transition: none; transition: none } .jupiter-donut-left-0 {left: 0 } .jupiter-donut-left-5 {left: 5px } .jupiter-donut-left-10 {left: 10px } .jupiter-donut-right-0 {right: 0 } .jupiter-donut-right-5 {right: 5px } .jupiter-donut-right-10 {right: 10px } .jupiter-donut-top-0 {top: 0 } .jupiter-donut-top-5 {top: 5px } .jupiter-donut-top-10 {top: 10px } .jupiter-donut-bottom-0 {bottom: 0 } .jupiter-donut-bottom-5 {bottom: 5px } .jupiter-donut-bottom-10 {bottom: 10px } .jupiter-donut-padding-10-pr {padding: 10% } .jupiter-donut-padding-x-10-pr {padding-left: 10%; padding-right: 10% } .jupiter-donut-padding-10 {padding: 10px } .jupiter-donut-padding-x-10 {padding-left: 10px; padding-right: 10px } .jupiter-donut-padding-y-10 {padding-top: 10px; padding-bottom: 10px } .jupiter-donut-padding-20 {padding: 20px } .jupiter-donut-padding-x-20 {padding-left: 20px; padding-right: 20px } .jupiter-donut-padding-y-20 {padding-top: 20px; padding-bottom: 20px } .jupiter-donut-margin-t-20 {margin-top: 20px } .jupiter-donut-margin-r-10 {margin-top: 10px } .jupiter-donut-is-hidden {display: none; visibility: hidden } .jupiter-donut-is-visibility-hidden {visibility: hidden } .jupiter-donut-margin-auto {margin: 0 auto } .jupiter-donut-table {display: table } .jupiter-donut-table-cell {display: table-cell } .jupiter-donut-width-40 {width: 40px } .jupiter-donut-width-100 {width: 100px } .jupiter-donut-width-1000 {width: 1000px } .jupiter-donut-width-100-per {width: 100% } .jupiter-donut-width-auto {width: auto } .jupiter-donut-color-success {color: #20b66e } .jupiter-donut-color-warning {color: #be9a34 } .jupiter-donut-color-erorr {color: #de303a } .jupiter-donut-color-white {color: #fff } .jupiter-donut-color-333 {color: #333 } .jupiter-donut-color-777 {color: #777 } .jupiter-donut-position-absolute {position: absolute } .jupiter-donut-position-relative {position: relative } .jupiter-donut-display-inline-block {display: inline-block } .jupiter-donut-display-block {display: block } .jupiter-donut-display-table {display: table } .jupiter-donut-font-10 {font-size: 10px } .jupiter-donut-font-12 {font-size: 12px } .jupiter-donut-font-14 {font-size: 14px } .jupiter-donut-font-16 {font-size: 16px } .jupiter-donut-font-22 {font-size: 22px } .jupiter-donut-font-24 {font-size: 24px } .jupiter-donut-font-32 {font-size: 32px } .jupiter-donut-font-48 {font-size: 48px } .jupiter-donut-font-64 {font-size: 64px } .jupiter-donut-padding-0 {padding: 0 } .jupiter-donut-padding-10 {padding: 10px } .jupiter-donut-padding-15 {padding: 15px } .jupiter-donut-padding-20 {padding: 20px } .jupiter-donut-padding-0-15 {padding: 0 15px } .jupiter-donut-padding-0-20 {padding: 0 20px } .jupiter-donut-padding-15-0 {padding: 15px 0 } .jupiter-donut-padding-20-0 {padding: 20px 0 } .jupiter-donut-line-4 {line-height: 4px } .jupiter-donut-line-12 {line-height: 12px } .jupiter-donut-line-16 {line-height: 16px } .jupiter-donut-line-18 {line-height: 18px } .jupiter-donut-line-22 {line-height: 22px } .jupiter-donut-line-25 {line-height: 25px } .jupiter-donut-line-32 {line-height: 32px } .jupiter-donut-line-40 {line-height: 40px } .jupiter-donut-line-50 {line-height: 50px } .jupiter-donut-line-90 {line-height: 90px } .jupiter-donut-line-100-pr {line-height: 100% } .jupiter-donut-margin-0 {margin: 0 } .jupiter-donut-margin-10-0 {margin: 10px 0 } .jupiter-donut-margin-0-auto {margin: 0 auto } .jupiter-donut-height-100-per {height: 100% } .jupiter-donut-height-auto {height: auto } .jupiter-donut-align-center {text-align: center } .jupiter-donut-align-right {text-align: right } .jupiter-donut-align-left {text-align: left } .jupiter-donut-opacity-0 {opacity: 0 } .jupiter-donut-opacity-70 {opacity: .7 } .jupiter-donut-opacity-100 {opacity: 1 } .jupiter-donut-left-0 {left: 0 } .jupiter-donut-left-50-per {left: 50% } .jupiter-donut-bg-black {background-color: #000 } .jupiter-donut-bg-gray222 {background-color: #222 } .jupiter-donut-bg-white {background-color: #fff } .jupiter-donut-top-0 {top: 0 } .jupiter-donut-top-50-per {top: 50% } .jupiter-donut-top-100-per {top: 100% } .jupiter-donut-transform-rotate-45 {-webkit-transform: rotate(45deg); transform: rotate(45deg) } .jupiter-donut-transform-rotate-90 {-webkit-transform: rotate(90deg); transform: rotate(90deg) } .jupiter-donut-transform-scale-1 {-webkit-transform: scale(1); transform: scale(1) } .jupiter-donut-transform-translate3d-0 {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .jupiter-donut-transform-translate-00-opacity-1 {-webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } .jupiter-donut-margin-bottom-0 {margin-bottom: 0 } .jupiter-donut-margin-bottom-10 {margin-bottom: 10px } .jupiter-donut-margin-bottom-15 {margin-bottom: 15px } .jupiter-donut-margin-bottom-20 {margin-bottom: 20px } .jupiter-donut-margin-bottom-30 {margin-bottom: 30px } .jupiter-donut-margin-bottom-50 {margin-bottom: 50px } .jupiter-donut-1col .jupiter-donut-colitem, .jupiter-donut-col-1of1, .one-column .jupiter-donut-colitem {width: 100% } .jupiter-donut-2col .jupiter-donut-colitem, .jupiter-donut-col-1of2, .two-column .jupiter-donut-colitem {width: 50% } .jupiter-donut-3col .jupiter-donut-colitem, .jupiter-donut-col-1of3, .three-column .jupiter-donut-colitem {width: 33.33% } .four-column .jupiter-donut-colitem, .jupiter-donut-4col .jupiter-donut-colitem, .jupiter-donut-col-1of4 {width: 25% } .five-column .jupiter-donut-colitem, .jupiter-donut-5col .jupiter-donut-colitem, .jupiter-donut-col-1of5 {width: 20% } .jupiter-donut-6col .jupiter-donut-colitem, .jupiter-donut-col-1of6, .six-column .jupiter-donut-colitem {width: 16.66% } .jupiter-donut-7col .jupiter-donut-colitem, .jupiter-donut-col-1of7, .seven-column .jupiter-donut-colitem {width: 14.28% } .eight-column .jupiter-donut-colitem, .jupiter-donut-8col .jupiter-donut-colitem, .jupiter-donut-col-1of8 {width: 12.5% } .jupiter-donut-9col .jupiter-donut-colitem, .jupiter-donut-col-1of9, .nine-column .jupiter-donut-colitem {width: 11.1% } .jupiter-donut-10col .jupiter-donut-colitem, .jupiter-donut-col-1of10, .ten-column .jupiter-donut-colitem {width: 10% } .eleven-column .jupiter-donut-colitem, .jupiter-donut-11col .jupiter-donut-colitem, .jupiter-donut-col-1of11 {width: 9.09% } .jupiter-donut-12col .jupiter-donut-colitem, .jupiter-donut-col-1of12, .twelve-column .jupiter-donut-colitem {width: 8.33% } .jupiter-donut-margin-top-0 {margin-top: 0 } .jupiter-donut-margin-top-10 {margin-top: 10px } .jupiter-donut-margin-top-15 {margin-top: 15px } .jupiter-donut-margin-top-20 {margin-top: 20px } .jupiter-donut-margin-top-30 {margin-top: 30px } .jupiter-donut-margin-top-40 {margin-top: 40px } .jupiter-donut-margin-top-50 {margin-top: 50px } .jupiter-donut-overflow-hidden {overflow: hidden } .jupiter-donut-font-weight-bold {font-weight: 700 } .jupiter-donut-font-weight-normal {font-weight: 400 } .jupiter-donut-text-transform-up {text-transform: uppercase } .jupiter-donut-letter-spacing-1 {letter-spacing: 1px } .jupiter-donut-float-left {float: left } .jupiter-donut-float-right {float: right } .jupiter-donut-box-border {-webkit-box-sizing: border-box; box-sizing: border-box } .jupiter-donut-box-content {-webkit-box-sizing: content-box; box-sizing: content-box } .jupiter-donut-padding-bottom-30 {padding-bottom: 30px } .jupiter-donut-fly-top-left {position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .jupiter-donut-list-reset ul {margin: 0; padding: 0; list-style: none } .jupiter-donut-list-reset li {display: inline-block; margin: 0 } .center-y {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .jupiter-donut-clearfix {display: block; clear: both } .jupiter-donut-clearfix:after, .jupiter-donut-clearfix:before {content: " "; display: table } .jupiter-donut-clearfix:after {clear: both } .jupiter-donut-visible-dt, .jupiter-donut-visible-dt-v2, .jupiter-donut-visible-nb, .jupiter-donut-visible-sm, .jupiter-donut-visible-tl, .jupiter-donut-visible-tl-v2 {display: none } @media only screen and (max-width: 765px) {.jupiter-donut-hidden-sm {display: none !important } .jupiter-donut-visible-sm {display: block !important } .jupiter-donut-visible-sm.center-y {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } @media only screen and (max-width: 1024px) {.jupiter-donut-hidden-nb {display: none !important } .jupiter-donut-visible-nb {display: block !important } .jupiter-donut-visible-nb.center-y {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } @media only screen and (min-width: 768px) and (max-width:1024px) {.jupiter-donut-hidden-tl {display: none !important } .jupiter-donut-visible-tl {display: block !important } .jupiter-donut-visible-tl.center-y {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } @media only screen and (min-width: 768px) and (max-width:1280px) {.jupiter-donut-hidden-tl-v2 {display: none !important } .jupiter-donut-visible-tl-v2 {display: block !important } .jupiter-donut-visible-tl-v2.center-y {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } @media only screen and (min-width: 1224px) {.jupiter-donut-hidden-dt {display: none !important } .jupiter-donut-visible-dt {display: block !important } .jupiter-donut-visible-dt.center-y {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } @media only screen and (min-width: 1290px) {.jupiter-donut-hidden-dt-v2 {display: none !important } .jupiter-donut-visible-dt-v2 {display: block !important } .jupiter-donut-visible-dt-v2.center-y {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } } @media only screen and (min-width: 320px) and (max-width:480px) {.no-smartphone {display: none !important } } @media only screen and (min-width: 768px) and (max-width:1024px) {.no-ipad {display: none !important } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:1.5) {.no-iphone {display: none !important } } .mk-advanced-gmaps img {max-width: none !important } .mk-gmaps-parallax {overflow: hidden } .mk-gmaps-parallax>div {margin-top: -100px } .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 } a.jp-loading, a.jp-pause, a.jp-play {padding: 9px 6px 7px 10px; display: block; width: 30px; height: 30px; text-align: center; border: 1px solid #252525; border-radius: 50px; -webkit-box-sizing: initial; box-sizing: initial; display: none } a.jp-loading {border-width: 0; padding: 10px; -webkit-animation: jp-loading-rotation 1s infinite linear; animation: jp-loading-rotation 1s infinite linear; pointer-events: none } @-webkit-keyframes jp-loading-rotation {from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes jp-loading-rotation {from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(359deg); transform: rotate(359deg) } } a.jp-pause:hover, a.jp-play:hover {border-color: #fff } a.jp-pause:hover svg, a.jp-play:hover svg {fill: #fff } a.jp-pause svg, a.jp-play svg {height: 16px; fill: #252525; vertical-align: middle } a.jp-pause {padding: 9px 8px 7px; display: none } .jp-audio.jp-audio-loading a.jp-loading {display: block } .jp-audio.jp-audio-loaded a.jp-play, .jp-audio.jp-audio-paused a.jp-play {display: block } .jp-audio.jp-audio-playing a.jp-pause {display: block } .jp-audio.jp-audio-playing a.jp-play {display: none } .jp-progress {background-color: rgba(0, 0, 0, .2) } .jp-audio .jp-progress {position: absolute; top: 0; left: 0; height: 12px; overflow: hidden } .jp-audio .jp-type-single .jp-progress {left: 0; width: 100% } .jp-seek-bar {width: 100%; height: 100%; cursor: pointer } .jp-play-bar {background-color: #000; background-color: rgba(0, 0, 0, .5); width: 0; height: 100%; position: relative; -webkit-transition: width .3s; transition: width .3s } a.jp-mute, a.jp-unmute, a.jp-volume-max {width: 18px; height: 15px; margin-top: 0 } .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.jp-muted {opacity: .3 } .jp-volume-bar svg {position: absolute; top: 0; left: -15px; fill: #252525; height: 16px } .jp-volume-bar-value {width: 0; 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: #fff; font-size: 12px; width: 100%; font-weight: 700 } .jp-current-time, .jp-duration {display: inline-block } .jp-current-time {float: left } .jp-duration {float: right } .jp-jplayer, .jp-jplayer audio {width: 0; height: 0 } .jp-jplayer {background-color: #000 } 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: #eee; border: 2px solid #009be3; color: #000; display: none } .jp-no-solution a {color: #000 } .jp-no-solution span {font-size: 1em; display: block; text-align: center; font-weight: 700 } .mk-blockquote {position: relative; margin-bottom: 20px; line-height: 150% !important } .mk-blockquote p {margin-bottom: 0 } .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, .05) } .mk-blockquote.quote-style .mk-svg-icon {position: absolute; top: 20px; left: 20px; display: block; fill: #ddd; fill: rgba(0, 0, 0, .1); height: 32px !important; width: 32px !important } .mk-blockquote.line-style {padding: 10px 10px 10px 40px; border-left: 2px solid } @media handheld, only screen and (max-width: 760px) {.mk-blockquote {font-size: 14px !important } } .mk-blog-container-lazyload .blog-image, .mk-blog-container-lazyload .swiper-slide-image {background-color: #e0e0e0 } .mk-blog-classic-item {margin-bottom: 40px; border: 1px solid #eee; overflow: hidden; position: relative; width: 100%; background-color: #fff } .mk-blog-classic-item .mk-readmore {letter-spacing: 1px; text-transform: uppercase; position: absolute; right: 30px; bottom: 25px } .mk-blog-classic-item .mk-readmore svg {margin-right: 5px; height: 8px } .mk-blog-classic-item .mk-readmore:hover {color: #252525 !important } .mk-blog-classic-item .blog-social-share {left: 50px; bottom: -10px; min-width: 180px } .mk-blog-classic-item .blog-social-share:before {left: -5px; top: 50% } .mk-blog-classic-item .blog-social-share li {float: left; display: inline-block } @media handheld, only screen and (max-width: 600px) {.mk-blog-classic-item .blog-social-share {min-width: 130px; padding: 10px; bottom: -5px } .mk-blog-classic-item .blog-social-share a {margin: 0 5px } } .mk-blog-classic-item.blockquote-post-type {padding: 70px 40px 40px } .mk-blog-classic-item.blockquote-post-type .blog-blockquote-content {font-size: 26px; line-height: 40px; color: #222; padding-left: 70px } .mk-blog-classic-item.blockquote-post-type .the-excerpt {display: none } .mk-blog-classic-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon {position: absolute; top: 70px; left: 40px; display: block; fill: #ddd; fill: rgba(0, 0, 0, .1) } .mk-blog-classic-item.blockquote-post-type .blog-blockquote-content footer {text-align: right; color: #999; font-style: italic; font-size: 20px } .mk-blog-classic-item.blockquote-post-type .mk-blog-meta-wrapper {position: absolute; top: 40px; left: 40px } .mk-blog-classic-item.blockquote-post-type .mk-blog-meta-wrapper .mk-categories {display: none } .mk-blog-classic-item.blockquote-post-type .mk-blog-meta {padding: 0 } .mk-blog-classic-item.blockquote-post-type .mk-readmore, .mk-blog-classic-item.blockquote-post-type .the-title {display: none } .mk-blog-container .featured-image:hover .image-hover-overlay {opacity: .9 } .mk-blog-classic-item .blog-loop-comments, .mk-blog-classic-item .mk-blog-share {height: 36px; line-height: 36px; width: 36px; background-color: #000; background-color: rgba(0, 0, 0, .1); border-radius: 2px; position: relative; display: inline-block; float: left; margin-right: 15px; text-align: center; cursor: pointer; display: table; -webkit-transition: all .15s; transition: all .15s } .mk-blog-classic-item .blog-loop-comments svg, .mk-blog-classic-item .mk-blog-share svg {vertical-align: text-top; fill: #636363 } .mk-blog-classic-item .blog-loop-comments svg, .mk-blog-classic-item .mk-blog-share svg {height: 16px } .mk-blog-classic-item .blog-loop-comments span {position: absolute; left: 25px; top: -10px; font-weight: 700; color: #fff; line-height: 10px; font-size: 11px; height: 20px; padding: 0 7px; line-height: 20px; border-radius: 30px; background-color: #f97352 } .mk-blog-classic-item .blog-loop-comments:hover, .mk-blog-classic-item .mk-blog-share:hover {background-color: rgba(0, 0, 0, .2) } .blog-share-container {position: relative; float: left } .mk-blog-portraite {width: 100% } .mk-blog-portraite .blog-gallery-type, .mk-blog-portraite .featured-image {float: left; display: inline-block; width: 50% } .mk-blog-portraite .mk-blog-meta {float: left; width: 50% } @media handheld, only screen and (max-width: 1140px) {.mk-blog-portraite {width: 100% } .mk-blog-portraite .blog-gallery-type, .mk-blog-portraite .featured-image {float: none !important; display: block; width: 100% !important } .mk-blog-portraite .mk-blog-meta {float: none !important; width: 100% !important } .mk-swipe-slideshow {max-width: 100% !important } } .sticky {border: 1px solid #ccc } .the-excerpt {-ms-word-wrap: break-word; word-wrap: break-word } .mk-readmore {line-height: 12px; font-weight: 700; font-size: 12px } .mk-readmore svg {margin-right: 5px; height: 8px } .mk-readmore:hover {color: #252525 !important } .mk-blog-classic-item .mk-blog-meta, .mk-blog-modern-item .mk-blog-meta {padding: 40px } .mk-blog-classic-item .the-title, .mk-blog-modern-item .the-title {letter-spacing: 1px; margin-top: 5px } .mk-blog-classic-item .the-title a, .mk-blog-modern-item .the-title a {font-size: 24px; line-height: 24px } .mk-blog-classic-item .the-excerpt, .mk-blog-modern-item .the-excerpt {margin-bottom: 30px } .mk-blog-classic-item .mk-blog-meta-wrapper, .mk-blog-modern-item .mk-blog-meta-wrapper {font-size: 12px; font-style: italic; color: #999 } .mk-blog-classic-item .mk-blog-meta-wrapper>div, .mk-blog-modern-item .mk-blog-meta-wrapper>div {display: inline-block; margin-right: 5px } .mk-blog-classic-item .mk-blog-meta-wrapper a, .mk-blog-modern-item .mk-blog-meta-wrapper a {color: #252525 } .mk-blog-classic-item .featured-image, .mk-blog-modern-item .featured-image {position: relative; display: block; overflow: hidden } .mk-blog-classic-item .featured-image a, .mk-blog-modern-item .featured-image a {overflow: hidden; display: block } .mk-blog-classic-item .featured-image img, .mk-blog-modern-item .featured-image img {position: relative; width: 100%; max-width: 100% } .mk-blog-classic-item .swiper-slide img, .mk-blog-modern-item .swiper-slide img {width: 100% } .mk-blog-classic-item .featured-image:hover .image-hover-overlay, .mk-blog-modern-item .featured-image:hover .image-hover-overlay {opacity: .85 } .mk-blog-classic-item .featured-image:hover img, .mk-blog-modern-item .featured-image:hover img {-webkit-transform: scale(1.1); transform: scale(1.1) } .blog-social-share {position: absolute; background-color: #252525; margin: 0; list-style: none; display: block; text-align: center; padding: 15px 10px; display: none } .blog-social-share:before {display: block; width: 10px; height: 10px; position: absolute; margin-top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #252525; content: ""} .blog-social-share li {margin: 0 } .blog-social-share li a {color: #a8a8a8; display: block; margin: 0 10px } .blog-social-share li a:hover {color: #fff } .blog-social-share li a svg {height: 16px; vertical-align: top; margin-top: 4px } .mk-blog-container .mk-swipe-slideshow {margin-bottom: 0 } .mk-blog-container .audio-iframe {margin-bottom: 25px } .mk-gallery, .mk-portfolio-grid, .mk-portfolio-masonry, .mk-spotlight-wrapper {width: 100% } .mk-blog-container {-webkit-transition: height .1s; transition: height .1s } .mk-blog-container a {text-decoration: none } .mk-blog-grid-item {position: relative; float: left; overflow: hidden; margin: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .mk-blog-grid-item .blog-grid-holder {margin: 0 12px 24px 12px; } .mk-blog-grid-item.one-column {width: 100% } .mk-blog-grid-item.two-column {width: 50% } .mk-blog-grid-item.three-column {width: 33.33% } .mk-blog-grid-item.four-column {width: 25% } .mk-blog-grid-item.four-column .blog-grid-holder {margin: 0 8px 16px 8px } .mk-blog-grid-item .mk-swipe-slideshow img {width: 100% } @media handheld, only screen and (max-width: 960px) {.mk-blog-grid-item.four-column, .mk-blog-grid-item.three-column {width: 49.5% !important } } @media handheld, only screen and (max-width: 650px) {.mk-blog-grid-item.four-column, .mk-blog-grid-item.one-column, .mk-blog-grid-item.three-column, .mk-blog-grid-item.two-column {width: 100% !important } .mk-blog-grid-item.four-column .blog-grid-holder, .mk-blog-grid-item.one-column .blog-grid-holder, .mk-blog-grid-item.three-column .blog-grid-holder, .mk-blog-grid-item.two-column .blog-grid-holder {margin: 0 0 18px 0 !important } } .mk-blog-grid-item .featured-image {position: relative; display: block; overflow: hidden } .mk-blog-grid-item .featured-image img {position: relative; width: 100% } .mk-blog-grid-item .featured-image:hover .blog-grid-hover-icon {opacity: 1 } .mk-blog-grid-item .mk-blog-meta {padding: 20px; line-height: 18px; padding-bottom: 0px; } .mk-blog-grid-item time {display: block; margin-bottom: 10px } .mk-blog-grid-item .the-title {margin-top: 5px; text-transform: uppercase !important; line-height: 18px !important } .mk-blog-grid-item .the-excerpt {margin: 5px 0 } .mk-blog-grid-item .blog-grid-hover-icon {font-size: 48px; width: 48px; height: 48px; color: #fff; position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; opacity: 0 } .mk-blog-grid-item .blog-grid-footer {position: relative; padding: 0 20px 30px; } .mk-blog-grid-item.instagram-post-type .blog-grid-holder {position: relative } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-image {display: block } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title {padding: 15px 25px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%); left: 0; position: absolute; margin-bottom: 0; bottom: 50px; width: calc(100% - 50px); color: #fff !important; font-size: 14px; font-weight: 700; text-transform: initial; line-height: 20px } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title span {padding-left: 30px; display: block; color: #fff } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-image img {width: 100% } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title span a {color: #55acee; display: block } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title svg {position: absolute; left: 25px; top: 18px; height: 20px } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta {padding: 0 } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .the-excerpt, .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .the-title {display: none } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper {position: absolute; left: 20px; bottom: 5px } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .blog-grid-footer {padding-top: 25px; padding-bottom: 25px } .mk-blog-grid-item.instagram-post-type .blog-grid-holder .blog-grid-footer .mk-readmore {display: none } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder {position: relative } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content {font-size: 22px; line-height: 40px; color: #222; padding: 40px 25px 25px 80px } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content .mk-svg-icon {position: absolute; top: 50px; left: 25px; display: block; fill: #ddd; fill: rgba(0, 0, 0, .1) } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content footer {text-align: right; color: #999; font-style: italic; font-size: 20px } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta {padding: 0 } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .the-excerpt, .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .the-title {display: none } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper {position: absolute; left: 20px; bottom: 5px } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-grid-footer {padding-top: 25px; padding-bottom: 25px } .mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-grid-footer .mk-readmore {display: none } .mk-blog-container.no-border .mk-blog-grid-item .blog-grid-holder {border: transparent } .mk-blog-container.no-border .mk-blog-grid-item .blog-grid-holder .blog-grid-footer {border: transparent } .mk-blog-magazine-item {margin: 0 } .mk-blog-magazine-item .the-title {font-size: 16px !important; margin-bottom: 5px; letter-spacing: 1px } .mk-blog-magazine-item .blog-item-holder {background-color: #fff } .mk-blog-magazine-item .mk-blog-meta {margin-bottom: 15px; font-size: 13px; color: #a6a6a6; font-style: italic } .mk-blog-magazine-item .mk-blog-meta a {color: #a6a6a6 } .mk-blog-magazine-item .mk-blog-meta .mk-categories, .mk-blog-magazine-item .mk-blog-meta time {display: inline-block; float: left } .mk-blog-magazine-item.magazine-featured-post {-webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 25px } .mk-blog-magazine-item.magazine-featured-post .item-wrapper {padding: 20px 25px 25px } .mk-blog-magazine-item.magazine-featured-post .item-wrapper:after, .mk-blog-magazine-item.magazine-featured-post .item-wrapper:before {content: " "; display: table } .mk-blog-magazine-item.magazine-featured-post .item-wrapper:after {clear: both } .mk-blog-magazine-item.magazine-featured-post .featured-image {position: relative; overflow: hidden } .mk-blog-magazine-item.magazine-featured-post .featured-image img {width: 100% } .mk-blog-magazine-item.magazine-featured-post .featured-image .image-gradient-overlay {background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, rgba(255, 255, 255, .87)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .87) 70%, #fff 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 50% } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section {float: right; display: inline-block; color: #999 } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section span {color: #999 } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section svg {fill: #bdbdbd } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section span {font-size: 11px } .mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section .blog-loop-comments svg {height: 16px; margin-right: 3px; vertical-align: middle } .mk-blog-magazine-item.magazine-featured-post .the-excerpt p {letter-spacing: 1px; color: #797979; font-size: 14px } .mk-blog-magazine-item.magazine-thumb-post {width: 50%; margin-bottom: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; float: left } .mk-blog-magazine-item.magazine-thumb-post .the-title {font-size: 14px !important; margin-top: 15px; margin-bottom: 8px } .mk-blog-magazine-item.magazine-thumb-post .featured-image {width: 20%; float: left; position: relative; overflow: hidden } .mk-blog-magazine-item.magazine-thumb-post .item-wrapper {width: 70%; float: left; padding: 5px 5px 0 20px } .mk-blog-magazine-item.magazine-thumb-post .item-wrapper .blog-title {margin: 5px 0 } @media handheld, only screen and (max-width: 767px) {.mk-blog-magazine-item.magazine-featured-post {width: 100% !important; padding-right: 0 !important; margin-bottom: 25px !important } .mk-blog-magazine-item.magazine-featured-post .blog-item-holder {margin-left: 0 !important; margin-right: 0 !important } .mk-blog-magazine-item.magazine-featured-post:before {width: 0 !important } .mk-blog-magazine-item.magazine-thumb-post {width: 100% !important } } .mag-one-column .magazine-featured-post {margin-bottom: 25px } .mag-one-column .magazine-thumb-post {width: 100% } .mag-two-column-left .magazine-featured-post, .mag-two-column-right .magazine-featured-post {width: 50%; float: right; position: relative } .mag-two-column-left .magazine-thumb-post, .mag-two-column-right .magazine-thumb-post {width: 50% } .mag-two-column-right .magazine-featured-post {float: right } .mag-two-column-right .magazine-featured-post .blog-item-holder {margin-left: 25px } .mag-two-column-right .magazine-thumb-post {float: left } .mag-two-column-left .magazine-featured-post {float: left } .mag-two-column-left .magazine-featured-post .blog-item-holder {margin-right: 25px } .mag-two-column-left .magazine-thumb-post {float: right } .mk-blog-modern-item {width: 100%; margin-bottom: 50px; position: relative } .mk-blog-modern-item .mk-blog-meta {margin: 0 20px 20px 100px; display: block; padding: 0 !important } .mk-blog-modern-item .featured-image, .mk-blog-modern-item .mk-audio-section, .mk-blog-modern-item .mk-swipe-slideshow {margin-bottom: 25px !important } .mk-blog-modern-item .mk-audio-section {height: 170px } @media handheld, only screen and (max-width: 780px) {.mk-blog-modern-item .mk-audio-section .audio-has-img {margin: 0 !important } .mk-blog-modern-item .mk-audio-section .audio-thumb {display: none } } .mk-blog-modern-item .mk-audio-section .jp-audio.audio-has-img {margin-left: 170px } .mk-blog-modern-item .mk-audio-section .jp-audio div.jp-interface {min-height: 160px !important } .mk-blog-modern-item .blog-loop-comments, .mk-blog-modern-item .mk-blog-share {display: block; padding: 12px 0; color: #898989; text-align: center; line-height: 15px } .mk-blog-modern-item .blog-loop-comments svg, .mk-blog-modern-item .mk-blog-share svg {height: 16px } .mk-blog-modern-item .blog-loop-comments span, .mk-blog-modern-item .mk-blog-share span {margin-top: 2px } .mk-blog-modern-item .blog-share-container {display: block; float: none; border-bottom: 1px solid #efefef } .mk-blog-modern-item .blog-loop-comments {line-height: 16px } .mk-blog-modern-item .blog-loop-comments span {display: block; font-size: 11px } .mk-blog-modern-item .mk-blog-share {cursor: pointer; padding: 20px 0 } .mk-blog-modern-item .blog-social-share {position: absolute; left: -6px; top: -52px; width: 220px; background-color: #252525; margin: 0; list-style: none; text-align: center; padding: 10px; text-transform: none } .mk-blog-modern-item .blog-social-share:before {left: 25px; bottom: -5px } .mk-blog-modern-item .blog-social-share li {display: inline-block; margin: 3px 2px } .mk-blog-modern-item.blockquote-post-type {position: relative } .mk-blog-modern-item.blockquote-post-type .blog-blockquote-content {padding: 50px 20px 20px 170px; font-size: 26px; line-height: 40px; color: #222 } .mk-blog-modern-item.blockquote-post-type .the-excerpt {display: none } .mk-blog-modern-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon {position: absolute; top: 60px; left: 100px; display: block; fill: #ddd; fill: rgba(0, 0, 0, .1) } .mk-blog-modern-item.blockquote-post-type .blog-blockquote-content footer {text-align: right; color: #999; font-style: italic; font-size: 20px } .mk-blog-modern-item.blockquote-post-type .blog-modern-social-section {float: none; position: absolute; left: 0; top: 0; height: 100% } .mk-blog-modern-item.blockquote-post-type .mk-blog-meta-wrapper .mk-categories {display: none } .mk-blog-modern-item.blockquote-post-type .mk-blog-meta {margin: 0 !important; display: inline-block; position: absolute; top: 0; left: 100px } .mk-blog-modern-item.blockquote-post-type .mk-blog-meta .mk-button, .mk-blog-modern-item.blockquote-post-type .mk-blog-meta .the-title {display: none !important } .mk-blog-modern-item.blockquote-post-type .mk-blog-meta .the-excerpt {margin-bottom: 0 } .mk-blog-modern-item.instagram-post-type .instagram-image {display: block } .mk-blog-modern-item.instagram-post-type .instagram-image img {width: 100% } .mk-blog-modern-item.instagram-post-type .instagram-title {position: absolute; margin-top: 60px; padding-left: 100px; font-size: 24px } .mk-blog-modern-item.instagram-post-type .instagram-title span a {display: none } .mk-blog-modern-item.instagram-post-type .instagram-title svg {display: none } .mk-blog-modern-item.instagram-post-type .mk-button-container, .mk-blog-modern-item.instagram-post-type .the-excerpt, .mk-blog-modern-item.instagram-post-type .the-title {display: none !important } .mk-blog-modern-item.instagram-post-type .mk-blog-meta {margin-top: 20px } .mk-blog-modern-item.instagram-post-type .blog-modern-social-section {margin-top: 20px } .mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper {padding-left: 40px; position: relative } .mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper:before {width: 24px; height: 24px; content: ''; position: absolute; left: 0; top: 0 } .mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper .mk-categories {display: none } .mk-blog-modern-item.blockquote-post-type {position: relative } .mk-blog-modern-item.instagram-post-type .instagram-image {display: block } .mk-blog-modern-item.twitter-post-type .blog-twitter-content {font-size: 22px; color: #222; line-height: 40px; padding-left: 100px; padding-top: 50px; word-wrap: break-word } .mk-blog-modern-item.twitter-post-type .blog-twitter-content a {color: #55acee } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer {line-height: normal; display: block; margin-top: 35px; padding-left: 50px; position: relative } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer:before {content: ''; width: 35px; height: 30px; background-position: center center; background-repeat: no-repeat; display: inline-block; position: absolute; left: 0; top: 10px } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer a, .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer span {display: block } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer span {font-weight: 700; font-size: 20px; color: #222; display: block } .mk-blog-modern-item.twitter-post-type .blog-twitter-content footer a {color: #55acee; font-size: 16px; display: inline-block } .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper {position: absolute; top: 0 } .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper .mk-blog-author, .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper .mk-categories, .mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper>span {display: none } .mk-blog-modern-item.twitter-post-type .blog-modern-social-section {float: none; position: absolute; left: 0; top: 0; height: 100% } .mk-blog-modern-item.twitter-post-type .mk-button, .mk-blog-modern-item.twitter-post-type .the-excerpt, .mk-blog-modern-item.twitter-post-type .the-title {display: none !important } .blog-modern-social-section {float: left; width: 50px; min-height: 120px; border-right: 1px solid #efefef; text-transform: center; margin-left: 20px } .mk-blog-newspaper-item {margin: 0; float: left; overflow: hidden } .mk-blog-newspaper-item .blog-item-holder {margin: 0 12px 24px 12px; border: 1px solid #e3e3e3; background-color: #fff; position: relative; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05); box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05) } .mk-blog-newspaper-item.one-column {width: 100% } .mk-blog-newspaper-item.two-column {width: 49.75% } .mk-blog-newspaper-item.three-column {width: 33.1% } .mk-blog-newspaper-item.four-column {width: 24.8% } .mk-blog-newspaper-item.four-column .blog-grid-holder {margin: 0 8px 16px 8px } .mk-blog-newspaper-item .mk-swipe-slideshow img {width: 100% } @media handheld, only screen and (max-width: 960px) {.mk-blog-newspaper-item.four-column, .mk-blog-newspaper-item.three-column {width: 49.5% !important } } @media handheld, only screen and (max-width: 650px) {.mk-blog-newspaper-item.four-column, .mk-blog-newspaper-item.three-column, .mk-blog-newspaper-item.two-column {width: 100% !important } .mk-blog-newspaper-item .blog-item-holder {margin: 0 0 18px 0 !important } } .mk-blog-newspaper-item .featured-image {position: relative; overflow: hidden } .mk-blog-newspaper-item .featured-image img {width: 100%; max-width: 100% } .mk-blog-newspaper-item .featured-image:hover img {-webkit-transform: scale(1.05); transform: scale(1.05) } .mk-blog-newspaper-item .audio-iframe {margin-bottom: 0 } .mk-blog-newspaper-item .mk-blog-meta {padding: 20px } .mk-blog-newspaper-item time {margin-bottom: 15px; display: block } .mk-blog-newspaper-item time a {font-size: 11px; line-height: 11px; color: #999; font-style: italic; letter-spacing: 1px } .mk-blog-newspaper-item .the-title {line-height: 18px; margin-bottom: 10px !important; letter-spacing: 1px } .mk-blog-newspaper-item .the-title a {font-size: 14px; line-height: 18px; text-transform: uppercase } .mk-blog-newspaper-item .mk-readmore {float: left; margin-top: 7px } .mk-blog-newspaper-item .blog-loop-comments, .mk-blog-newspaper-item .newspaper-item-share {float: right; margin-left: 15px; color: #ccc; cursor: pointer; font-size: 11px } .mk-blog-newspaper-item .blog-loop-comments svg, .mk-blog-newspaper-item .newspaper-item-share svg {height: 16px; vertical-align: middle } .mk-blog-newspaper-item .blog-loop-comments:hover, .mk-blog-newspaper-item .newspaper-item-share:hover {color: #b1b1b1 } .mk-blog-newspaper-item .blog-loop-comments span {margin-left: 4px } .mk-blog-newspaper-item .newspaper-item-footer-holder {padding: 20px } .mk-blog-newspaper-item .newspaper-item-footer {background-color: #fafafa; border-top: 1px solid #e3e3e3; position: relative; z-index: 2 } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list {margin: 0; list-style: none; display: none; background-color: #fff } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li {margin: 0 0 15px 0; padding: 0 10px } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:first-child {padding-top: 20px !important; border-top: 1px solid #e3e3e3 } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:last-child {padding-bottom: 10px !important } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .avatar {float: left; display: inline-block; margin: 0 16px 5px; border-radius: 100% } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-author {font-weight: 700; display: block; margin: 0 0 4px 40px; font-size: 11px; line-height: 15px; color: #333 } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-content {line-height: 18px; font-size: 11px; color: #666; display: block; margin-left: 50px } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share {display: none; list-style: none; margin: 0; padding: 15px; border-top: 1px solid #e3e3e3; text-align: center; background-color: #fff } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li {display: inline-block; margin: 0 } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a {width: 30px; height: 30px; border: 1px solid #b9b9b9; margin: 0 3px; border-radius: 50%; display: block } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a svg {fill: #b9b9b9; height: 16px; vertical-align: middle } .mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a:hover {color: #9b9b9b; border-color: #9b9b9b } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder {position: relative } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-image {display: block } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title {padding: 15px 25px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%); left: 0; position: absolute; margin-bottom: 0; bottom: 60px; width: calc(100% - 50px); color: #fff !important; font-size: 14px; font-weight: 700; text-transform: initial; line-height: 20px } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title span {padding-left: 30px; display: block; color: #fff } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title span a {color: #55acee; display: block } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title svg {position: absolute; left: 25px; top: 18px; height: 20px } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta {padding: 0 } .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .the-excerpt, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .the-title, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .newspaper-item-footer .mk-readmore {display: none } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder {position: relative } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .blog-blockquote-content {font-size: 22px; line-height: 40px; color: #222; padding: 40px 25px 25px 80px } .mk-blog-newspaper-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon {position: absolute; top: 50px; left: 25px; display: block; fill: #ddd; fill: rgba(0, 0, 0, .1); width: 48px } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .blog-blockquote-content footer {text-align: right; color: #999; font-style: italic; font-size: 20px } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta {padding: 0 } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .the-excerpt, .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .the-title {display: none } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .newspaper-item-footer .mk-readmore {display: none } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder {position: relative } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content {font-size: 22px; color: #222; line-height: 36px; padding-bottom: 30px; padding: 25px 40px 90px; word-wrap: break-word } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content:before {content: ''; width: 100%; height: 30px; display: block; margin-bottom: 45px; background-repeat: no-repeat; background-position: center } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content a {color: #55acee } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer {text-align: left; line-height: normal; margin-top: 35px } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer a, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer span {display: block } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer span {font-weight: 700; font-size: 14px; color: #222 } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer a {color: #55acee; font-size: 12px } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta {padding: 0 } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .mk-readmore, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .the-excerpt, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .the-title {display: none } .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .newspaper-item-footer .mk-readmore {display: none } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .newspaper-item-share, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .newspaper-item-share, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .newspaper-item-share {display: none } .mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper, .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper, .mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper {position: absolute; left: 20px; bottom: 5px; z-index: 5 } .mk-blog-spotlight-item {width: 100%; float: left } .mk-blog-spotlight-item.one-column {width: 100% } .mk-blog-spotlight-item.two-column {width: 50% } .mk-blog-spotlight-item.three-column {width: 33.33% } .mk-blog-spotlight-item.four-column {width: 25% } @media handheld, only screen and (max-width: 960px) {.mk-blog-spotlight-item.four-column, .mk-blog-spotlight-item.three-column {width: 50% !important } } @media handheld, only screen and (max-width: 767px) {.mk-blog-spotlight-item.four-column, .mk-blog-spotlight-item.one-column, .mk-blog-spotlight-item.three-column, .mk-blog-spotlight-item.two-column {width: 100% !important } } .mk-blog-spotlight-item .featured-image {position: relative; width: 100% } .mk-blog-spotlight-item .featured-image>a {line-height: 4px; display: block } .mk-blog-spotlight-item .featured-image img {width: 100% } .mk-blog-spotlight-item .featured-image .image-hover-overlay {opacity: .5; background-color: #000 !important; -webkit-transition: all .25s ease-out; transition: all .25s ease-out } .mk-blog-spotlight-item .featured-image:hover .image-hover-overlay {opacity: .3 } .mk-blog-spotlight-item .item-wrapper {width: 100%; height: 100%; color: #fff; position: absolute; left: 0; top: 0; text-align: center } .mk-blog-spotlight-item .item-wrapper:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.5em } .mk-blog-spotlight-item .item-wrapper .mk-blog-meta {vertical-align: middle; display: inline-block; margin: 0 auto; max-width: 70% } .mk-blog-spotlight-item .item-wrapper h3 {margin: 8% 0; font-size: 20px !important; font-weight: 700 !important; letter-spacing: 2px } .mk-blog-spotlight-item .item-wrapper h3, .mk-blog-spotlight-item .item-wrapper time {color: #fff } .mk-blog-spotlight-item .item-wrapper h3 a, .mk-blog-spotlight-item .item-wrapper time a {color: #fff } .mk-blog-spotlight-item .item-wrapper h3 a:hover, .mk-blog-spotlight-item .item-wrapper time a:hover {color: #fff } .mk-blog-spotlight-item .item-wrapper time {font-size: 14px; font-style: italic; letter-spacing: 1px; margin-bottom: 30px; text-transform: uppercase; opacity: .7 } .mk-blog-spotlight-item .item-wrapper time:after {width: 20px; height: 2px; content: ""; display: block; margin: 6% auto; background-color: #fff } .mk-blog-spotlight-item .item-wrapper .mk-button {margin: 5% auto 0 } .mk-blog-thumbnail-item {width: 100%; margin-bottom: 50px; background-color: #fff; line-height: 4px } .mk-blog-thumbnail-item .mk-blog-meta {line-height: 20px } .mk-blog-thumbnail-item .mk-blog-meta-wrapper span {display: none } .mk-blog-thumbnail-item .mk-blog-meta-wrapper .blog-meta-item:after {content: "/"; margin: 0 5px } .mk-blog-thumbnail-item.content-align-right .item-wrapper {float: right; padding: 35px 30px 15px } .mk-blog-thumbnail-item.content-align-left .item-wrapper {float: left; padding-right: 20px } .mk-blog-thumbnail-item .featured-image {position: relative; display: inline-block; overflow: hidden; max-width: 35%; float: left } .mk-blog-thumbnail-item .featured-image:hover img {-webkit-transform: scale(1.05); transform: scale(1.05) } .mk-blog-thumbnail-item .item-wrapper {width: 63%; display: inline-block } .mk-blog-thumbnail-item.full-width-post .item-wrapper {padding: 35px; width: 100% } .mk-blog-thumbnail-item .item-wrapper .mk-blog-author, .mk-blog-thumbnail-item .item-wrapper .mk-categories {display: inline } .mk-blog-thumbnail-item .item-wrapper h3 {margin: 20px 0; letter-spacing: 1px } .mk-blog-thumbnail-item .item-wrapper .the-excerpt {margin-bottom: 20px } .mk-blog-thumbnail-item .featured-image img {width: 100% } @media handheld, only screen and (max-width: 767px) {.mk-blog-thumbnail-item .featured-image {max-width: 100%; width: 100%; margin-bottom: 20px } .mk-blog-thumbnail-item .mk-button-align.left {text-align: left !important } .mk-blog-thumbnail-item .item-wrapper {width: 100%; padding: 30px !important } } .posts-carousel {margin-bottom: 20px } .posts-carousel .mk-fancy-title {margin-right: 35px } .posts-carousel .view-all {float: right; padding: 0 7px; font-size: 11px } .posts-carousel .item-holder {margin: 0 4px; border: 1px solid rgba(0, 0, 0, .1) } .posts-carousel .flex-viewport ul {margin: 0; padding: 0; list-style: none } .posts-carousel .flex-viewport ul li {position: relative } .posts-carousel .flex-viewport ul li.blockquote-post-type, .posts-carousel .flex-viewport ul li.instagram-post-type, .posts-carousel .flex-viewport ul li.twitter-post-type {display: none } .posts-carousel .flex-direction-nav a {position: absolute; top: -37px } .posts-carousel .flex-direction-nav svg {fill: #aaa } .posts-carousel .flex-prev {right: 20px } .posts-carousel .flex-next {right: 0 } .posts-carousel .item-thumb {position: relative } .posts-carousel .item-thumb a {z-index: 20 } .posts-carousel .detail-holder {min-height: 60px } .posts-carousel .item-title {display: block; margin-bottom: 0; padding: 15px; text-align: center; letter-spacing: 1px; font-weight: 700; font-size: 14px; line-height: 20px } .posts-carousel .item-excerpt {margin: 0; padding: 0 15px 15px; font-size: 12px; text-align: center } .mk-button {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out; transition: color .1s ease-in-out, background .1s ease-in-out, border .1s ease-in-out } .mk-button:active, .mk-button:focus, .mk-button:hover {outline: 0 none; text-decoration: none } .mk-button .mk-button--icon {margin: -2px 15px 0 0 } .mk-button .mk-button--icon svg {height: 16px; vertical-align: middle } .mk-button-container.jupiter-donut-text-center {clear: both } .mk-button-container.jupiter-donut-width-full {width: 100%; float: none } .mk-button-container.jupiter-donut-width-full .mk-button {display: block } .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-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, .4) } .mk-button--dimension-three.text-color-dark, .mk-button--dimension-two.text-color-dark {text-shadow: 0 1px rgba(255, 255, 255, .4) } .mk-button--dimension-two {-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .8); box-shadow: inset 0 0 1px rgba(0, 0, 0, .8) } .mk-button--dimension-flat.text-color-light {color: #fff } .mk-button--dimension-flat.text-color-light .mk-svg-icon {fill: #fff } .mk-button--dimension-flat.text-color-dark {color: #252525 } .mk-button--dimension-flat.text-color-dark .mk-svg-icon {fill: #252525 } .mk-button--dimension-outline, .mk-button--dimension-savvy {border-width: 2px; border-style: solid } .mk-button--dimension-outline.skin-dark, .mk-button--dimension-savvy.skin-dark {border-color: #252525; color: #252525 } .mk-button--dimension-outline.skin-light, .mk-button--dimension-savvy.skin-light {border-color: #fff; color: #fff } .mk-button--dimension-outline.skin-dark:hover {background-color: #252525; color: #fff } .mk-button--dimension-outline.skin-light:hover {background-color: #fff; color: #252525 } .mk-button--dimension-savvy {overflow: hidden } .mk-button--dimension-savvy::after {content: ""; position: absolute; transition: all .2s ease-out; -webkit-transition: all .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--icon, .mk-button--dimension-savvy .mk-button--text {position: relative; z-index: 2 } .mk-button--dimension-savvy:hover::after {width: 120%; height: 4000%; opacity: 1 } .mk-button--dimension-savvy.skin-dark:hover {color: #fff } .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: #fff } .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; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% + 8px); height: calc(100% + 8px); z-index: 1 } .mk-button--dimension-double-outline.skin-dark {background-color: #222; color: #fff } .mk-button--dimension-double-outline.skin-dark .mk-svg-icon {fill: #fff !important } .mk-button--dimension-double-outline.skin-dark, .mk-button--dimension-double-outline.skin-dark .double-outline-inside {border-color: #222 } .mk-button--dimension-double-outline.skin-dark:hover {background-color: #fff; color: #222 } .mk-button--dimension-double-outline.skin-dark:hover .mk-svg-icon {fill: #222 !important } .mk-button--dimension-double-outline.skin-light {background-color: #fff; color: #222 } .mk-button--dimension-double-outline.skin-light .mk-svg-icon {fill: #222 !important } .mk-button--dimension-double-outline.skin-light, .mk-button--dimension-double-outline.skin-light .double-outline-inside {border-color: #fff } .mk-button--dimension-double-outline.skin-light:hover {background-color: #222; color: #fff } .mk-button--dimension-double-outline.skin-light:hover .mk-svg-icon {fill: #fff !important } .mk-button--anim-side, .mk-button--anim-vertical {overflow: hidden } .mk-button--anim-side .mk-button .mk-button--icon {opacity: 0; transform: translateX(-30px); -webkit-transform: translateX(-30px); transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s, -webkit-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: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-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--icon, .mk-button--anim-side .mk-button:hover .mk-button--text {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: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transition: -webkit-transform .2s; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% } .mk-button--anim-vertical .mk-button .mk-button--icon {transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); margin: auto } .mk-button--anim-vertical .mk-svg-icon {display: inline-block; vertical-align: middle } .mk-button--anim-vertical .mk-button .mk-button--text {position: absolute; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .mk-button--anim-vertical .mk-button:hover .mk-button--icon {transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .mk-button--anim-vertical .mk-button:hover .mk-button--text {transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0) } .mk-button--dimension-outline.mk-button--size-small, .mk-button--dimension-savvy.mk-button--size-small {padding: 10px 18px } .mk-button--dimension-outline.mk-button--size-medium, .mk-button--dimension-savvy.mk-button--size-medium {padding: 12px 24px } .mk-button--dimension-outline.mk-button--size-large, .mk-button--dimension-savvy.mk-button--size-large {padding: 18px 28px } .mk-button--dimension-outline.mk-button--size-x-large, .mk-button--dimension-savvy.mk-button--size-x-large {padding: 26px 36px } .mk-button--dimension-outline.mk-button--size-xx-large, .mk-button--dimension-savvy.mk-button--size-xx-large {padding: 36px 44px } button.mk-button, input[type=text].mk-button {outline: 0; background: 0 0; line-height: 100% } button.mk-button::-moz-focus-inner, input[type=text].mk-button::-moz-focus-inner {border: none } @media handheld, only screen and (max-width: 767px) {.mk-button-container {display: block; text-align: center; width: 100% } .mk-button-container .mk-button {float: none } .ls-wp-container .mk-button {padding: 8px 10px; font-size: 10px; line-height: 100% } .ls-wp-container .mk-button i {margin-top: -3px; font-size: 10px } .mk-button-container {width: 100%; float: none } } @media handheld, only screen and (max-width: 550px) {.ls-wp-container .mk-button {padding: 5px 8px; font-size: 8px; line-height: 100% } .ls-wp-container .mk-button i {margin-top: -3px; font-size: 10px } } .mk-button.skin-dark .mk-svg-icon, .mk-button.skin-light:hover .mk-svg-icon {fill: #252525 } .mk-button.skin-dark:hover .mk-svg-icon, .mk-button.skin-light .mk-svg-icon {fill: #fff } .mk-button-container .added_to_cart {display: none } .mk-gradient-button a {-webkit-transition: background .2s linear; transition: background .2s linear; position: relative; display: inline-block; font-weight: 700; text-align: center } .mk-gradient-button a.dark-skin {color: #222 } .mk-gradient-button a.light-skin {color: #fff } .mk-gradient-button a.mk-button--dimension-double-outline, .mk-gradient-button a.mk-button--dimension-double-outline .double-outline-inside {border: 1px solid transparent } .mk-gradient-button a.mk-button--dimension-double-outline .double-outline-inside .text, .mk-gradient-button a.mk-button--dimension-double-outline .text {-webkit-transition: position .2s linear, z-index .2s linear; transition: position .2s linear, z-index .2s linear } .mk-gradient-button a.mk-button--dimension-flat, .mk-gradient-button a.mk-button--dimension-two {-webkit-transition: color .2s linear; transition: color .2s linear } .mk-gradient-button a.mk-button--dimension-flat .text, .mk-gradient-button a.mk-button--dimension-two .text {position: relative; z-index: 2 } .mk-gradient-button a.mk-button--dimension-double-outline, .mk-gradient-button a.mk-button--dimension-outline {transition: -webkit-text-fill-color .2s linear, color .2s linear } .mk-gradient-button a.mk-button--dimension-double-outline:after, .mk-gradient-button a.mk-button--dimension-outline:after {width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; content: ''; z-index: 0 } .mk-gradient-button a .darker-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; margin: 0; z-index: 1 } .mk-gradient-button a.mk-button--corner-rounded .darker-background {border-radius: 5px } .mk-gradient-button a.mk-button--corner-full_rounded .darker-background {border-radius: 50px } .mk-gradient-button a:hover .darker-background {opacity: 1 } .mk-gradient-button .text {text-align: center } .mk-gradient-button a:hover .text {position: relative; z-index: 2 } .mk-gradient-button a:hover.mk-button--dimension-double-outline, .mk-gradient-button a:hover.mk-button--dimension-outline {-webkit-text-fill-color: initial } .mk-gradient-button a:hover.mk-button--dimension-double-outline:after, .mk-gradient-button a:hover.mk-button--dimension-outline:after {opacity: 1 } .mk-gradient-button a:hover.light-skin {color: #fff } .mk-gradient-button a:hover.dark-skin {color: #222 } .mk-gradient-button.custom-width-true a {display: block } .mk-gradient-button.btn-align-left, .mk-gradient-button.btn-align-none, .mk-gradient-button.btn-align-right {display: inline-block } .mk-gradient-button.btn-align-center {text-align: center; width: 100% } .mk-gradient-button.btn-align-center a {margin: 0 auto } .mk-gradient-button.btn-align-right {float: right } .mk-gradient-button.fullwidth-true {width: 100%; float: none } .mk-gradient-button.fullwidth-true a {display: block } @media handheld, only screen and (max-width: 767px) {.mk-gradient-button {width: 100%; float: none !important } } .mk-gradient-button .added_to_cart {display: none } .mk-category-loop .mk-loop-item {overflow: hidden; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .mk-category-loop .mk-loop-item img {width: 100% } .mk-category-loop .mk-loop-item .item-holder {position: relative; width: 100%; height: 100%; margin: 0 } .mk-category-loop .mk-loop-item .item-holder figcaption {width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .mk-category-loop .mk-loop-item .item-holder figcaption .caption {position: relative; z-index: 2 } .mk-category-loop .mk-loop-item .item-holder figcaption .view-more {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3 } .mk-category-loop .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop .mk-loop-item .item-holder figcaption .item-title {display: block } .mk-category-loop .mk-loop-item .item-holder figcaption .item-title {font-size: 20px; margin-bottom: 15px; font-weight: 700 } .mk-category-loop .mk-loop-item .item-holder figcaption .item-desc {font-size: 14px } .mk-category-loop .mk-loop-item .item-holder figcaption .item-overlay {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 } .mk-category-loop .mk-loop-item .item-holder .overlay {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 } .mk-category-loop.col-1 .mk-loop-item {width: 100%; display: block; padding-left: 0 !important; padding-right: 0 !important } .mk-category-loop.col-2 .mk-loop-item {width: 50%; display: inline-block; float: left } .mk-category-loop.col-2 .mk-loop-item:nth-child(odd) {padding-left: 0 !important } .mk-category-loop.col-2 .mk-loop-item:nth-child(even) {padding-right: 0 !important } .mk-category-loop.col-3 .mk-loop-item {width: 33.333334%; display: inline-block; float: left } .mk-category-loop.col-3 .mk-loop-item:nth-child(3n+1) {padding-left: 0 !important } .mk-category-loop.col-3 .mk-loop-item:nth-child(3n-6) {padding-right: 0 !important } .mk-category-loop.col-4 .mk-loop-item {width: 25%; display: inline-block; float: left } .mk-category-loop.col-4 .mk-loop-item:nth-child(4n+1) {padding-left: 0 !important } .mk-category-loop.col-4 .mk-loop-item:nth-child(4n-8) {padding-right: 0 !important } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption {display: table; text-align: center; width: 100%; height: 100% } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption .centered, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption .centered, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption .centered {display: table-cell; vertical-align: middle } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc, .mk-category-loop.none-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc {max-width: 80%; margin: 0 auto; height: 0 } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-title {-webkit-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption {position: relative; z-index: 2 } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-title {transition: -webkit-transform .35s; -webkit-transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-desc {transition: opacity .25s, -webkit-transform .35s; -webkit-transition: opacity .25s, -webkit-transform .35s; transition: opacity .25s, transform .35s; transition: opacity .25s, transform .35s, -webkit-transform .35s; -webkit-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition-duration: .35s; transition-duration: .35s; opacity: 0 } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc, .mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-title {-webkit-transform: translateY(-40px); transform: translateY(-40px) } .mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc {opacity: 1 } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption:before {opacity: 0; transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-title {position: relative; z-index: 3 } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption:before {position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border-width: 1px; border-style: solid; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 3 } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc {-webkit-transform: scale(1.5); transform: scale(1.5) } .mk-category-loop.framed-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc, .mk-category-loop.framed-title-effect .mk-loop-item .item-holder:hover figcaption:before {-webkit-transform: scale(1); transform: scale(1); opacity: 1 } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-title {position: absolute; text-align: center; width: 100%; left: 0; z-index: 3 } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-title {top: 50%; margin: 0; transition: -webkit-transform .35s; -webkit-transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); word-spacing: -.15em } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-desc {bottom: 0; opacity: 0; padding: 40px; padding-top: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s; -webkit-box-sizing: border-box; box-sizing: border-box } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder:hover figcaption .item-title {-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0) } .mk-category-loop.modern-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title {position: absolute; right: 30px; left: 30px; z-index: 3 } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title {position: absolute; top: 30px; transition: -webkit-transform .35s; -webkit-transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-title:after {position: absolute; top: 100%; left: 0; width: 100%; height: 2px; content: ''; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); opacity: 0; transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-desc {opacity: 0; transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s; bottom: 30px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-title {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-title:after {opacity: 1; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } .mk-category-loop.editorial-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mk-category-loop.blur-image-effect .mk-loop-item .item-holder {overflow: hidden } .mk-category-loop.blur-image-effect .mk-loop-item .item-holder .item-blur-thumbnail {width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .mk-category-loop.blur-image-effect .mk-loop-item .item-holder:hover .item-blur-thumbnail {opacity: 1 } .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder {overflow: hidden } .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption .item-desc, .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption .item-title, .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption:before {z-index: 3 } .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption:after {transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, rgba(0, 0, 0, .6))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .6) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); pointer-events: none; z-index: 1 } .mk-category-loop.gradient-image-effect .mk-loop-item .item-holder:hover figcaption:after {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mk-category-loop.zoom-image-effect .mk-loop-item .item-holder {overflow: hidden } .mk-category-loop.zoom-image-effect .mk-loop-item .item-holder img {transition: -webkit-transform .35s; -webkit-transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; -webkit-transform: scale(1.12); transform: scale(1.12) } .mk-category-loop.zoom-image-effect .mk-loop-item .item-holder:hover img {-webkit-transform: scale(1); transform: scale(1) } .mk-category-loop.slide-image-effect .mk-loop-item .item-holder {overflow: hidden } .mk-category-loop.slide-image-effect .mk-loop-item .item-holder img {max-width: initial; width: calc(100% + 50px); transition: opacity .35s, -webkit-transform .35s; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0) } .mk-category-loop.slide-image-effect .mk-loop-item .item-holder:hover img {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .masonry-layout .mk-loop-item {float: initial !important; height: auto !important } @media handheld, only screen and (max-width: 1024px) {.mk-category-loop .mk--col.mk--col--1-2, .mk-category-loop .mk--col.mk--col--3-12, .mk-category-loop .mk--col.mk--col--4-12 {width: 50% } } @media handheld, only screen and (max-width: 767px) {.mk-category-loop .mk--col.mk--col--1-2, .mk-category-loop .mk--col.mk--col--3-12, .mk-category-loop .mk--col.mk--col--4-12 {width: 100% } } .mk-chart__chart {position: relative; margin: 0 auto; text-align: center } .mk-chart__chart canvas {position: absolute; top: 0; left: 0 } .mk-chart__percent, .mk-chart__text {position: absolute; top: 0; left: 0; display: block; width: 100% !important; color: #444; text-align: center; height: 100% !important } .mk-chart__percent {font-weight: 700 } .mk-chart__desc {display: block; text-align: center; letter-spacing: 1px; line-height: 1.3em } @media handheld, only screen and (max-width: 600px) {.mk-chart__chart {margin: 0 auto } } .mk-circle-image {text-align: center } .mk-circle-image__holder {display: inline-block; overflow: hidden; margin: 0 auto; border-radius: 100% } .mk-circle-image__holder a {display: inline-block; line-height: 4px } .mk-circle-image__holder img {width: 100% } .mk-clients {position: relative } .mk-clients.slideshow-no-title {padding-top: 25px } .mk-clients ul {margin: 0; padding: 0; list-style: none } .mk-clients ul.mk-flex-slides li {position: relative; text-align: center } .mk-clients ul.mk-flex-slides li .client-logo {margin: 0 9px } .mk-clients ul.mk-flex-slides .client-logo {width: 170px; border-width: 1px; border-style: solid } .mk-clients .client-logo {position: relative; display: block; opacity: .8; background-position: center center; background-repeat: no-repeat } .mk-clients .client-logo:hover {opacity: 1 } .mk-clients.bg-cover-true .client-logo {background-size: cover; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover } .mk-clients .flex-direction-nav a {position: absolute; top: -4px } .mk-clients .flex-prev {right: 20px } .mk-clients .flex-next {right: 0 } .mk-clients.column-style ul {overflow: hidden } .mk-clients.column-style li {float: left; margin: 0; padding: 0 } .mk-clients.column-style.one-column li {width: 100% } .mk-clients.column-style.two-column li {width: 50% } .mk-clients.column-style.three-column li {width: calc(100% / 3) } .Edge .mk-clients.column-style.three-column li, .IE10 .mk-clients.column-style.three-column li, .IE11 .mk-clients.column-style.three-column li {width: calc(100% / 3 - 1px) } .mk-clients.column-style.four-column li {width: 25% } .mk-clients.column-style.five-column li {width: 20% } .mk-clients.column-style.six-column li {width: calc(100% / 6) } .Edge .mk-clients.column-style.six-column li, .IE10 .mk-clients.column-style.six-column li, .IE11 .mk-clients.column-style.six-column li {width: calc(100% / 6 - 1px) } .mk-clients.column-style.border-boxed ul {border-top-style: none !important } .mk-clients.column-style.border-boxed ul:first-of-type .client-logo {border-top-style: solid !important } .mk-clients.column-style.border-opened_edges ul:last-child .client-logo {border-bottom-style: none !important } @media handheld, only screen and (max-width: 960px) {.mk-clients.column-style.five-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.six-column li, .mk-clients.column-style.three-column li {width: calc(100% / 3) !important } .mk-clients.column-style.border-opened_edges.five-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(3) .client-logo, .mk-clients.column-style.border-opened_edges.three-column li:nth-child(3) .client-logo {border-right-style: none !important } } @media handheld, only screen and (max-width: 767px) {.mk-clients.column-style.five-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.six-column li, .mk-clients.column-style.three-column li {width: 50% !important } .mk-clients.column-style.border-opened_edges.five-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(2) .client-logo, .mk-clients.column-style.border-opened_edges.three-column li:nth-child(2) .client-logo {border-right-style: none !important } } @media handheld, only screen and (max-width: 550px) {.mk-clients.column-style.five-column li, .mk-clients.column-style.four-column li, .mk-clients.column-style.six-column li, .mk-clients.column-style.three-column li, .mk-clients.column-style.two-column li {width: 100% !important } .mk-clients.column-style.border-opened_edges.five-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.four-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.six-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.three-column li:nth-child(1) .client-logo, .mk-clients.column-style.border-opened_edges.two-column li:nth-child(1) .client-logo {border-right-style: solid !important; border-left-style: solid !important; border-right-width: 1px !important; border-left-width: 1px !important } .mk-clients.column-style.border-opened_edges .mk-clients-fixed-list:first-of-type .client-logo {border-top-style: solid !important; border-top-width: 1px !important } .mk-clients.column-style.border-opened_edges .mk-clients-fixed-list:last-of-type .client-logo {border-bottom-style: solid !important; border-bottom-width: 1px !important } } .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 } .s_contact .mk-gdpr-consent-check {text-align: left !important; padding-left: 4px } .mk-gdpr-consent-check label {font-size: 14px; color: #666; cursor: pointer; padding-left: 10px } .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 red } .mk-checkbox.mk-invalid {outline: 1px solid red } .s_contact .mk-form-row {margin-bottom: 12px; text-align: center; width: 100%; position: relative; -webkit-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; z-index: 30 } .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 red !important } .s_contact.light .captcha-change-image {color: #333 } .s_contact.dark .s_txt-input:focus, .s_contact.light .s_txt-input {background-color: rgba(255, 255, 255, .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, .8); color: #fff; border: none } .s_contact.light .s_txt-input:focus:-moz-placeholder, .s_contact.light .s_txt-input:focus::-moz-placeholder {color: #fff } .s_contact.dark .s_txt-input:-moz-placeholder, .s_contact.dark .s_txt-input::-moz-placeholder {color: #fff } .s_contact.light .s_txt-input:focus::-webkit-input-placeholder {color: #fff } .s_contact.dark .s_txt-input:-ms-input-placeholder {color: #fff } .s_contact .s_txt-input {border: medium none } .s_modern.s_contact .captcha-change-image {width: 100px; top: 15px } .s_modern.s_contact.light .mk-gdpr-consent-check label {color: #eee } .s_contact.s_outline .mk-form-row {margin-bottom: 0; font-size: 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; -webkit-transition: all .2s ease 0s; transition: all .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; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s } .s_contact.s_outline .mk-contact-loading {right: 15px; bottom: 16px; font-size: 20px; text-align: center; line-height: 1; -webkit-box-sizing: border-box; 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 red; -webkit-box-shadow: 0 0 0 1px red !important; box-shadow: 0 0 0 1px red !important } .s_contact.s_outline.light .captcha-change-image {color: #969696 } .s_contact.s_outline.light .contact-outline-submit, .s_contact.s_outline.light .s_txt-input {border: 1px solid #e5e5e5; -webkit-box-shadow: 0 0 0 1px #e5e5e5; box-shadow: 0 0 0 1px #e5e5e5; color: #fff } .s_contact.s_outline.light .s_txt-input::-webkit-input-placeholder {color: rgba(255, 255, 255, .8) } .s_contact.s_outline.light .s_txt-input:-ms-input-placeholder {color: rgba(255, 255, 255, .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, .8) } .s_contact.s_outline.light .s_txt-input:focus {background: rgba(255, 255, 255, .1) } .s_contact.s_outline.light .contact-outline-submit:hover {background: rgba(255, 255, 255, .4) } .s_contact.s_outline.light .mk-contact-loading, .s_contact.s_outline.light .mk-contact-success {color: #fff } .s_contact.s_outline.dark .captcha-change-image {color: #333 } .s_contact.s_outline.dark .contact-outline-submit, .s_contact.s_outline.dark .s_txt-input {border: 1px solid #333; -webkit-box-shadow: 0 0 0 1px #333; box-shadow: 0 0 0 1px #333; color: #222 } .s_contact.s_outline.dark .s_txt-input::-webkit-input-placeholder {color: rgba(0, 0, 0, .8) } .s_contact.s_outline.dark .s_txt-input:-ms-input-placeholder {color: rgba(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, .8) } .s_contact.s_outline.dark .s_txt-input:focus {background-color: rgba(0, 0, 0, .1); color: #222 } .s_contact.s_outline.dark .contact-outline-submit:hover {background: rgba(0, 0, 0, .3) } .s_contact.s_outline.dark .mk-contact-loading, .s_contact.s_outline.dark .mk-contact-success {color: #222 } .s_contact.s_outline .mk-gdpr-consent-check {padding: 13px 16px; text-align: left } .s_contact.s_outline.dark .mk-gdpr-consent-check {border: 1px solid #333; -webkit-box-shadow: 0 0 0 1px #333; box-shadow: 0 0 0 1px #333 } .s_contact.s_outline.dark .mk-gdpr-consent-check label {color: #222 } .s_contact.s_outline.light .mk-gdpr-consent-check {border: 1px solid #e5e5e5; -webkit-box-shadow: 0 0 0 1px #e5e5e5; box-shadow: 0 0 0 1px #e5e5e5 } .s_contact.s_outline.light .mk-gdpr-consent-check label {color: #fff } .s_contact.s_corporate .mk-form-row {margin-bottom: 0 } .s_contact.s_corporate .captcha-image {max-height: 54px; top: 4px; right: 10px; 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; -webkit-transition: all .2s ease 0s; transition: all .2s ease 0s; padding: 18px; width: 100%; text-align: left; border: 1px solid transparent } .s_contact.s_corporate .s_txt-input:-ms-input-placeholder, .s_contact.s_corporate .s_txt-input::-webkit-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; -webkit-transition: all .15s; transition: all .15s; float: right; margin-right: 5px; margin-top: 5px } .s_contact.s_corporate .contact-submit svg {position: relative; left: 0 } .s_contact.s_corporate .mk-contact-loading {right: 15px; bottom: 16px; font-size: 20px; text-align: center; line-height: 1; -webkit-box-sizing: border-box; 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 red; -webkit-box-shadow: 0 0 0 1px red !important; box-shadow: 0 0 0 1px red !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 .mk-form-row>svg {position: absolute; top: 13px; left: 12px; height: 16px; z-index: 12 } .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: 700; font-size: 12px } @media handheld, only screen and (max-width: 767px) {.s_contact .mk-textarea, .s_contact .s_txt-input {width: 100% } .s_contact .mk-form-row.half, .s_contact .mk-form-row.one-third {width: 100%; float: none } } .s_contact.s_line .mk-form-row, .s_contact.s_line .s_txt-input {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; -webkit-transition: all .15s; transition: all .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: 0 } .s_contact.s_line .ls-text-label {display: inline-block; color: #000; font-weight: 700; -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: #000; left: 0; top: 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: background-color .3s, -webkit-transform .3s; -webkit-transition: background-color .3s, -webkit-transform .3s; transition: transform .3s, background-color .3s; transition: transform .3s, background-color .3s, -webkit-transform .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; transform-origin: 0 0; transition: color .3s, -webkit-transform .3s; -webkit-transition: color .3s, -webkit-transform .3s; transition: transform .3s, color .3s; transition: transform .3s, color .3s, -webkit-transform .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 .mk-textarea.mk-invalid+.ls-text-label::after, .s_contact.s_line .mk-textarea:focus+.ls-text-label::after, .s_contact.s_line .text-input.mk-invalid+.ls-text-label::after, .s_contact.s_line .text-input:focus+.ls-text-label::after {background: #222; -webkit-transform: scale3d(1, .25, 1); transform: scale3d(1, .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(.655, .655, 1); transform: translate3d(0, 3em, 0) scale3d(.655, .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(.655, .655, 1); transform: translate3d(0, 14em, 0) scale3d(.655, .655, 1) } .mk-content-box {overflow: hidden; margin-bottom: 20px; border: 1px solid #e3e3e3; background-color: #fff } .mk-content-box .content-box-heading {display: block; padding: 14px 15px; border-bottom: 1px solid #e3e3e3; background-color: #f8f8f8; font-weight: 700; font-size: 16px } .mk-content-box .content-box-heading p {margin-bottom: 0 } .mk-content-box .content-box-heading svg {height: 16px; width: 16px } .mk-content-box .content-box-content {padding: 20px } .mk-content-box .content-box-heading i {font-size: 16px; margin-right: 6px; line-height: normal; vertical-align: middle } .mk-event-countdown {margin-bottom: 30px !important } .mk-event-countdown .mk-event-title {display: block; margin-bottom: 25px; color: #999; text-align: center; font-size: 16px; font-weight: 700; color: #333 } .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; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20%; border: 2px solid rgba(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: #555; text-shadow: 1px 1px #fff; line-height: .5 } .mk-event-countdown-ul li .timestamp:before {content: ''; display: block; position: absolute; width: 30px; height: 3px; letter-spacing: 2px; background: #ddd; left: 50%; -webkit-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-event-countdown-ul-block li {width: 90%; display: block; margin: 0 auto 15px } .jupiter-donut-height-full .box-holder, .jupiter-donut-height-full .mk-custom-box {width: 100%; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out } .mk-custom-box .mk-custom-box--overlay {width: 100%; height: 100%; position: absolute !important; z-index: 2 !important; left: 0; top: 0; pointer-events: none } .mk-custom-box .box-holder {position: relative } .mk-custom-box .box-holder:hover::after {-webkit-transition: background-image .2s ease-in-out; transition: background-image .2s ease-in-out } .mk-custom-box .box-holder>.wpb_row:after, .mk-custom-box .box-holder>.wpb_row:before {content: " "; display: table } .mk-custom-box .box-holder>.wpb_row:after {clear: both } .mk-custom-box .box-holder:after, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; display: block } .mk-custom-box .box-holder>* {position: relative; z-index: 3 } .mk-custom-box.hover-effect-gradient_color .box-holder:after, .mk-custom-box.hover-effect-single_color .box-holder:after {opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .mk-custom-box.hover-effect-gradient_color:hover .box-holder:after, .mk-custom-box.hover-effect-single_color:hover .box-holder:after {opacity: 1; -webkit-transition: opacity .2s; transition: opacity .2s } .mk-custom-box.hover-effect-image, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder {overflow: hidden } .mk-custom-box.hover-effect-image.image-effect-zoom-in .box-holder:after {-webkit-transform: scale(1.04); transform: scale(1.04); transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94); -webkit-transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94); transition: transform .35s cubic-bezier(.25, .46, .45, .94); transition: transform .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94) } .mk-custom-box.hover-effect-image.image-effect-zoom-in .box-holder:hover:after {-webkit-transform: scale(1.11); transform: scale(1.11); z-index: 1 } .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:after, .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {-webkit-transform: scale(1.03); transform: scale(1.03) } .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); z-index: 2 } .mk-custom-box.hover-effect-image.image-effect-blur .box-holder:hover:before {opacity: 1 } .mk-custom-box.hover-effect-image.image-effect-grayscale .box-holder:after {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); transition: -webkit-filter .2s linear; -webkit-transition: -webkit-filter .2s linear; transition: filter .2s linear; transition: filter .2s linear, -webkit-filter .2s linear; transition: -ms-filter .2s linear; transition: -o-filter .2s linear; transition: -moz-filter .2s linear; transition: -webkit-filter .2s linear } .mk-custom-box.hover-effect-image.image-effect-grayscale .box-holder:hover:after {-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0) } .mk-list-styles.mk-align-left ul {display: inline-block; float: left } .mk-list-styles.mk-align-center ul {display: block !important; text-align: center } .mk-list-styles.mk-align-center ul li .mk-svg-icon {position: relative; padding-right: 5px } .mk-list-styles.mk-align-right ul {display: inline-block; float: right } .mk-list-styles ul {margin: 0; padding: 0; list-style: none } .mk-list-styles ul li {position: relative; margin: 0 0 6px 0; padding: 0 0 0 21px; line-height: 24px !important } .mk-list-styles ul li .mk-svg-icon {position: absolute; top: 4px; left: 0; height: 16px } #superContainer {height: 100%; position: relative; -ms-touch-action: none; touch-action: none } .section {position: relative; -webkit-box-sizing: border-box; box-sizing: border-box } .slide, .slidesContainer {height: 100%; display: block } .slides {height: 100%; overflow: hidden; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .section.table, .slide.table {display: table; width: 100% } .tableCell {display: table-cell; vertical-align: middle; width: 100%; height: 100% } .slidesContainer {float: left; position: relative } .controlArrow {position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px } .controlArrow.prev {left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent } .controlArrow.next {right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff } .scrollable {overflow: scroll } .easing {-webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1); transition: all .5s cubic-bezier(.77, 0, .175, 1); -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1); transition-timing-function: cubic-bezier(.77, 0, .175, 1) } .fullPage-slidesNav {position: absolute; left: 50%; opacity: 1 } .fullPage-slidesNav.bottom {bottom: 17px } .fullPage-slidesNav.top {top: 17px } #fullPage-nav ul, .fullPage-slidesNav ul {margin: 0; padding: 0 } #fullPage-nav ul {-webkit-transform: translateY(-50%); transform: translateY(-50%) } .fullPage-tooltip {display: none !important } .fullPage-tooltip.right {right: 20px } .fullPage-tooltip.left {left: 20px } #fullPage-nav {position: fixed; margin-top: -32px; top: 50%; opacity: 1 } #fullPage-nav ul {list-style: none } #fullPage-nav.right {right: 17px } .vertical-header-right #fullPage-nav.right {right: 287px } #fullPage-nav.left {left: 17px } .vertical-header-left #fullPage-nav.left {left: 287px } #fullPage-nav a {position: relative; display: inline-block; margin: 0 8px; width: 10px; height: 10px; cursor: pointer } #fullPage-nav a span {top: 0; left: 0; width: 100%; height: 100%; display: block; outline: 0; border-radius: 50%; cursor: pointer; position: absolute } #fullPage-nav.dark-skin span {background-color: #333; background-color: rgba(0, 0, 0, .8) } #fullPage-nav.light-skin span {background-color: #fff; background-color: rgba(255, 255, 255, .3) } #fullPage-nav.pagination-stroke a span {-webkit-transition: background-color .3s ease, -webkit-box-shadow .3s ease; transition: background-color .3s ease, -webkit-box-shadow .3s ease; transition: box-shadow .3s ease, background-color .3s ease; transition: box-shadow .3s ease, background-color .3s ease, -webkit-box-shadow .3s ease } #fullPage-nav.pagination-stroke.dark-skin span {-webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent } #fullPage-nav.pagination-stroke.dark-skin a span:focus, #fullPage-nav.pagination-stroke.dark-skin a span:hover {background-color: #333 } #fullPage-nav.pagination-stroke.dark-skin a.active span {background-color: transparent; -webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333 } #fullPage-nav.pagination-stroke.light-skin span {-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) } #fullPage-nav.pagination-stroke.light-skin a span:focus, #fullPage-nav.pagination-stroke.light-skin a span:hover {background-color: #fff } #fullPage-nav.pagination-stroke.light-skin a.active span {background-color: transparent; -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff } #fullPage-nav.pagination-small_dot_stroke a {border-radius: 50%; -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease } #fullPage-nav.pagination-small_dot_stroke a span {transition: background-color .3s ease, -webkit-transform .3s ease; -webkit-transition: background-color .3s ease, -webkit-transform .3s ease; transition: background-color .3s ease, transform .3s ease; transition: background-color .3s ease, transform .3s ease, -webkit-transform .3s ease } #fullPage-nav.pagination-small_dot_stroke a.active span {-webkit-transform: scale(.4); transform: scale(.4) } #fullPage-nav.pagination-small_dot_stroke.dark-skin span {-webkit-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent } #fullPage-nav.pagination-small_dot_stroke.dark-skin a span {background-color: rgba(0, 0, 0, .7) } #fullPage-nav.pagination-small_dot_stroke.dark-skin a span:focus, #fullPage-nav.pagination-small_dot_stroke.dark-skin a span:hover, #fullPage-nav.pagination-small_dot_stroke.dark-skin a.active span {background-color: #333 } #fullPage-nav.pagination-small_dot_stroke.dark-skin a.active {-webkit-box-shadow: 0 0 0 2px #333; box-shadow: 0 0 0 2px #333 } #fullPage-nav.pagination-small_dot_stroke.light-skin span {-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0) } #fullPage-nav.pagination-small_dot_stroke.light-skin a span {background-color: rgba(255, 255, 255, .7) } #fullPage-nav.pagination-small_dot_stroke.light-skin a span:focus, #fullPage-nav.pagination-small_dot_stroke.light-skin a span:hover, #fullPage-nav.pagination-small_dot_stroke.light-skin a.active span {background-color: #fff } #fullPage-nav.pagination-small_dot_stroke.light-skin a.active {-webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff } .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.left, .mk-divider.custom-width.right {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, .1) } .mk-divider.thin_solid .divider-inner {border-top: 1px solid #e5e5e5; border-top: 1px solid rgba(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, .1); content: ""} .mk-divider[class*=go_top] .divider-inner .divider-go-top {position: absolute; top: -10px; right: 0; float: right; padding-left: 4px } .mk-divider[class*=go_top] .divider-inner .divider-go-top .mk-svg-icon {margin-left: 6px; color: #ccc } .mk-divider.go_top_thick .divider-inner:before {height: 2px } .mk-divider.divider_page_divider {width: 100% } .clip {-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); overflow: hidden } .clipper {position: absolute; top: 0; left: 0; width: 100%; height: 100% } .Edge .clipper, .IE .clipper {clip: rect(auto auto auto auto); overflow: hidden; z-index: 2 } .mk-edge-wrapper {position: relative } .slider-content {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 6 } .edge-nav-bg {background-size: cover !important } .edge-gradient-layer {position: absolute; top: 0; left: 0; z-index: 4; height: 100%; width: 100% } .mk-fancy-title p {font-size: inherit !important; line-height: inherit !important } .mk-faq-container {margin-bottom: 20px } .mk-faq-container.fancy-style-wrapper {border-top: 1px solid #ececec } .mk-faq-container.fancy-style-wrapper .mk-faq-toggle {margin-bottom: 0 !important; border-top: none !important } .mk-faq-container.fancy-style-wrapper .mk-faq-toggle {padding: 0 } .mk-faq-container.fancy-style-wrapper .mk-toggle .mk-toggle-title {padding: 18px; background: 0 0; -webkit-transition: all .2s; transition: all .2s } .mk-faq-container.fancy-style-wrapper .mk-toggle-title:hover {background: #646464; background: rgba(0, 0, 0, .02) } .mk-faq-container.fancy-style-wrapper .mk-toggle-title:before {color: rgba(0, 0, 0, .3); font-size: 10px !important } .mk-faq-container.fancy-style-wrapper .mk-toggle-title>.mk-svg-icon {fill: rgba(0, 0, 0, .3) } .mk-faq-container.fancy-style-wrapper .mk-toggle-title svg {fill: rgba(0, 0, 0, .2) !important; height: 16px !important } .mk-faq-container .mk-toggle.fancy-style .mk-toggle-title:before, .mk-faq-container .mk-toggle.fancy-style .mk-toggle-title>.mk-svg-icon {top: 20px } .mk-faq-toggle {display: block; width: 100%; padding: 4px 10px } .mk-faq-toggle .mk-toggle-title {font-weight: 700 } .mk-faq-toggle .mk-toggle-title svg {fill: #d6d6d6 !important } .mk-faq-toggle .mk-toggle-title:before {font-size: 10px !important } .mk-faq-toggle .mk-toggle-pane {padding: 20px } .filter-faq {margin-bottom: 30px; text-align: center } .filter-faq ul {display: inline-block; overflow: hidden; margin: 0; padding: 0; list-style: none } .filter-faq ul li {display: inline-block } .filter-faq ul li a {padding: 12px 14px; line-height: 13px; font-size: 13px; color: #333; color: #323232; display: block; letter-spacing: 1px } .filter-faq ul li a.current {background-color: #969696; background-color: rgba(0, 0, 0, .08); border-radius: 2px } .mk-font-icons {display: inline-block } .mk-font-icons.icon-align-right {float: right } .mk-font-icons.icon-align-center {display: block; text-align: center } .mk-font-icons.icon-align-left {float: left } .mk-font-icons .font-icon {display: inline-block; line-height: normal } .mk-font-icons .font-icon.circle-enabled {text-align: center; border-radius: 256px } .mk-font-icons .font-icon.mk-size-small svg {height: 16px; width: 16px } .mk-font-icons .font-icon.mk-size-small.circle-enabled {padding: 3px; width: 16px; height: 16px } .mk-font-icons .font-icon.mk-size-small.circle-enabled svg {height: 12px; width: 12px } .mk-font-icons .font-icon.mk-size-medium svg {height: 32px; width: 32px } .mk-font-icons .font-icon.mk-size-medium.circle-enabled {padding: 3px; width: 32px; height: 32px } .mk-font-icons .font-icon.mk-size-medium.circle-enabled svg {height: 16px; width: 16px } .mk-font-icons .circle-enabled .mk-svg-icon {margin: 0 auto } .mk-font-icons .font-icon.mk-size-large svg {height: 48px; width: 48px } .mk-font-icons .font-icon.mk-size-large.circle-enabled {width: 48px; height: 48px } .mk-font-icons .font-icon.mk-size-large.circle-enabled svg {height: 24px; width: 24px } .mk-font-icons .font-icon.mk-size-x-large svg {height: 64px; width: 64px } .mk-font-icons .font-icon.mk-size-x-large.circle-enabled {width: 64px; height: 64px } .mk-font-icons .font-icon.mk-size-x-large.circle-enabled svg {height: 32px; width: 32px } .mk-font-icons .font-icon.mk-size-xx-large svg {height: 128px; width: 128px } .mk-font-icons .font-icon.mk-size-xx-large.circle-enabled {width: 128px; height: 128px } .mk-font-icons .font-icon.mk-size-xx-large.circle-enabled svg {height: 48px; width: 48px } .mk-font-icons .font-icon.mk-size-xxx-large svg {height: 256px; width: 256px } .mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled {width: 256px; height: 256px } .mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled svg {height: 64px; width: 64px } .mk-font-icons .font-icon.mk-size-small {font-size: 16px } .mk-font-icons .font-icon.mk-size-small.circle-enabled {font-size: 12px } .mk-font-icons .font-icon.mk-size-medium {font-size: 32px } .mk-font-icons .font-icon.mk-size-medium.circle-enabled {font-size: 16px } .mk-font-icons .font-icon.mk-size-large {font-size: 48px } .mk-font-icons .font-icon.mk-size-large.circle-enabled {font-size: 24px } .mk-font-icons .font-icon.mk-size-x-large {font-size: 64px } .mk-font-icons .font-icon.mk-size-x-large.circle-enabled {font-size: 32px } .mk-font-icons .font-icon.mk-size-xx-large {font-size: 128px } .mk-font-icons .font-icon.mk-size-xx-large.circle-enabled {font-size: 48px } .mk-font-icons .font-icon.mk-size-xxx-large {font-size: 256px } .mk-font-icons .font-icon.mk-size-xxx-large.circle-enabled {font-size: 64px } .mk-fullwidth-slideshow {width: 100%; text-align: center; overflow: hidden } .mk-fullwidth-slideshow .mk-flex-slides {width: 100%; text-align: center } .mk-fullwidth-slideshow .mk-flex-slides li {text-align: center } .mk-fullwidth-slideshow .mk-flex-slides li img {margin: 0 auto !important; max-width: none !important; height: auto } .mk-fullwidth-slideshow.stretch-images-false .mk-flex-slides li img {width: auto } .mk-fullwidth-slideshow.stretch-images-true .mk-flex-slides li img {width: 100% } .mk-fullwidth-slideshow .flex-direction-nav a {top: 50%; margin-top: -20px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, .4); text-align: center } .mk-fullwidth-slideshow .flex-direction-nav a i {line-height: 40px; color: #fff; font-size: 16px } .mk-fullwidth-slideshow .flex-direction-nav .flex-next {right: 20px } .mk-fullwidth-slideshow .flex-direction-nav .flex-prev {left: 20px } .mk-flipbox {position: relative; -ms-perspective: 1000; -webkit-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d } .mk-flipbox-holder {position: relative; -webkit-transform-style: preserve-3d; -moz-transform: perspective(1000px); transform-style: preserve-3d } .mk-flipbox-front {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: table; z-index: 2 } .mk-flipbox-back {width: 100%; height: 100%; position: static; left: 0; top: 0; display: table; -webkit-backface-visibility: hidden; backface-visibility: hidden } .mk-flipbox-back, .mk-flipbox-front {-webkit-transform-style: preserve-3d; transform-style: preserve-3d } .Chrome .chrome-flipbox-backface-fix {backface-visibility: visible !important; -webkit-backface-visibility: visible !important } .mk-flipbox-content {display: table-cell; vertical-align: middle } .flip-horizontal .mk-flipbox-back {-webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .flip-horizontal:hover .mk-flipbox-front {-webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .flip-horizontal:hover .mk-flipbox-back {-webkit-transform: rotateY(0); transform: rotateY(0) } .flip-vertical .mk-flipbox-back {-webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .flip-vertical:hover .mk-flipbox-front {-webkit-transform: rotateX(-180deg); transform: rotateX(-180deg) } .flip-vertical:hover .mk-flipbox-back {-webkit-transform: rotateX(0); transform: rotateX(0) } .mk-flipbox .mk-button-container {margin-right: 0 !important; margin-left: 0 !important } .mk-flipbox .front-icon {line-height: 1rem } .IE .mk-flipbox {overflow: hidden } .IE .mk-flipbox .bezier-1 {-webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1); transition: all .5s cubic-bezier(.645, .045, .355, 1) } .IE .mk-flipbox-front {table-layout: fixed } .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 article .image-hover-overlay {z-index: 10 } .mk-gallery-lazyload .mk-gallery-image {background-color: #e0e0e0 } .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, .06) } .mk-gallery .gallery-title {position: absolute; top: 58%; left: 0; width: 100%; text-align: center; padding: 0 20px; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; opacity: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; line-height: 22px; color: #fff; font-weight: 700; z-index: 10 } .mk-gallery .gallery-caption {display: none } .mk-gallery .hover-fadebox .mk-image-lightbox.lightbox-push-top {top: 35% } .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); transform: scale(1.04); -webkit-transition: all 3s cubic-bezier(.25, .46, .45, .94); transition: all 3s cubic-bezier(.25, .46, .45, .94) } .mk-gallery .hover-slow_zoom:hover img {-webkit-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 .mk-image-lightbox {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0 } .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 .2s linear, -webkit-filter .2s linear, -moz-filter .2s linear; -webkit-filter: url(#gallery-blur); filter: url(#gallery-blur); -webkit-filter: blur(5px); filter: blur(5px) } .mk-image-lightbox svg {height: 48px; width: 48px; fill: #fff; vertical-align: middle; overflow: visible; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .mk-gallery .hover-grayscale .mk-image-lightbox {width: 100%; height: 100%; top: 0; left: 0; margin: 0; position: absolute; text-align: center; cursor: pointer; 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; -webkit-transition: opacity .2s linear; 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%); -webkit-filter: gray; 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: #fff } .mk-gallery .hover-overlay_layer .gallery-caption {display: block; text-transform: uppercase; text-align: center; font-size: 12px; line-height: 22px; color: #fff; opacity: 0; -webkit-transition: all .4s ease-out; transition: all .4s ease-out } .mk-gallery .hover-overlay_layer img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease-in-out; transition: all .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); transform: scale(1.04) } .mk-gallery .hover-fadebox.hover-title-true .mk-image-lightbox svg {top: 35% } .mk-gallery .hover-fadebox .item-holder:hover .image-hover-overlay {opacity: .85 } .mk-gallery .hover-fadebox .item-holder .mk-image-lightbox {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0 } .mk-gallery .hover-fadebox .item-holder:hover .mk-image-lightbox {opacity: 1 } .mk-gallery .hover-fadebox .item-holder:hover .gallery-title {opacity: 1; top: 56% } .mk-gallery .hover-fadebox .item-holder:hover .gallery-inner img {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1) } @media handheld, only screen and (max-width: 1024px) {.mk-gallery .hover-fadebox.hover-state .image-hover-overlay {opacity: .85 } .mk-gallery .hover-fadebox.hover-state img {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1) } .mk-gallery .hover-fadebox.hover-state .gallery-title {opacity: 1; top: 56% } .mk-gallery .hover-fadebox.hover-state .mk-image-lightbox {opacity: 1 } } @media handheld, only screen and (max-width: 960px) {.mk-gallery .eight-column, .mk-gallery .five-column, .mk-gallery .four-column, .mk-gallery .seven-column, .mk-gallery .six-column, .mk-gallery .three-column, .mk-gallery .two-column {width: 49.7% } .mk-gallery .eight-column img, .mk-gallery .five-column img, .mk-gallery .four-column img, .mk-gallery .seven-column img, .mk-gallery .six-column img, .mk-gallery .three-column img, .mk-gallery .two-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 .gallery-mansory-large, .mk-gallery.masnory-gallery .mk-gallery-item {width: 49.9% } } @media handheld, only screen and (max-width: 767px) {.mk-gallery.masnory-gallery .gallery-mansory-large, .mk-gallery.masnory-gallery .mk-gallery-item {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 .gallery-mansory-large, .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item {width: 49.9% } } @media handheld, only screen and (max-width: 767px) {.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large, .vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item {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-highlight {margin: 0; padding: 2px; color: #fff } .mk-box-icon-2 {display: block } .mk-box-icon-2 .mk-box-icon-2-icon {border-width: 2px !important; border-radius: 50%; -webkit-transition: all ease-in .2s; transition: all ease-in .2s; display: inline-block; text-align: center } .mk-box-icon-2 .mk-box-icon-2-icon i {display: block; vertical-align: middle; line-height: inherit; text-align: center; display: inline-block } .mk-box-icon-2 .mk-box-icon-2-icon.size-16 {line-height: 50px; height: 54px; width: 54px } .mk-box-icon-2 .mk-box-icon-2-icon.size-32 {line-height: 80px; height: 84px; width: 84px } .mk-box-icon-2 .mk-box-icon-2-icon.size-48 {line-height: 98px; height: 100px; width: 100px } .mk-box-icon-2 .mk-box-icon-2-icon.size-64 {line-height: 128px; height: 130px; width: 130px } .mk-box-icon-2 .mk-box-icon-2-icon.size-128 {line-height: 188px; height: 190px; width: 190px } .mk-box-icon-2 svg {vertical-align: middle } .mk-box-icon-2 .mk-box-icon-2-image svg {width: 100% } .mk-box-icon-2 .mk-box-icon-2-title {display: block; margin: 0 } .mk-box-icon-2 .mk-box-icon-2-content {display: block } .mk-box-icon-2.box-align-left {text-align: left } .mk-box-icon-2.box-align-center {text-align: center } .mk-box-icon-2 .mk-box-icon-2-icon {display: inline-block } .mk-box-icon-2 .mk-box-icon-2-image {display: block } .mk-box-icon-2.box-align-center .mk-box-icon-2-icon, .mk-box-icon-2.box-align-center .mk-box-icon-2-image {margin: 0 auto } .mk-box-icon-2.box-align-right {text-align: right } .mk-box-icon-2.box-align-right .mk-box-icon-2-image {display: inline-block } .mk-box-icon {position: relative; -webkit-backface-visibility: hidden } .mk-box-icon .mk-main-ico {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto } .mk-box-icon .mk-main-ico .mk-svg-icon {margin: 0 auto; vertical-align: middle } .mk-box-icon p {position: relative; margin-bottom: 0 } .mk-box-icon h4 i {text-transform: none !important } .mk-box-icon .icon-box-readmore {position: relative; float: right; margin: 10px 15px 10px 0; font-size: 12px } .mk-box-icon .icon-box-readmore svg {position: relative; padding-left: 8px; vertical-align: middle; height: 16px } .mk-box-icon.simple_minimal-style.vc_span4 {padding-right: 10px } .mk-box-icon.simple_minimal-style .mk-main-ico {display: inline-block; margin-right: 12px; float: left; text-align: center } .mk-box-icon.simple_minimal-style .circled-icon {text-align: center; border-radius: 50% } .mk-box-icon.simple_minimal-style .circled-icon.small {line-height: 42px; width: 42px; height: 42px } .mk-box-icon.simple_minimal-style .circled-icon.medium {line-height: 64px; width: 64px; height: 64px } .mk-box-icon.simple_minimal-style .circled-icon.large {line-height: 86px; width: 86px; height: 86px } .mk-box-icon.simple_minimal-style .circled-icon.x-large {line-height: 110px; width: 110px; height: 110px } .mk-box-icon.boxed-style .mk-main-ico .mk-svg-icon, .mk-box-icon.simple_minimal-style .mk-main-ico .mk-svg-icon {vertical-align: baseline } .mk-box-icon.simple_minimal-style .mk-main-ico.small .mk-svg-icon {height: 16px !important; width: 16px !important } .mk-box-icon.simple_minimal-style .mk-main-ico.medium .mk-svg-icon {height: 24px !important; width: 24px !important } .mk-box-icon.simple_minimal-style .mk-main-ico.large .mk-svg-icon {height: 32px !important; width: 32px !important } .mk-box-icon.simple_minimal-style .mk-main-ico.x-large .mk-svg-icon {height: 48px !important; width: 48px !important } .mk-box-icon.simple_minimal-style .mk-main-ico.small {font-size: 16px } .mk-box-icon.simple_minimal-style .mk-main-ico.medium {font-size: 24px } .mk-box-icon.simple_minimal-style .mk-main-ico.large {font-size: 32px } .mk-box-icon.simple_minimal-style .mk-main-ico.x-large {font-size: 48px } .mk-box-icon.simple_minimal-style h4 {margin-bottom: 15px !important } .mk-box-icon.simple_minimal-style h4.icon-circled {display: block; height: auto } .mk-box-icon.simple_minimal-style h4.icon-circled span {display: block; padding-top: 5px } .mk-box-icon.boxed-style .icon-box-boxed {position: relative; border: 1px solid #e0e0e0; background-color: #f4f4f4; text-align: center; border-radius: 3px } .mk-box-icon.boxed-style .icon-box-boxed .mk-svg-icon {position: relative; top: 1px } .mk-box-icon.boxed-style .icon-box-boxed.top {margin-top: 35px; padding: 70px 30px 30px } .mk-box-icon.boxed-style .icon-box-boxed.top .mk-main-ico {top: -34px; left: 50%; margin-left: -32px } .mk-box-icon.boxed-style .icon-box-boxed.left {margin-left: 30px; padding: 30px 30px 30px 60px; text-align: left } .mk-box-icon.boxed-style .icon-box-boxed.left .mk-main-ico {top: 50%; left: -34px; margin-top: -34px } .mk-box-icon.boxed-style .icon-box-readmore {display: inline-block; float: none } .mk-box-icon.boxed-style h4 {margin-bottom: 20px; color: #222 !important } .mk-box-icon.boxed-style .mk-main-ico {position: absolute; display: block; width: 65px; height: 65px; color: #fff; text-align: center; line-height: 65px; font-size: 32px; border-radius: 50% } .mk-box-icon.boxed-style .mk-main-ico {font-size: 32px } .mk-box-icon.boxed-style .mk-main-ico .mk-svg-icon {width: 32px !important; height: 32px !important } .mk-box-icon.boxed-style .mk-main-ico:before {position: relative } .mk-box-icon.simple_ultimate-style .left-side {padding-right: 15px } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico {display: block; float: left } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small {width: 32px } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium {width: 48px } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large {width: 64px } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large {width: 128px } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small {font-size: 32px } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium {font-size: 48px } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large {font-size: 64px } .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large {font-size: 128px } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper {display: block } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.small-size {margin-left: 48px } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.medium-size {margin-left: 65px } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size {margin-left: 84px } .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.x-large-size {margin-left: 158px } .mk-box-icon.simple_ultimate-style .top-side {text-align: center } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico {display: block } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.small {margin-bottom: 8px } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.medium {margin-bottom: 10px } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.large {margin-bottom: 12px } .mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.x-large {margin-bottom: 15px } .mk-box-icon.simple_ultimate-style .top-side h4 {margin-bottom: 22px } .mk-box-icon.simple_ultimate-style .top-side .icon-box-readmore {display: inline-block; float: none } .mk-box-icon.simple_ultimate-style .mk-main-ico.small {font-size: 32px } .mk-box-icon.simple_ultimate-style .mk-main-ico.small .mk-svg-icon {height: 32px !important; width: 32px !important } .mk-box-icon.simple_ultimate-style .mk-main-ico.medium {font-size: 48px } .mk-box-icon.simple_ultimate-style .mk-main-ico.medium .mk-svg-icon {height: 48px !important; width: 48px !important } .mk-box-icon.simple_ultimate-style .mk-main-ico.large {font-size: 64px } .mk-box-icon.simple_ultimate-style .mk-main-ico.large .mk-svg-icon {height: 64px !important; width: 64px !important } .mk-box-icon.simple_ultimate-style .mk-main-ico.x-large {font-size: 128px } .mk-box-icon.simple_ultimate-style .mk-main-ico.x-large .mk-svg-icon {height: 128px !important; width: 128px !important } .mk-box-icon .rounded-circle.left-side .small-size {margin-left: 90px !important } .mk-box-icon .rounded-circle.left-side .medium-size {margin-left: 120px !important } .mk-box-icon .rounded-circle.top-side .small {margin-bottom: 26px !important } .mk-box-icon .rounded-circle.top-side .medium {margin-bottom: 34px !important } .mk-box-icon .rounded-circle .mk-main-ico {border-width: 1px; border-style: solid; border-radius: 60px; text-align: center; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-line-pack: center; align-content: center; margin: 0 auto } .mk-box-icon .rounded-circle .small {width: 60px !important; height: 60px !important; line-height: 60px !important } .mk-box-icon .rounded-circle .small .mk-main-ico {font-size: 24px } .mk-box-icon .rounded-circle .small .mk-svg-icon {width: 24px !important; height: 24px !important } .mk-box-icon .rounded-circle .medium {height: 84px !important; width: 84px !important; line-height: 84px !important } .mk-box-icon .rounded-circle .medium .mk-main-ico {font-size: 32px } .mk-box-icon .rounded-circle .medium .mk-svg-icon {height: 32px !important; width: 32px !important } .mk-iconBox-gradient .icon {display: inline-block; position: relative; -webkit-transition: background-color .2s linear; transition: background-color .2s linear } .mk-iconBox-gradient .icon i svg {-webkit-transition: color .2s linear; transition: color .2s linear; margin-top: -2px; vertical-align: middle } .mk-iconBox-gradient .icon svg:not(.mk-svg-icon) {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; z-index: 1; color: #81d742 } .Firefox .mk-iconBox-gradient .icon {background: initial !important } .Firefox .mk-iconBox-gradient .icon .mk-svg-icon, .Firefox .mk-iconBox-gradient .icon i {position: relative; z-index: 2 } .Firefox .mk-iconBox-gradient .icon svg:not(.mk-svg-icon) {display: block } .Firefox .mk-iconBox-gradient .icon svg:not(.mk-svg-icon) path {-webkit-transition: fill .2s linear; transition: fill .2s linear; display: none } .Firefox .icon.linear-gradient svg:not(.mk-svg-icon) radialGradient {display: none } .Firefox .icon.radial-gradient svg:not(.mk-svg-icon) linearGradient {display: none } .Firefox .icon.circle svg:not(.mk-svg-icon) path#circle, .Firefox .icon.hexagon svg:not(.mk-svg-icon) path#hexagon, .Firefox .icon.hexagon2 svg:not(.mk-svg-icon) path#hexagon2, .Firefox .icon.pentagon svg:not(.mk-svg-icon) path#pentagon, .Firefox .icon.square svg:not(.mk-svg-icon) path#square, .Firefox .icon.square2 svg:not(.mk-svg-icon) path#square2, .Firefox .icon.starz svg:not(.mk-svg-icon) path#starz {display: block } .icon.circle.size-128, .icon.hexagon.size-128, .icon.hexagon2.size-128, .icon.starz.size-128 {min-width: 300px; min-height: 300px; line-height: 300px; text-align: center } .icon.circle.size-64, .icon.hexagon.size-64, .icon.hexagon2.size-64, .icon.starz.size-64 {min-width: 200px; min-height: 200px; line-height: 200px; text-align: center } .icon.circle.size-48, .icon.hexagon.size-48, .icon.hexagon2.size-48, .icon.starz.size-48 {min-width: 160px; min-height: 160px; line-height: 160px; text-align: center } .icon.circle.size-32, .icon.hexagon.size-32, .icon.hexagon2.size-32, .icon.starz.size-32 {min-width: 110px; min-height: 110px; line-height: 110px; text-align: center } .icon.circle.size-16, .icon.hexagon.size-16, .icon.hexagon2.size-16, .icon.starz.size-16 {min-width: 60px; min-height: 60px; line-height: 60px; text-align: center } .icon.pentagon.size-128 {min-width: 330px; min-height: 330px; line-height: 330px; text-align: center } .icon.pentagon.size-64 {min-width: 215px; min-height: 215px; line-height: 215px; text-align: center } .icon.pentagon.size-48 {min-width: 160px; min-height: 160px; line-height: 160px; text-align: center } .icon.pentagon.size-32 {min-width: 125px; min-height: 125px; line-height: 125px; text-align: center } .icon.pentagon.size-16 {min-width: 70px; min-height: 70px; line-height: 70px; text-align: center } .icon.square.size-128 {min-width: 290px; min-height: 290px; line-height: 290px; text-align: center } .icon.square.size-64 {min-width: 200px; min-height: 200px; line-height: 200px; text-align: center } .icon.square.size-48 {min-width: 140px; min-height: 140px; line-height: 140px; text-align: center } .icon.square.size-32 {min-width: 100px; min-height: 100px; line-height: 100px; text-align: center } .icon.square.size-16 {min-width: 60px; min-height: 60px; line-height: 60px; text-align: center } .icon.square2.size-128 {min-width: 370px; min-height: 370px; line-height: 370px; text-align: center } .icon.square2.size-64 {min-width: 250px; min-height: 250px; line-height: 250px; text-align: center } .icon.square2.size-48 {min-width: 180px; min-height: 180px; line-height: 180px; text-align: center } .icon.square2.size-32 {min-width: 130px; min-height: 130px; line-height: 130px; text-align: center } .icon.square2.size-16 {min-width: 80px; min-height: 80px; line-height: 80px; text-align: center } .mk-image {position: relative; line-height: 4px } .mk-image.align-left {text-align: left } .mk-image.align-right {text-align: right } .mk-image.align-right .mk-image-holder {float: right } .mk-image.align-center {margin-right: auto; margin-left: auto; text-align: center } .mk-image-container {display: inline-block; position: relative } .mk-image.align-center .mk-image-holder {margin: 0 auto } .mk-image.align-center .mk-image-inner img {transition: -webkit-filter .2s ease; -webkit-transition: -webkit-filter .2s ease; transition: filter .2s ease; transition: filter .2s ease, -webkit-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 .mk-image-overlay, .mk-image.rounded-frame img {border-radius: 4px } .mk-image.gray_border-frame .mk-image-inner {border: 6px solid rgba(0, 0, 0, .06) } .mk-image.border_shadow-frame .mk-image-inner {border: 6px solid #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25); box-shadow: 0 0 5px rgba(0, 0, 0, .25) } .mk-image.shadow_only-frame .mk-image-inner {-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .25); box-shadow: 0 0 4px rgba(0, 0, 0, .25) } .mk-image.single_line-frame .mk-image-inner {border: 1px solid rgba(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, .4); color: #fff; border-radius: 4px } .mk-image.inside-image .mk-image-caption:hover {background-color: #383838; background-color: rgba(0, 0, 0, .5) } .mk-image.inside-image .mk-image-caption .mk-caption-title {display: block; font-weight: 700; 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: 700; 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 } .mk-image .hover-overlay-disabled .mk-image-overlay {background-color: transparent !important } .mk-image.lightbox-enabled .hover-overlay-disabled.mk-image-inner:hover img {-webkit-filter: none; filter: none; filter: none; -webkit-filter: none } .mk-image-inner.hover-overlay-disabled .mk-image-lightbox svg {fill: transparent } .mk-image .hover-overlay-disabled .mk-image-lightbox {top: 0; left: 0; bottom: 0; right: 0; margin: 0; width: auto; height: auto } @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 } .mk-image-container {text-align: center !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: #ddd; background-color: #eee } .mk-message-box.mk-comment-message-box i {color: #aaa } .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); 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); 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); 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: #999; top: 0 } .mk-milestone.milestone-small svg {height: 32px } .mk-milestone.milestone-small .milestone-number, .mk-milestone.milestone-small .milestone-prefix, .mk-milestone.milestone-small .milestone-suffix {font-size: 26px } .mk-milestone.milestone-medium svg {height: 48px } .mk-milestone.milestone-medium .milestone-number, .mk-milestone.milestone-medium .milestone-prefix, .mk-milestone.milestone-medium .milestone-suffix {font-size: 40px } .mk-milestone.milestone-large svg {height: 72px } .mk-milestone.milestone-large .milestone-number, .mk-milestone.milestone-large .milestone-prefix, .mk-milestone.milestone-large .milestone-suffix {font-size: 50px } .mk-mini-callout {overflow: hidden; margin-bottom: 20px; padding: 12px 20px; border: 1px solid #dbdbdb; background-color: #f6f6f6 } .mk-mini-callout p {display: inline; margin-bottom: 0 } .mk-mini-callout .callout-title {padding-right: 6px; color: #333; font-weight: 700 } .mk-mini-callout a i {padding-left: 6px; font-size: 14px } .mk-news-container {margin-bottom: 50px } .mk-news-container a {text-decoration: none } .mk-news-item {position: relative; overflow: hidden; float: left } .mk-news-item .item-holder {margin: 0 6px 6px 0; background-color: #f6f6f6; position: relative; overflow: hidden } .mk-news-item .news-categories {font-weight: 700; font-size: 13px } .mk-news-item .news-the-title {font-size: 18px; font-weight: 700 } .mk-news-item .mk-read-more i {margin-left: 5px; vertical-align: middle } .news-fourth-with-image .news-meta-wrapper, .news-full-with-image .news-meta-wrapper, .news-half-with-image .news-meta-wrapper {position: absolute; left: 0; bottom: 0; margin: 15px 15px 3px 15px } .news-fourth-with-image .news-categories, .news-full-with-image .news-categories, .news-half-with-image .news-categories {line-height: 43px; color: #fff } .news-fourth-with-image .news-categories a, .news-full-with-image .news-categories a, .news-half-with-image .news-categories a {color: #fff } .news-fourth-with-image .news-categories span, .news-full-with-image .news-categories span, .news-half-with-image .news-categories span {padding: 12px 5px; font-size: 11px; margin-left: -8px; letter-spacing: 1px; -webkit-box-decoration-break: clone; box-decoration-break: clone; background-color: #f97352 } .news-categories span {-webkit-box-shadow: 8px 0 0 #f97352, -8px 0 0 #f97352; box-shadow: 8px 0 0 #f97352, -8px 0 0 #f97352 } .news-fourth-with-image .news-date, .news-full-with-image .news-date, .news-half-with-image .news-date {background-color: rgba(0, 0, 0, .4); padding: 15px 15px; position: absolute; top: 0; right: 0; font-size: 11px; line-height: 10px; color: #fff } .news-fourth-with-image img, .news-full-with-image img, .news-half-with-image img {height: 100%; width: 100% } .news-fourth-with-image .news-the-title a, .news-full-with-image .news-the-title a, .news-half-with-image .news-the-title a {color: #fff } .news-fourth-with-image .news-the-title span, .news-full-with-image .news-the-title span, .news-half-with-image .news-the-title span {line-height: 37px; background-color: #000; padding: 13px 0; -webkit-box-shadow: 15px 0 0 #000, -15px 0 0 #000; box-shadow: 15px 0 0 #000, -15px 0 0 #000; -webkit-box-decoration-break: clone; box-decoration-break: clone } .news-fourth-without-image .item-holder, .news-full-without-image .item-holder, .news-half-without-image .item-holder {padding: 28px 35px } .news-fourth-without-image .item-holder .news-categories, .news-full-without-image .item-holder .news-categories, .news-half-without-image .item-holder .news-categories {margin-bottom: 5px } .news-fourth-without-image .item-holder .news-the-title, .news-full-without-image .item-holder .news-the-title, .news-half-without-image .item-holder .news-the-title {margin: 0 } .news-fourth-without-image .item-holder .news-date, .news-full-without-image .item-holder .news-date, .news-half-without-image .item-holder .news-date {color: #777; font-size: 11px; margin-bottom: 10px; display: block } .news-full-with-image {width: 99.5% } .news-full-without-image {width: 99.9% } .news-half-with-image {width: 49.9% } .news-half-without-image {width: 49.9% } .news-fourth-with-image {width: 24.9% } .news-fourth-without-image {width: 24.9% } @media handheld, only screen and (max-width: 1024px) {.news-fourth-with-image>div, .news-full-with-image>div, .news-half-with-image>div {height: auto !important } .news-fourth-with-image>div .news-meta-wrapper, .news-full-with-image>div .news-meta-wrapper, .news-half-with-image>div .news-meta-wrapper {position: relative !important; left: auto !important; bottom: auto !important; margin: 20px } .news-full-with-image, .news-full-without-image {width: 100% !important } .news-fourth-with-image, .news-fourth-without-image, .news-half-with-image, .news-half-without-image {width: 49.8% !important } .news-fourth-with-image>div, .news-fourth-without-image>div, .news-half-with-image>div, .news-half-without-image>div {height: auto !important } } @media handheld, only screen and (max-width: 767px) {.news-full-with-image, .news-full-without-image {width: 100% !important } .mk-news-item {margin-right: 0 !important } .news-fourth-with-image, .news-half-with-image {width: 100% !important } .news-fourth-without-image, .news-half-without-image {width: 100% !important } } .mk-news-tab .mk-tabs-tabs {z-index: 10 } .mk-news-tab a {text-decoration: none } .mk-news-tab .mk-tabs-panes {z-index: 1 } .mk-news-tab .mk-tabs-panes .mk-tabs-pane {z-index: 8 } .mk-news-tab-heading {background-color: #f7f7f7; border: 1px solid #dbdbdb; border-bottom: none } @media handheld, only screen and (max-width: 767px) {.mk-news-tab-heading {border: 0 } } .mk-news-tab-title {float: left; font-size: 14px; line-height: 12px; padding: 14px 20px 0 20px; font-weight: 700; color: #333 } @media handheld, only screen and (max-width: 767px) {.mk-news-tab-title {display: none } } .mk-news-tab {margin-bottom: 20px } .mk-news-tab .mk-tabs-tabs {margin: 0 0 -1px 0 !important; position: relative; float: right } .mk-news-tab .mk-tabs-tabs li {margin: 0; position: relative; padding: 0; display: inline; float: left } .mk-news-tab .mk-tabs-tabs li.is-active>a {cursor: default; border-bottom: none; background: -o-linear-gradient(top, transparent, transparent); padding-bottom: 16px; color: #f97352; background-color: #fff } .mk-news-tab .mk-tabs-tabs li a {font-weight: 700; color: #333; display: block; line-height: 100%; padding: 15px 20px; margin: 0; border-left: 1px solid #dbdbdb; white-space: nowrap } @media handheld, only screen and (max-width: 767px) {.mk-news-tab .mk-tabs-tabs {float: none } .mk-news-tab .mk-tabs-tabs li {display: block; float: none } .mk-news-tab .mk-tabs-tabs li a {border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb } .mk-news-tab .mk-tabs-tabs li.is-active>a {border-top: 1px solid #dbdbdb; padding-bottom: 15px } } .mk-news-tab .mk-tabs-panes {position: relative; margin: 0; border: 1px solid #dbdbdb } .mk-news-tab .mk-tabs-panes .title-mobile {display: none; color: #444; white-space: nowrap; font-weight: 700; font-size: 13px; line-height: 24px; margin-bottom: 15px; background-color: rgba(0, 0, 0, .05); border-bottom: 2px solid rgba(0, 0, 0, .1); padding: 5px 10px } .mk-news-tab .mk-tabs-panes .mk-tabs-pane {position: relative } @media handheld, only screen and (max-width: 767px) {.mk-news-tab.mobile-true .mk-tabs-panes {display: block; border: 0 } .mk-news-tab.mobile-true .mk-tabs-pane {padding: 0; margin-bottom: 20px } .mk-news-tab.mobile-true .title-mobile {display: block } .mk-news-tab.mobile-true .mk-news-tab-heading .mk-tabs-tabs {display: none !important } } .news-tab-wrapper {float: left; width: 50%; padding: 15px } @media handheld, only screen and (max-width: 767px) {.news-tab-wrapper {width: 100%; padding: 0; margin-bottom: 20px } } .news-tab-wrapper .news-tab-thumb {margin-bottom: 20px; display: block } .news-tab-wrapper .the-title {line-height: 16px; margin-bottom: 5px } .news-tab-wrapper .the-title a {font-size: 15px; line-height: 22px; text-transform: capitalize; color: #333 } .news-tab-wrapper .new-tab-readmore svg {padding-left: 6px; height: 14px; vertical-align: middle } .mk-tabs-pane {padding: 0; display: none } @media handheld, only screen and (max-width: 767px) {.mobile-true .mk-tabs-pane {display: block } } .mk-tabs-pane.is-active {display: block } @media handheld, only screen and (min-width: 768px) {.mk-news-tab .mk-tabs-pane.is-active {padding: 20px } } .mk-page-section-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-left: -15px; margin-right: -15px } .mk-page-section {position: relative; width: 100% } .mk-page-section[data-intro-effect=false] {z-index: 99 } .mk-page-section:not(.mk-adaptive-height):not(.intro-true) {height: auto !important } .mk-page-section-inner {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; will-change: position } .mk-page-section:not(.full_layout) .mk-page-section-inner {width: 50% } @media handheld, only screen and (max-width: 767px) {.mk-page-section:not(.full_layout) .mk-page-section-inner {width: 100%; height: 500px } } body:not(.compose-mode) .mk-page-section.full_layout {overflow: hidden } .mk-page-section.drop-top-shadow {-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, .3); box-shadow: inset 0 1px 10px rgba(0, 0, 0, .3) } .mk-page-section .vc_row-fluid {position: relative } .mk-page-section .theme-content {padding: 0 20px } .mk-page-section.full-height-true {min-height: 300px } .mk-page-section .mk-main-wrapper-holder {width: 100% } .mk-page-section .background-layer {position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); transform: translateZ(0) } .Edge .mk-page-section .background-layer, .Edge .mk-page-section .mk-color-layer, .IE .mk-page-section .background-layer, .IE .mk-page-section .mk-color-layer {background-color: transparent !important; overflow-x: hidden } html:not(.IE):not(.Edge) .mk-page-section .mk-color-layer {background-color: transparent !important } .multiply-blend-effect {-webkit-background-blend-mode: multiply; background-blend-mode: multiply } .screen-blend-effect {-webkit-background-blend-mode: screen; background-blend-mode: screen } .overlay-blend-effect {-webkit-background-blend-mode: overlay; background-blend-mode: overlay } .darken-blend-effect {-webkit-background-blend-mode: darken; background-blend-mode: darken } .lighten-blend-effect {-webkit-background-blend-mode: lighten; background-blend-mode: lighten } .soft-light-blend-effect {-webkit-background-blend-mode: soft-light; background-blend-mode: soft-light } .luminosity-blend-effect {-webkit-background-blend-mode: luminosity; background-blend-mode: luminosity } @media handheld, only screen and (max-width: 1024px) {.mk-page-section .background-layer {background-attachment: scroll !important; position: absolute !important } } .mk-page-section .background-clipper {position: absolute; top: 0; left: 0; clip: rect(auto auto auto auto); width: 100%; height: 100%; overflow: hidden } .mk-page-section .mk-skip-to-next {z-index: 10; line-height: 44px } .page-section-fullwidth {width: 100% } .page-section-fullwidth .vc_col-sm-12 {padding-left: 0 !important; padding-right: 0 !important } .mk-half-layout {width: 50%; height: 100%; position: absolute; top: 0; background-position: center center; background-size: cover; -webkit-background-size: cover } .mk-half-layout.half_left_layout {left: 0 } .mk-half-layout.half_right_layout {right: 0 } @media handheld, only screen and (max-width: 767px) {.mk-half-layout {width: 100%; height: 500px } } .mk-video-mask {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAQAAABeK7cBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDJGNjNCMTIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDJGNjNCMjIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMkY2M0FGMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwMkY2M0IwMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u9pXkwAAAA1JREFUGFdjYGjObAYAAuMBcKaqKb0AAAAASUVORK5CYII=) } .mk-half-layout-container {position: relative; padding-left: 20px; padding-right: 20px } .mk-half-layout-container {width: 50%; margin: 0 } .mk-half-layout-inner {margin: 0 5% } .mk-half-layout-container.half_left_layout {float: right; margin-left: auto } .mk-half-layout-container.half_right_layout {float: left } @media handheld, only screen and (max-width: 767px) {.mk-half-layout-container {width: auto !important; margin: 0; padding-top: 530px !important; padding-left: 20px; padding-right: 20px; float: none !important } } .mk-video-section-touch {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1 } @media only screen and (min-device-width: 320px) and (max-width:1024px) {.mk-page-section {background-position: center !important; background-attachment: scroll !important } .mk-section-video.mk-section-video-disable {display: none !important } .mk-video-section-touch {display: block !important } } .mk-page-section-loader {background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .mk-page-section-loader .mk-preloader {top: 50% } .mk-blend-layer {width: 100%; height: 100%; background-size: cover; background-position: center } @media (min-width: 850px) {.full-width-2 .fluid-width-equal-height-columns {height: 100% } .mk-page-section .fluid-width-equal-height-columns .mk-half-layout-inner .wpb_column.column_container>div, .mk-page-section .fluid-width-equal-height-columns .mk-padding-wrapper .wpb_column.column_container>div {display: table; table-layout: fixed; width: 100%; margin: 0 !important } .mk-page-section .fluid-width-equal-height-columns.vertical-align-center .mk-half-layout-inner .wpb_column.column_container>div>div, .mk-page-section .fluid-width-equal-height-columns.vertical-align-center .mk-padding-wrapper .wpb_column.column_container>div>div {display: table-cell; vertical-align: middle } .mk-page-section .fluid-width-equal-height-columns.vertical-align-center .mk-half-layout-inner .wpb_column.column_container>div>div.vc_controls-element.vc_controls, .mk-page-section .fluid-width-equal-height-columns.vertical-align-center .mk-padding-wrapper .wpb_column.column_container>div>div.vc_controls-element.vc_controls {position: relative; width: 0; height: 0; left: -50% } .mk-page-section .fluid-width-equal-height-columns.vertical-align-top .mk-half-layout-inner .wpb_column.column_container>div>div, .mk-page-section .fluid-width-equal-height-columns.vertical-align-top .mk-padding-wrapper .wpb_column.column_container>div>div {display: table-cell; vertical-align: top } .mk-page-section .fluid-width-equal-height-columns.vertical-align-top .mk-half-layout-inner .wpb_column.column_container>div>div.vc_controls-element.vc_controls, .mk-page-section .fluid-width-equal-height-columns.vertical-align-top .mk-padding-wrapper .wpb_column.column_container>div>div.vc_controls-element.vc_controls {position: relative; width: 0; height: 0; left: -50% } .mk-page-section .fluid-width-equal-height-columns.vertical-align-bottom .mk-half-layout-inner .wpb_column.column_container, .mk-page-section .fluid-width-equal-height-columns.vertical-align-bottom .mk-padding-wrapper .wpb_column.column_container {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .mk-page-section .vc_row-fluid {z-index: 10 } .mk-video-color-mask, .mk-video-mask {z-index: 3 } .mk-video-preload {z-index: 2 } .mk-section-video {z-index: 1 } .mk-section-video video {z-index: 1 } .mk-section-image {z-index: 1 } .mk-half-layout-container {z-index: 5 } .mk-video-section-touch {z-index: 2 } .mk-page-section-loader {z-index: 20 } .mk-section-video {position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; min-height: 100%; z-index: 2; -webkit-transform-style: preserve-3d } .mk-section-video .video-social-hosted {display: inline-block; padding: 0; margin: 0; width: 100%; padding-top: 56.25%; height: 0; position: relative } .mk-section-video video {position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100% } .mk-section-video iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-width: 0 } .mk-video-color-mask, .mk-video-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100% } .mk-video-color-mask {opacity: .7 } .mk-video-preload {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat } .mk-section-image {position: absolute; top: 0; left: 0; overflow: hidden; min-width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-position: center; background-size: cover } .mk-shape-divider {width: 100%; display: block; position: absolute; left: 0; z-index: 10 } .mk-shape-divider--stick-bottom {bottom: 0 } .mk-shape-divider--stick-top {top: 0 } .mk-shape-divider .shape__container {position: relative; overflow: hidden } .mk-shape-divider .shape__container .shape {width: 100% } .mk-shape-divider .shape__container .shape svg {display: block } .mk-shape-divider.speech-bottom-style .shape__container .shape, .mk-shape-divider.speech-top-style .shape__container .shape {width: 100% } .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style .shape__container .shape .speech-right {width: 50% } .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style .shape__container .shape .speech-left {float: left } .mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style .shape__container .shape .speech-right {float: right } .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right {height: 35px } .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left, .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right, .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left, .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right {height: 60px } .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left {border-top-right-radius: 35px } .mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right {border-top-left-radius: 35px } .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left {border-top-right-radius: 60px } .mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right {border-top-left-radius: 60px } .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left {border-bottom-right-radius: 35px } .mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right {border-bottom-left-radius: 35px } .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left {border-bottom-right-radius: 60px } .mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right {border-bottom-left-radius: 60px } .mk-effect-wrapper {overflow: hidden; position: relative } .mk-page-title-box {text-align: center; display: table; width: 100%; height: 100% } .mk-page-title-box .mk-effect-bg-layer {position: absolute; height: 120%; width: 100%; top: -20%; left: 0; -webkit-transform: tranzlateZ(0); transform: tranzlateZ(0); -webkit-transform-origin: top center; transform-origin: top center } .mk-page-title-box .mk-effect-bg-layer .mk-effect-gradient-layer {position: absolute; top: 1px; left: 0; width: 100%; height: 100%; opacity: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); background-color: rgba(255, 255, 255, 0) } .mk-page-title-box .mk-page-title-box-content {display: table-cell; vertical-align: middle; position: relative } .mk-page-title-box .mk-page-title-box-subtitle {margin-bottom: 0 } .mk-page-title-box .mk-page-title-box-title {letter-spacing: 1px; display: inline-block } .mk-page-title-box .mk-page-title-box-title.mk-page-title-box-title--underline {position: relative } .mk-page-title-box .mk-page-title-box-title.mk-page-title-box-title--underline:after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 3px } @media handheld, only screen and (max-width: 480px) {.mk-page-title-box:not(.mk-page-title-box--forcefont) .mk-page-title-box-title {font-size: 9vw !important; word-break: break-word } .mk-page-title-box:not(.mk-page-title-box--forcefont-subtitle) .mk-page-title-box-subtitle {font-size: 18px !important } } [data-photoalbum-images="[null]"] {pointer-events: none } .full-height-width {position: absolute; top: 0; left: 0; width: 100%; height: 100% } .item-hidden {opacity: 0; visibility: hidden } .item-visible {opacity: 1; visibility: visible } .album-transition-opacity-02s {-webkit-transition: opacity .2s; transition: opacity .2s } .admin-bar .slick-slider-wrapper {top: 32px } @media (max-width: 768px) {.admin-bar .slick-slider-wrapper {top: 46px } .admin-bar .slick-slides {height: calc(100vh - 156px) !important } } .slick-slider-wrapper {position: fixed; left: 0; top: 0; background-color: #000; z-index: 9999; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; direction: ltr } .slick-slider-wrapper.is-active {opacity: 1 } .slick-slider-wrapper .slick-header {height: 70px } .slick-slider-wrapper .slick-header .slick-title {line-height: 70px; display: inline-block; font-weight: 700; font-size: 22px; margin-left: 45px; color: #fff } .slick-slider-wrapper .slick-header .slick-close-icon {display: inline-block; position: absolute; right: 35px; top: 35px; margin-top: -17px; -webkit-transition: opacity .2s; transition: opacity .2s } .slick-slider-wrapper .slick-header .slick-close-icon svg {display: block } .slick-slider-wrapper .slick-header .slick-close-icon:hover {opacity: .7 } .slick-slider-wrapper .slick-slides {height: calc(100vh - 110px) } .admin-bar .slick-slider-wrapper .slick-slides {height: calc(100vh - 142px) } .slick-slider-wrapper .slick-slides .slick-list, .slick-slider-wrapper .slick-slides .slick-track {height: 100%; overflow: hidden } .slick-slider-wrapper .slick-slides .slick-slide {display: block; float: left; outline: 0; opacity: .2; -webkit-transition: opacity .2s; transition: opacity .2s; height: 100% } .slick-slider-wrapper .slick-slides .slick-slide.slick-active {opacity: 1 } .slick-slider-wrapper .slick-slides .slick-arrow {position: absolute; top: 50%; display: block; margin-top: -32px; z-index: 9998; -webkit-transition: opacity .2s; transition: opacity .2s } .slick-slider-wrapper .slick-slides .slick-arrow svg {display: block } .slick-slider-wrapper .slick-slides .slick-arrow.slick-prev {left: 50px } .slick-slider-wrapper .slick-slides .slick-arrow.slick-next {right: 50px } .slick-slider-wrapper .slick-slides .slick-arrow:hover {opacity: .7 } .slick-slider-wrapper .slick-slides .slick-dots {position: absolute; height: 40px; text-align: center; margin: 0; z-index: 9998; width: 100% } .slick-slider-wrapper .slick-slides .slick-dots li {display: inline-block; width: 95px; height: 95px; -webkit-transform: translateY(0); transform: translateY(0); transition: opacity .2s, -webkit-transform .2s; -webkit-transition: opacity .2s, -webkit-transform .2s; transition: transform .2s, opacity .2s; transition: transform .2s, opacity .2s, -webkit-transform .2s; margin-left: 0; opacity: .5 } .slick-slider-wrapper .slick-slides .slick-dots li .slick-dot {width: 100%; height: 100%; background-position: center center; background-size: cover } .slick-slider-wrapper .slick-slides .slick-dots li.slick-active, .slick-slider-wrapper .slick-slides .slick-dots li:hover {-webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1 } .slick-slider-wrapper .slick-slide img {width: auto } .slick-footer {height: 39px; border-top: 1px solid rgba(255, 255, 255, .2); text-align: right } .slick-footer .footer-box {float: right; border-left: 1px solid rgba(255, 255, 255, .2); width: 39px; height: 39px; position: relative; z-index: 9999 } .slick-footer .footer-box .slick-minimize, .slick-footer .footer-box .slick-pause {position: absolute; top: 0; left: 0 } .slick-footer .footer-box .slick-social-share {position: absolute; right: 100%; top: 0; height: 40px; width: 100px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity .2s, -webkit-transform .4s; -webkit-transition: opacity .2s, -webkit-transform .4s; transition: opacity .2s, transform .4s; transition: opacity .2s, transform .4s, -webkit-transform .4s } .slick-footer .footer-box .slick-social-share.jupiter-donut-is-hidden {-webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } .slick-footer .footer-box .slick-social-share a {display: inline-block; float: left; width: 29px; height: 39px; line-height: 39px } .slick-footer .footer-box .slick-social-share a svg {fill: #fff; vertical-align: middle } .slick-footer .footer-box .slick-social-share a:hover {opacity: .7 } .slick-footer .footer-box>a {display: inline-block; width: 39px; height: 39px; line-height: 45px; text-align: center; -webkit-transition: opacity .2s, visibility .2s; transition: opacity .2s, visibility .2s } .slick-footer .footer-box>a svg {display: inline-block } .slick-footer .footer-box>a:hover {opacity: .7 } .slick-footer .jupiter-donut-is-hidden {opacity: 0; visibility: hidden } .slick-footer, .slick-header, .slick-slider {background: #000 } .slick-footer>a, .slick-nav-holder {position: relative; width: 100% !important; height: 100% !important } @media handheld, only screen and (max-width: 1024px) {.slick-footer .footer-box .slick-pause {position: static } .slick-slider-wrapper .slick-slides .slick-arrow:hover {opacity: 1 } .slick-slider-wrapper .slick-slides .slick-arrow:hover svg {opacity: .7 } .gallery-full-screen, .slick-slider-wrapper .slick-slides .slick-dots {display: none !important } .slick-footer {height: 0; border: none } .slick-slider-wrapper .slick-slides {height: calc(100% - 70px) } .admin-bar .slick-slider-wrapper .slick-slides {height: calc(100% - 102px) } .gallery-play, .gallery-share, .slick-slider-wrapper .slick-next, .slick-slider-wrapper .slick-prev {background: rgba(17, 17, 17, .6); width: 50px !important; height: 50px !important; border-radius: 50%; border-left-color: transparent !important; position: fixed !important; bottom: 25px !important; top: auto !important; left: auto !important } .footer-box svg, .slick-slider-wrapper .slick-nav-holder svg {position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) !important; transform: translate3d(-50%, -50%, 0) !important; -webkit-transform-origin: center center !important; transform-origin: center center !important } .footer-box .slick-social-share svg {top: auto; left: auto; height: 26px !important; width: 26px !important } .slick-slider-wrapper .slick-next {right: 20px !important } .slick-slider-wrapper .slick-prev {right: 85px !important } .gallery-share {right: 150px !important } .gallery-play {right: 215px !important } .slick-social-share {position: fixed !important; bottom: 75px !important; right: 128px !important; top: auto !important } } @media handheld, only screen and (max-width: 786px) {.admin-bar .slick-slider-wrapper {top: 46px } .admin-bar .slick-slider-wrapper .slick-slides {height: calc(100% - 88px) } } .slick-slider-wrapper .slick-prev svg {-webkit-transform: rotate(180deg); transform: rotate(180deg) } .ajax-container {position: relative; overflow: hidden; height: 0; margin: 0 auto; opacity: 0 } .ajax_project {padding: 20px; margin-bottom: 20px; border: 1px solid #ddd; border-top: none } .ajax-controls {border: 1px solid #ddd; overflow: hidden; margin-top: 20px } .ajax-controls a {float: right; width: 37px; height: 37px; text-align: center; border-left: 1px solid #ddd } .ajax-controls svg {height: 16px; fill: #bbb; -webkit-transform: translateY(8px); transform: translateY(8px) } .ajax-controls a:hover svg {fill: #222 } @media handheld, only screen and (max-width: 960px) {.ajax-portfolio-share.portfolio-social-share {text-align: center } .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: #fff; 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: #fff; 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 .mk-svg-icon {fill: #fff; height: 32px; width: 32px; overflow: visible } .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: .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: .8 } .mk-portfolio-grid-item {float: left; overflow: hidden } .mk-portfolio-grid-item .the-title a, .mk-portfolio-masonry-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% } .portfolio-grid-lazyload .portfolio-image {background-color: #e0e0e0 } .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 {-webkit-transition: height .3s .3s; transition: height .3s .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; -webkit-box-sizing: border-box; box-sizing: border-box; float: left } .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {width: 25% } .mk-portfolio-masonry-item.size_three_x_two_x, .mk-portfolio-masonry-item.size_three_x_x {width: 37.5% } .mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_four_x_x {width: 50% } .mk-portfolio-masonry-item .item-holder {margin: 0 } @media handheld, only screen and (max-width: 1280px) {.mk-portfolio-masonry-item.size_three_x_two_x, .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_x_x {width: 25% } .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {width: 25% } .mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_four_x_x, .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {width: 50% } } @media handheld, only screen and (max-width: 1140px) {.mk-portfolio-masonry-item.size_three_x_two_x, .mk-portfolio-masonry-item.size_three_x_x, .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x, .mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_x_x {width: 50% } .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {width: 50% } .mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_four_x_x {width: 100% } } @media handheld, only screen and (max-width: 850px) {.mk-portfolio-masonry-item.size_x_two_x, .mk-portfolio-masonry-item.size_x_x {width: 50% } .mk-portfolio-masonry-item.size_two_x_two_x, .mk-portfolio-masonry-item.size_two_x_x {width: 100% } .mk-portfolio-masonry-item.size_three_x_two_x, .mk-portfolio-masonry-item.size_three_x_x {width: 100% } .mk-portfolio-masonry-item.size_four_x_two_x, .mk-portfolio-masonry-item.size_four_x_x {width: 100% } } @media handheld, only screen and (max-width: 767px) {.mk-portfolio-masonry-item {width: 100% !important } } .mk-portfolio-masonry-item .featured-image {line-height: 4px; position: relative } .mk-portfolio-masonry-item .featured-image>img {max-width: 100%; width: 100% !important } .mk-portfolio-video, .single-featured-image {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 #ddd } .portfolio-single-cat {float: left; margin-bottom: 20px; font-weight: 700; 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, .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; -webkit-transition: opacity .3s, top .3s; transition: opacity .3s, top .3s } .portfolio-similar-posts-image .modern-post-type-icon svg {height: 48px; overflow: visible } .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: #fff; font-size: 14px; line-height: 18px; font-weight: 700 } .portfolio-similar-meta .portfolio-categories {color: #fff } #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: #333; 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, .08); border-radius: 2px } #mk-filter-portfolio.sortable-outline-style {padding: 30px 0 } #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: 700; display: block; border: 2px solid transparent; letter-spacing: 1px; position: relative } .compose-mode .mk-portfolio-item .project-load, .compose-mode .portfolio-meta a, .compose-mode .portfolio-meta-wrapper a {cursor: not-allowed } .compose-mode .mk-portfolio-item .project-load:active, .compose-mode .portfolio-meta a:active, .compose-mode .portfolio-meta-wrapper a:active {pointer-events: none } .portfolio-loader {z-index: 10000 } .portfolio-loader>div {z-index: 10000 } .mk-portfolio-classic-item .featured-image img {z-index: 10 } .mk-portfolio-classic-item .featured-image .image-hover-overlay {z-index: 11 } .mk-portfolio-classic-item .hover-icon {z-index: 20 } .mk-portfolio-item.fadebox-hover .portfolio-meta {z-index: 20 } .mk-portfolio-item.fadebox-hover .featured-image:after {z-index: 10 } .mk-portfolio-item.fadebox-hover .featured-image .icons-holder {z-index: 13 } .mk-portfolio-item.slidebox-hover .portfolio-meta {z-index: 20 } .mk-portfolio-item.slidebox-hover .icons-holder {z-index: 21 } .mk-portfolio-item.slidebox-hover .image-hover-overlay {z-index: 12 } .mk-portfolio-item.zoomin-hover .portfolio-meta {z-index: 20 } .mk-portfolio-item.zoomin-hover .icons-holder {z-index: 13 } .mk-portfolio-item.zoomin-hover .image-hover-overlay {z-index: 11 } .mk-portfolio-item.zoomout-hover .icons-holder {z-index: 10 } .mk-portfolio-item.zoomout-hover .portfolio-meta {z-index: 10 } .mk-portfolio-item.zoomout-hover .icons-holder {z-index: 10 } .mk-portfolio-item.zoomout-hover .featured-image img {z-index: 11 } .mk-portfolio-item.zoomout-hover .image-hover-overlay {z-index: 4 } .mk-portfolio-item.zoomout-hover .featured-image:hover .portfolio-meta {z-index: 12 } .mk-portfolio-item.zoomout-hover .featured-image:hover .icons-holder {z-index: 13 } .mk-portfolio-item.cube-hover .portfolio-meta {z-index: 10 } .mk-portfolio-item.cube-hover .icons-holder {z-index: 10 } .mk-portfolio-item.cube-hover .featured-image img {z-index: 11 } .mk-portfolio-item.cube-hover .image-hover-overlay {z-index: 4 } .mk-portfolio-item.cube-hover .featured-image:hover .portfolio-meta {z-index: 12 } .mk-portfolio-item.cube-hover .featured-image:hover .icons-holder {z-index: 13 } .mk-portfolio-item.light-zoomin-hover .portfolio-meta {z-index: 20 } .mk-portfolio-item.light-zoomin-hover .icons-holder {z-index: 13 } .mk-portfolio-item.light-zoomin-hover .image-hover-overlay {z-index: 11 } .mk-portfolio-item .featured-image img {z-index: 10 } .mk-portfolio-item .featured-image .hover-overlay {z-index: 11 } .portfolio-carousel.style-classic .mk-fancy-title {margin-right: 35px } .portfolio-carousel.style-classic .view-all {float: right; padding: 0 7px; font-size: 11px } .portfolio-carousel.style-classic .flex-viewport ul {margin: 0; padding: 0; list-style: none } .portfolio-carousel.style-classic .flex-viewport ul li {position: relative; padding-right: 15px; min-height: 230px } .portfolio-carousel.style-classic .flex-viewport ul li:hover .item-content {opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-delay: .2s; transition-delay: .2s } .portfolio-carousel.style-classic .flex-viewport ul li:hover .item-overlay {opacity: .7 } .portfolio-carousel.style-classic .flex-viewport ul li:hover .item-lightbox {left: 85px; opacity: 1 } .portfolio-carousel.style-classic .flex-viewport ul li:hover .item-permalink {right: 85px; opacity: 1 } .portfolio-carousel.style-classic .flex-direction-nav a {position: absolute; top: -43px } .portfolio-carousel.style-classic .flex-direction-nav .mk-svg-icon {fill: #aaa } .portfolio-carousel.style-classic .flex-prev {right: 20px } .portfolio-carousel.style-classic .flex-next {right: 0 } .portfolio-carousel .item-thumb {position: relative; overflow: hidden } .portfolio-carousel .item-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; background-color: #f97352 } .item-permalink, .portfolio-carousel .item-lightbox {padding: 5px; position: absolute; top: 40%; width: 32px; height: 32px; line-height: 32px; display: block; text-align: center; border-radius: 2px } .item-permalink svg, .portfolio-carousel .item-lightbox svg {fill: #fff; height: 32px; margin-top: -4px } .portfolio-carousel .item-lightbox {left: 65px; opacity: 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .portfolio-carousel .item-permalink {right: 65px; opacity: 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .portfolio-carousel .item-content {position: relative; margin: -40px auto 0; padding: 14px; width: 240px; background-color: #222; text-align: center; -webkit-transform: translate(0, 6px); transform: translate(0, 6px); border-radius: 2px; opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .portfolio-carousel .item-title {display: inline-block; color: #fff !important; letter-spacing: 1px; font-weight: 700; font-size: 12px; margin-bottom: 8px; line-height: 16px !important; text-decoration: none } .portfolio-carousel .item-cats {display: block; letter-spacing: 1px; font-size: 11px; font-style: italic; line-height: 16px; color: #777 } .portfolio-carousel.style-modern .featured-image {position: relative } .portfolio-carousel.style-modern .featured-image img {position: relative; max-width: 100%; height: auto; border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic } .portfolio-carousel.style-modern .featured-image:hover .item-cats {opacity: 1 } .portfolio-carousel.style-modern .featured-image:hover .portfolio-meta {opacity: 1 } .portfolio-carousel.style-modern .featured-image:hover .image-hover-overlay {opacity: .85 } .portfolio-carousel.style-modern .image-hover-overlay {background-color: #000 !important } .portfolio-carousel.style-modern .the-title {padding: 0 20px; color: #fff; font-weight: 700; font-size: 14px; line-height: 18px } .portfolio-carousel.style-modern .portfolio-meta {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; text-transform: uppercase; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; opacity: 0 } .portfolio-carousel.style-modern .item-cats {padding: 0 20px; color: #fff; opacity: 0; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .portfolio-carousel.style-modern .flex-direction-nav a {position: absolute; top: 50%; margin-top: -27.5px; width: 55px; height: 55px; background-color: rgba(0, 0, 0, .4); text-align: center; line-height: 60px; z-index: 30 } .portfolio-carousel.style-modern .flex-direction-nav a:hover {background-color: rgba(0, 0, 0, .6) } .portfolio-carousel.style-modern .flex-direction-nav .mk-svg-icon {fill: #fff; height: 16px !important; width: 16px !important } .portfolio-carousel.style-modern .flex-direction-nav a.flex-prev {left: 0 } .portfolio-carousel.style-modern .flex-direction-nav a.flex-next {right: 0 } .portfolio-carousel.style-classic .flex-direction-nav svg {fill: rgba(0, 0, 0, .4); height: 16px !important; width: 16px !important; margin-top: 0 !important } .portfolio-carousel.style-classic .flex-direction-nav a:hover svg {fill: rgba(0, 0, 0, .6) } .mk-skill-meter {margin-bottom: 15px } .mk-skill-meter .mk-skill-meter-title {letter-spacing: 1px; display: block; margin-bottom: 6px; font-weight: 700; 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: 700; font-size: 12px; letter-spacing: 1px } .mk-skill-chart {text-align: center; height: 100%; width: 100% } .mk-slideshow-box {position: relative } .mk-slideshow-box .mk-slideshow-box-item {display: none } .mk-slideshow-box.full-width-true .mk-slideshow-box-content {padding-left: 0; padding-right: 0 } .mk-slideshow-box .mk-slideshow-box-color-mask, .mk-slideshow-box .mk-slideshow-box-item {position: absolute; top: 0; left: 0; width: 100%; height: 100% } .mk-slideshow-box .mk-slideshow-box-color-mask {z-index: 10 } .mk-slideshow-box .mk-slideshow-box-content {position: relative; z-index: 20; padding-left: 20px; padding-right: 20px } @media handheld, only screen and (max-width: 767px) {.mk-slideshow-box .mk-slideshow-box-content h1, .mk-slideshow-box .mk-slideshow-box-content h2, .mk-slideshow-box .mk-slideshow-box-content h3, .mk-slideshow-box .mk-slideshow-box-content h4, .mk-slideshow-box .mk-slideshow-box-content h5, .mk-slideshow-box .mk-slideshow-box-content h6 {padding-top: 0 !important; margin-top: 0 !important } .mk-slideshow-box .mk-slideshow-box-content .mk-button {margin-bottom: 20px !important } } .s_social a {display: block; line-height: 100% } .s_social.g_style a {border: 2px solid; background-color: #fff; background-color: rgba(50, 50, 50, 0); -webkit-transition: background-color .2s ease; transition: background-color .2s ease } .s_social svg {display: block } .s_social.g_style.xx-large a {padding: 25px } .s_social.g_style.x-large a {padding: 20px } .s_social.g_style.large a {padding: 15px } .s_social.g_style.medium a {padding: 10px; border-width: 1px } .s_social.g_style.small a {padding: 5px; border-width: 1px } .s_social.s_square-rounded a {border-radius: 25% } .s_social.s_simple-rounded a {border-radius: 50% } .s_social .mk-jupiter-icon-simple-xing:before, .s_social .mk-jupiter-icon-square-xing:before, .s_social .mk-jupiter-icon-xing:before {vertical-align: baseline !important; line-height: normal !important; position: static; top: 0 } .mk-jupiter-icon-simple-xing {display: block } .mk-jupiter-icon-simple-xing:before {content: "\f168"} .mk-jupiter-icon-xing:before {content: "\e3d3"} .mk-jupiter-icon-square-xing:before {content: "\e3d2"} .mk-process-steps {margin-bottom: 30px; text-align: center } .mk-process-steps ul {position: relative; margin: 0; padding: 0; list-style: none } .mk-process-steps ul:before {position: absolute; left: 80px; display: block; width: 85%; height: 0; border-top: 1px dashed #bbb; content: ""} .mk-process-steps ul li {display: inline-block; float: left; margin: 0; padding-top: 6px } .mk-process-steps ul li:hover svg {fill: #fff; -webkit-animation: toRightFromLeft .3s forwards; animation: toRightFromLeft .3s forwards } .mk-process-steps ul li:hover .mk-process-icon {-webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, .1); box-shadow: 0 0 0 6px rgba(0, 0, 0, .1) } .mk-process-steps ul li h3 {position: relative; display: inline-block; margin: 35px auto 20px; font-size: 16px !important } .mk-process-steps ul li p {position: relative; display: inline-block; margin-bottom: 0; text-align: center } .mk-process-icon {position: relative; display: inline-block; overflow: hidden; background-color: #fff; -webkit-transition: background .3s, color .3s, -webkit-box-shadow .3s; transition: background .3s, color .3s, -webkit-box-shadow .3s; transition: background .3s, color .3s, box-shadow .3s; transition: background .3s, color .3s, box-shadow .3s, -webkit-box-shadow .3s; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #bbb; box-shadow: 0 0 0 2px #bbb } .mk-process-icon:after {display: none } .mk-process-icon svg {fill: #bbb; fill: rgba(0, 0, 0, .24); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @-webkit-keyframes toRightFromLeft {49% {-webkit-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%) } 50% {opacity: 0; -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%) } 51% {opacity: 1 } } @keyframes toRightFromLeft {49% {-webkit-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%) } 50% {opacity: 0; -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%) } 51% {opacity: 1 } } .mk-process-steps.process-steps-2 ul:before {top: 200px; left: 100px; width: 70% } .mk-process-steps.process-steps-2 li {width: 50% } .mk-process-steps.process-steps-2 li h3, .mk-process-steps.process-steps-2 li p {padding: 0 20px } .mk-process-steps.process-steps-2 .mk-process-desc, .mk-process-steps.process-steps-2 .mk-process-title {width: 350px } .mk-process-steps.process-steps-2 .mk-process-icon {width: 400px; height: 400px; text-align: center } .mk-process-steps.process-steps-2 .mk-process-icon svg {height: 128px } .mk-process-steps.process-steps-3 ul:before {top: 115px } .mk-process-steps.process-steps-3 li {width: 33.3% } .mk-process-steps.process-steps-3 li h3, .mk-process-steps.process-steps-3 li p {padding: 0 20px } .mk-process-steps.process-steps-3 .mk-process-desc, .mk-process-steps.process-steps-3 .mk-process-title {width: 288px } .mk-process-steps.process-steps-3 .mk-process-icon {width: 230px; height: 230px; text-align: center } .mk-process-steps.process-steps-3 .mk-process-icon svg {height: 80px } .mk-process-steps.process-steps-4 ul:before {top: 90px } .mk-process-steps.process-steps-4 li {width: 25% } .mk-process-steps.process-steps-4 li h3, .mk-process-steps.process-steps-4 li p {padding: 0 20px } .mk-process-steps.process-steps-4 .mk-process-icon {width: 180px; height: 180px; text-align: center } .mk-process-steps.process-steps-4 .mk-process-icon svg {height: 70px } .mk-process-steps.process-steps-5 ul:before {top: 70px } .mk-process-steps.process-steps-5 li {width: 20% } .mk-process-steps.process-steps-5 li h3, .mk-process-steps.process-steps-5 li p {padding: 0 15px } .mk-process-steps.process-steps-5 .mk-process-icon {width: 140px; height: 140px; text-align: center } .mk-process-steps.process-steps-5 .mk-process-icon svg {height: 60px } .mk-subscribe {margin-bottom: 30px } .mk-subscribe.form-in-progress {opacity: .8 } .mk-subscribe>form {table-layout: auto } .mk-subscribe--message {padding-top: 8px; font-size: 14px } .mk-subscribe--message.error {color: red } .mk-subscribe--message.success {color: #00a651 } .mk-subscribe .mk-subscribe--form-column {padding: 0; margin: 0 } .mk-subscribe .mk-subscribe--form-column:last-child {padding-right: 0 !important } .mk-subscribe .mk-subscribe--button, .mk-subscribe .mk-subscribe--email {width: 100%; margin: 0; padding: 0; border: 0; background-color: #333; -webkit-transition: background-color .15s linear, color .15s linear, border-color .15s linear; transition: background-color .15s linear, color .15s linear, border-color .15s linear; background-color: transparent; color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box } .mk-subscribe .mk-subscribe--email {padding: 0 2% } .mk-subscribe .mk-subscribe--button {outline: 0 } .mk-subscribe.medium-size .mk-subscribe--email {font-size: 16px; height: 45px; line-height: 45px } .mk-subscribe.medium-size .mk-subscribe--button {font-size: 14px; height: 45px; min-width: 115px } .mk-subscribe.large-size .mk-subscribe--button, .mk-subscribe.large-size .mk-subscribe--email {height: 60px; font-size: 20px } .mk-subscribe.large-size .mk-subscribe--email {line-height: 60px } .mk-subscribe.large-size .mk-subscribe--button {min-width: 140px } .compose-mode .mk-subscribe .mk-subscribe--form-column:last-child {cursor: not-allowed } .compose-mode .mk-subscribe .mk-subscribe--button {pointer-events: none } .mk-mailchimp-gdpr-consent {padding-top: 10px } .mk-mailchimp-gdpr-consent label {font-size: 14px; color: #666; cursor: pointer; padding-left: 10px } .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 {opacity: .6 } .mk-swipe-slideshow .swiper-arrows {width: 60px; height: 60px; line-height: 62px; background-color: rgba(0, 0, 0, .4); text-align: center; position: absolute; border-radius: 2px; cursor: pointer; color: #fff; opacity: 0 } .mk-swipe-slideshow .swiper-arrows {top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); ms-transform: translate(0, -50%); background-color: rgba(0, 0, 0, .4) } .mk-swipe-slideshow .swiper-arrows:hover {background-color: rgba(0, 0, 0, .6); opacity: 1 } .mk-swipe-slideshow .swiper-arrows svg {height: 16px } .mk-swipe-slideshow .mk-swiper-prev {left: 20px } .mk-swipe-slideshow .mk-swiper-next {right: 20px } .mk-slider-holder-img {visibility: hidden } .mk-swipe-slideshow-lazyload .swiper-slide-image {background-color: #e0e0e0 } .mk-slider-content, .mk-slider-image {width: 50%; display: inline-block } .mk-slider-content {display: table; height: 100%; padding: 0 70px; position: relative } .mk-slider-content-inside {display: table-cell; vertical-align: middle; height: 100% } .mk-slider-image img {width: 100% } .mk-slider-title {font-size: 18px !important; font-weight: 700; color: #222; letter-spacing: 1px; display: block; margin: 0 } .mk-slider-title>hr {max-width: 10%; border: 0; margin-left: 0 !important } .mk-slider-read-more {margin-top: 20px } .mk-fancy-table {overflow: hidden; margin-bottom: 20px } @media handheld, only screen and (max-width: 767px) {.mk-fancy-table {overflow-x: scroll !important } } .mk-fancy-table table {overflow: hidden; margin: 0; padding: 0; width: 100%; border-collapse: collapse; text-align: left; border-radius: 3px } .mk-fancy-table th {padding: 18px 12px; color: #fff; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 14px; background-color: #ed4622 } .mk-fancy-table tfoot td {padding: 8px } .mk-fancy-table.table-style1 tr:nth-child(odd) {background-color: rgba(0, 0, 0, .04) } .mk-fancy-table.table-style1 tfoot {background-color: #f3f3f3 } .mk-fancy-table.table-style1 tr {background-color: rgba(0, 0, 0, .02) } .mk-fancy-table.table-style1 td {padding: 12px; border-left: 1px solid #fff; text-align: center } .mk-fancy-table.table-style2 {border-bottom: 1px solid #dcdcdc } .mk-fancy-table.table-style2 td {padding: 12px; border-bottom: 1px solid #dcdcdc; text-align: center } .mk-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-quote {line-height: 1.8em } .mk-testimonial .mk-testimonial-content p {margin-bottom: 20px } .mk-testimonial .mk-testimonial-author {display: block; margin-bottom: 5px; font-weight: 700; 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 {opacity: .4 } .mk-testimonial .flex-direction-nav a:hover {opacity: 1 } .mk-testimonial .flex-direction-nav svg {fill: #878787 } .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); 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%; -webkit-box-shadow: 0 0 1px #a9a9a9; 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: 50px 50px 0; margin-top: 30px; text-align: center } .mk-testimonial.simple-style.testimonial-column svg[data-name=mk-moon-quotes-left], .mk-testimonial.simple-style.testimonial-column svg[data-name=mk-moon-quotes-right] {display: none !important } @media handheld, only screen and (max-width: 767px) {.mk-testimonial.simple-style.simple-style {padding-left: 0; padding-right: 0 } .mk-testimonial.simple-style svg[data-name=mk-moon-quotes-left], .mk-testimonial.simple-style svg[data-name=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 svg[data-name=mk-moon-quotes-left], .mk-testimonial.simple-style svg[data-name=mk-moon-quotes-right] {position: absolute; fill: #eee; height: 50px } .mk-testimonial.simple-style .mk-testimonial-content {margin-bottom: 0; font-size: 18px !important } .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: 0 !important } } .mk-testimonial.simple-style .mk-testimonial-content p {font-size: inherit } .mk-testimonial.simple-style svg[data-name=mk-moon-quotes-left] {top: 70px; left: 0 } .mk-testimonial.simple-style svg[data-name=mk-moon-quotes-right] {top: 70px; right: 0 } .mk-testimonial.simple-style .flex-direction-nav svg {height: 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 #ccc; line-height: 45px; position: absolute; top: 0 } .mk-testimonial.simple-style .flex-direction-nav svg {height: 14px } .mk-testimonial.simple-style .flex-direction-nav .flex-next:after {left: -15px } .mk-testimonial.simple-style .flex-direction-nav .flex-next {left: 50% !important; -webkit-transform: translateX(50%); transform: translateX(50%) } .mk-testimonial.simple-style .flex-direction-nav .flex-prev {left: 50% !important; -webkit-transform: translateX(-150%); transform: translateX(-150%) } .mk-testimonial.simple-style.light-version .mk-testimonial-author, .mk-testimonial.simple-style.light-version .mk-testimonial-company, .mk-testimonial.simple-style.light-version .mk-testimonial-content, .mk-testimonial.simple-style.light-version .mk-testimonial-content p {color: #fff !important } .mk-testimonial.simple-style.light-version .flex-direction-nav svg {fill: #fff !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 #fff } .mk-testimonial.simple-style.light-version svg[data-name=mk-moon-quotes-left], .mk-testimonial.simple-style.light-version svg[data-name=mk-moon-quotes-right] {fill: rgba(255, 255, 255, .2) } .mk-testimonial.avantgarde-style {padding: 0 50px 0; text-align: center } .mk-testimonial.avantgarde-style.mk-testimonial {margin: 3px 3px 0 !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; 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; padding: 0 20% 20px 20% } .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: 0 !important } } .mk-testimonial.avantgarde-style .mk-testimonial-content p {font-size: 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 svg {height: 16px } .mk-testimonial.avantgarde-style .flex-direction-nav .flex-next {top: 50%; -webkit-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%); transform: translate(0, -50%); left: 0 !important; margin: 0 !important } .mk-testimonial.avantgarde-style.light-version .mk-testimonial-author, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-company, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-content, .mk-testimonial.avantgarde-style.light-version .mk-testimonial-content p {color: #fff !important } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav svg {fill: #fff !important } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav a {border: 1px solid #fff } .mk-testimonial.avantgarde-style.light-version .flex-direction-nav svg {height: 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 svg[data-name=mk-moon-quotes-left], .mk-testimonial.avantgarde-style.light-version svg[data-name=mk-moon-quotes-right] {fill: rgba(255, 255, 255, .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%); 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%); 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, .05); background-color: #fff; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); box-shadow: 0 1px 2px 0 rgba(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, .05); border-top: none; border-left: none; background-color: #fff; content: ""; -webkit-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: 0 !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%; -webkit-box-shadow: 0 0 1px #a9a9a9; box-shadow: 0 0 1px #a9a9a9 } .mk-testimonial.modern-style .mk-testimonial-author {margin-top: 30px } .mk-testimonial.modern-style .flex-control-nav {top: 18px; 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 svg {fill: #b2b2b2; height: 10px; width: 10px } .mk-testimonial.modern-style .flex-control-nav li a.flex-active svg {fill: #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: #fff !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: #fff } .title-line-style.dark-version::after {background-color: #878787 } .mk-accordion {margin-bottom: 20px } .mk-accordion.fancy-style {border-bottom: 1px solid #ececec } .mk-accordion.fancy-style .mk-accordion-single {overflow: hidden; border: 1px solid #ececec; border-bottom: 0; background-color: #fff } .mk-accordion.fancy-style .mk-accordion-tab {position: relative; padding: 12px 30px 12px 15px; color: #222; font-size: 13px; font-weight: 600; line-height: 22px; cursor: pointer; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; background-color: #fdfdfd } .mk-accordion.fancy-style .mk-accordion-tab span {vertical-align: middle } .mk-accordion.fancy-style .mk-accordion-tab i {margin-right: 10px; font-size: 16px; line-height: 16px } .mk-accordion.fancy-style .mk-accordion-tab i .mk-svg-icon, .mk-accordion.simple-style .mk-accordion-tab i .mk-svg-icon {fill: #b9b9b9; width: 16px; height: 16px } .mk-accordion.fancy-style .mk-accordion-tab:hover {background-color: #f8f8f8 } .mk-accordion.fancy-style .mk-accordion-tab:hover i .mk-svg-icon {fill: #868686 } .mk-accordion.fancy-style .mk-accordion-tab:before, .mk-accordion.fancy-style .mk-accordion-tab>.mk-svg-icon {position: absolute; top: 50%; right: 14px; display: block; margin-top: -9px; padding: 3px 6px 2px; color: #adadad; content: ""; font-size: 12px !important; line-height: 16px; -webkit-box-sizing: content-box; box-sizing: content-box } .mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-pane {border-top: 1px solid #ececec } .mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-tab:before, .mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-tab>.mk-svg-icon {-webkit-transform: rotate(90deg); transform: rotate(90deg) } @media handheld, only screen and (max-width: 767px) {.mobile-false .mk-accordion-tab>.mk-svg-icon {-webkit-transform: rotate(90deg); transform: rotate(90deg) } } .mk-accordion.fancy-style .mk-accordion-pane {display: none; padding: 20px } @media handheld, only screen and (max-width: 767px) {.mk-accordion.fancy-style.mobile-true .mk-accordion-single {border-bottom: 1px solid #ececec } .mk-accordion.fancy-style.mobile-true .mk-accordion-tab {border-bottom: 1px solid #ececec } } .mk-accordion.simple-style .mk-accordion-tab {position: relative; padding: 9px 30px 12px 15px; border-bottom: 1px solid #ececec; color: #222; font-size: 13px; line-height: 22px; font-weight: 600; cursor: pointer } .mk-accordion.simple-style .mk-accordion-tab span {vertical-align: middle } .mk-accordion.simple-style .mk-accordion-tab i {margin-right: 10px } .mk-accordion.simple-style .mk-accordion-tab:before {position: absolute; top: 16px; right: 10px; display: block; padding: 3px 6px 2px; color: #ddd; content: "\f054"; font-size: 12px; line-height: 12px } .mk-accordion.simple-style .mk-accordion-tab>.mk-svg-icon {position: absolute; top: 16px; right: 10px; display: block; padding: 3px 6px 2px; color: #ddd; content: "\f054"; font-size: 12px; line-height: 12px } .mk-accordion.simple-style .mk-accordion-single.current {border: none } .mk-accordion.simple-style .mk-accordion-single.current .mk-accordion-tab:before {-webkit-transform: rotate(90deg); transform: rotate(90deg); color: #252525 } .mk-accordion.simple-style .mk-accordion-single.current .mk-accordion-tab>.mk-svg-icon {-webkit-transform: rotate(90deg); transform: rotate(90deg); fill: #252525 } .mk-accordion.simple-style .mk-accordion-pane {display: none; padding: 10px; border-bottom: 1px solid #ececec; background-color: #fff } @media handheld, only screen and (max-width: 767px) {.mk-accordion.simple-style.mobile-true .mk-accordion-pane {border-bottom: none } } @media handheld, only screen and (max-width: 767px) {.mk-accordion.mobile-false .mk-accordion-pane {display: block !important } .mk-accordion.mobile-false .mk-accordion-tab {cursor: default } .mk-accordion.mobile-false .mk-accordion-tab:before {content: ''} } .mk-accordion.toggle-action .mk-accordion-pane {display: none } .mk-toggle {margin: 0 } .mk-toggle.fancy-style {margin-bottom: 3px; border: 1px solid #ececec } .mk-toggle.fancy-style .mk-toggle-title {position: relative; display: block; padding: 9px 30px 9px 15px; color: #222; font-size: 13px; font-weight: 600; line-height: 22px; cursor: pointer; background-color: #fdfdfd } .mk-toggle.fancy-style .mk-toggle-title span {vertical-align: middle } .mk-toggle.fancy-style .mk-toggle-title i {margin-right: 15px; font-size: 24px; vertical-align: middle } .mk-toggle.fancy-style .mk-toggle-title:hover {background-color: #f8f8f8 } .mk-toggle.fancy-style .mk-toggle-title:before {position: absolute; top: 10px; right: 10px; display: block; padding: 3px 6px 2px; content: ""; font-size: 12px !important; line-height: 16px; color: #adadad } .mk-toggle.fancy-style .mk-toggle-title>.mk-svg-icon {position: absolute; top: 10px; right: 10px; display: block; padding: 3px 6px 2px; fill: #adadad; -webkit-box-sizing: content-box; box-sizing: content-box } .mk-toggle.fancy-style .mk-toggle-title.active-toggle {border-bottom: 1px solid #ececec } .mk-toggle.fancy-style .mk-toggle-title.active-toggle:before, .mk-toggle.fancy-style .mk-toggle-title.active-toggle>.mk-svg-icon {-webkit-transform: rotate(90deg); transform: rotate(90deg) } .mk-toggle.simple-style .mk-toggle-title {position: relative; display: block; padding: 8px 25px 8px 23px; color: #444; font-size: 13px; cursor: pointer } .mk-toggle.simple-style .mk-toggle-title span {vertical-align: middle } .mk-toggle.simple-style .mk-toggle-title:before {position: absolute; top: 11px; left: -4px; display: block; padding: 3px 6px 2px; color: #adadad; content: ""; font-size: 12px; line-height: 12px } .mk-toggle.simple-style .mk-toggle-title .mk-svg-icon {position: absolute; top: 11px; display: block; padding: 3px 6px 2px; fill: #adadad; -webkit-box-sizing: content-box; box-sizing: content-box } .mk-toggle.simple-style .mk-toggle-title i .mk-svg-icon {left: -4px; right: auto } .mk-toggle.simple-style .mk-toggle-title>.mk-svg-icon {left: auto; right: -4px } .mk-toggle.simple-style .mk-toggle-title.active-toggle:before, .mk-toggle.simple-style .mk-toggle-title.active-toggle>.mk-svg-icon {left: auto; right: -4px; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .mk-toggle .mk-toggle-pane {position: relative; display: none; padding: 20px; background-color: #fff } .mk-accordion-tab .mk-svg-icon {vertical-align: middle } .vc_row {position: relative } .vc_inner.mk-grid {margin: 0 auto } .vc_editor .equal-columns>.vc_element {height: 100% } .mk-full-content-true .vc_col-lg-12, .mk-full-content-true .vc_col-md-12, .mk-full-content-true .vc_col-sm-12, .mk-full-content-true .vc_col-xs-12 {padding-left: 0; padding-right: 0 } .compose-mode .vc_row:not(.vc_video-bg-container) .vc_video-bg {display: none } .compose-mode .vc_row .vc_control-btn-append {top: 0 } .compose-mode .vc_controls>.vc_controls-bc {z-index: 310 !important } .compose-mode .vc_row.mk-fullwidth-true .vc_element:before {height: 98% !important } .compose-mode .equal-columns .mk-grid>.vc_element, .equal-columns .mk-grid {height: 100% } div.vc_row.mk-fullwidth-true {-webkit-transition: opacity .5s ease; transition: opacity .5s ease; overflow: hidden } .compose-mode .vc_vc_row>[data-mk-full-width=true] {padding-top: 32px } #mk-tabs .vc_column_container {padding-left: 10px; padding-right: 10px } #mk-tabs .wpb_tabs_nav li {background-color: #fff; border-bottom-color: #fff; margin: 0 -1px -1px 0; position: relative } #mk-tabs .wpb_tabs_nav a {padding: 0 20px; background-color: rgba(0, 0, 0, .05); border: 1px solid #ebebeb; height: 44px; line-height: 44px; color: #444; white-space: nowrap; font-weight: 700; font-size: 13px } #mk-tabs:not(.simple-style) .wpb_tabs_nav li a:before {content: ''; position: absolute; background: #ebebeb } #mk-tabs.horizental-style .wpb_tabs_nav li a:before {width: 1px; height: 10px; left: 0; bottom: 0 } #mk-tabs .wpb_tabs_nav a:focus .mk-svg-icon, #mk-tabs .wpb_tabs_nav a:hover .mk-svg-icon {fill: #868686 } #mk-tabs .wpb_tabs_nav a .mk-svg-icon {margin-right: 8px; fill: #b9b9b9; vertical-align: -3px } #mk-tabs .wpb_tabs_nav .ui-state-active a {background-color: #fff; border-bottom-color: #fff } #mk-tabs .wpb_tab {padding: 25px 25px 20px; background-color: #fff; border: 1px solid #ebebeb } #mk-tabs .title-mobile {display: none; color: #444; white-space: nowrap; font-weight: 700; font-size: 14px; line-height: 24px; margin-bottom: 15px; background-color: rgba(0, 0, 0, .05); border-bottom: 2px solid rgba(0, 0, 0, .1); padding: 5px 10px; margin-left: -25px; margin-right: -25px } #mk-tabs.simple-style .title-mobile {margin-left: 0; margin-right: 0 } #mk-tabs .title-mobile .mk-svg-icon {margin-right: 8px; vertical-align: -3px } #mk-tabs.simple-style .wpb_tabs_nav {border-bottom: 2px solid #eee } #mk-tabs.simple-style .wpb_tabs_nav a {border-width: 0; border-bottom-width: 2px; background-color: #fff; margin-bottom: -1px } #mk-tabs.simple-style .wpb_tabs_nav .ui-state-active a {border-bottom-color: #f97352 } #mk-tabs.simple-style .wpb_tab {border-width: 0; padding-left: 0; padding-right: 0 } #mk-tabs.vertical-style .wpb_tabs_nav {width: 25% } #mk-tabs.vertical-style .wpb_tabs_nav li {width: 100% } #mk-tabs.vertical-style .wpb_tabs_nav .ui-state-active a {border-bottom-color: #e5e5e5 } #mk-tabs.vertical-style .wpb_tabs_nav li a:before {width: 10px; height: 1px; top: 0 } #mk-tabs.vertical-left .wpb_tabs_nav {float: left } #mk-tabs.vertical-left .wpb_tab {margin-left: calc(25% - 1px) } #mk-tabs.vertical-left .wpb_tabs_nav .ui-state-active a {border-right-color: #fff } #mk-tabs.vertical-left .wpb_tabs_nav li a:before {right: 0 } #mk-tabs.vertical-right .wpb_tabs_nav {float: right } #mk-tabs.vertical-right .wpb_tab {margin-right: calc(25% - 1px) } #mk-tabs.vertical-right .wpb_tabs_nav .ui-state-active a {border-left-color: #fff } #mk-tabs.vertical-right .wpb_tabs_nav li a:before {left: 0 } @media only screen and (max-width: 767px) {#mk-tabs.simple-style .wpb_tabs_nav {border-bottom-width: 0 } #mk-tabs.mobile-false .wpb_tabs_nav li {width: 100% } #mk-tabs.simple-style .wpb_tabs_nav a {margin-bottom: 1px } } @media only screen and (max-width: 767px) {#mk-tabs.mobile-true .title-mobile {display: block } #mk-tabs.mobile-true .wpb_tabs_nav {display: none } #mk-tabs.mobile-true .wpb_tab {display: block !important; border-width: 0; padding-top: 0 } #mk-tabs.mobile-true .ui-tabs-panel {display: block !important } #mk-tabs.mobile-true.vertical-style .wpb_tab {margin-left: 0; margin-right: 0 } } .compose-mode #mk-tabs .vc_vc_column_inner {padding-left: 0; padding-right: 0 } .compose-mode #mk-tabs .vc_vc_row_inner {padding-top: 0 } .compose-mode .vc_vc_tabs {padding-top: 0 !important } .mk-tweet-shortcode li {padding: 10px !important; border-bottom: 1px solid rgba(0, 0, 0, .06) } .mk-tweet-shortcode .tweet-icon {top: 15px; left: 10px; position: absolute } .video-container {position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0 } .video-container embed, .video-container iframe, .video-container object, .video-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100% } .video-container .video-thumbnail {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-color: #ccc } .video-container .video-thumbnail-overlay {position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5) } .video-container .mk-svg-icon {display: block; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .video-container .mk-svg-icon:hover {cursor: pointer } .video-container .fade-in .mk-svg-icon {opacity: .5 } .video-container .fade-in .mk-svg-icon:hover {opacity: 1 } .video-container .scale-up .mk-svg-icon {-webkit-transform: scale(1); transform: scale(1) } .video-container .scale-up .mk-svg-icon:hover {-webkit-transform: scale(1.5); transform: scale(1.5) } .video-container .preloader-preview-area {margin-top: -90px } .fancybox-video {position: absolute; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden } .fancybox-video embed, .fancybox-video iframe, .fancybox-video object, .fancybox-video video {width: 100%; height: 100% } .fancybox-video-close {top: 0 !important; right: -40px !important; background-color: rgba(0, 0, 0, 0) !important } .fancybox-video-close:hover {opacity: 1 } .fancybox-video-close:after, .fancybox-video-close:before {position: absolute; left: 14px; content: ' '; height: 31px; width: 2px; background-color: #fff } .fancybox-video-close:before {-webkit-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-video-close:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .video-container.mk-aspect-ratio {padding-bottom: 0; height: 100% } .video-container.mk-aspect-ratio>.video-player {position: relative } .video-container.mk-aspect-ratio video {position: relative; display: block; max-height: 100%; max-width: 100%; height: auto; width: auto }