.mk-advanced-gmaps img {
max-width: none !important;
}
.mk-gmaps-parallax {
overflow: hidden;
}
.mk-gmaps-parallax > div {
margin-top: -100px;
}
.gmap-marker-popup {
position: absolute;
left: 5%;
top: 30px;
width: 90%;
background: #fff;
border:1px solid #ccc;
border-radius:5px;
z-index: 999;
padding: 30px 20px;
box-sizing: border-box;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
display: none;
}
.gmap-marker-popup h4 {
margin: 0 0 35px;
}
.mk-popup-field {
margin-bottom: 25px;
}
.mk-popup-field label{
padding-bottom: 10px;
display: inline-block;
font-weight: bold;
}
.gmap-new-loaction-btn {
display: block;
padding: 15px 15px 15px 46px;
font-weight: bold;
font-size: 16px;
border-radius:6px;
color:#333333;
border:1px solid #bfbfbf;
background: #f7f7f7 url(//prohabitat-arj.at/wp-content/themes/jupiter/assets/stylesheet/add-icon.svg) 16px 16px no-repeat;
}
.gmap-new-loaction-btn:hover {
color:#333333;
background-color: #f2f2f2;
}
.gmap-marker-locations li{
background: #f7f7f7 url(//prohabitat-arj.at/wp-content/themes/jupiter/assets/stylesheet/pin-icon.png) 15px 11px no-repeat;
display: block;
padding: 12px 12px 12px 42px;
border-radius:6px;
border:1px solid #bfbfbf;
margin-bottom: 15px;
}
.gmap-marker-locations span{
font-size: 14px;
color:#808080;
}
.gmap-marker-locations a{
float: right;
line-height: 12px;
margin-top: 5px;
}
.gmap-marker-locations .gmap-edit-btn{
color: #489dd8;
padding-right:5px;
margin-right: 5px;
border-right:2px solid #d9d9d9; 
}
.gmap-marker-locations .gmap-delete-btn{
color: #ec2700;
} .mk-animated-columns {    }
.animated-column-icon {
display: block !important;
}
.mk-animated-columns .s_item {
transition: background 0.2s ease-out;
border-style: solid;
}
.mk-animated-columns .s_desc {
padding: 20px 30px 50px 30px;
} .mk-animated-columns.has-border .s_item:last-of-type {  border-right-width: 1px; } @media handheld, only screen and (min-width: 961px) {
.mk-animated-columns.has-border.a_8col .s_item:nth-of-type(8n) { border-right-width: 1px; }
.mk-animated-columns.has-border.a_7col .s_item:nth-of-type(7n) { border-right-width: 1px; }
.mk-animated-columns.has-border.a_6col .s_item:nth-of-type(6n) { border-right-width: 1px; }
.mk-animated-columns.has-border.a_5col .s_item:nth-of-type(5n) { border-right-width: 1px; }
.mk-animated-columns.has-border.a_4col .s_item:nth-of-type(4n) { border-right-width: 1px; }
.mk-animated-columns.has-border.a_3col .s_item:nth-of-type(3n) { border-right-width: 1px; }
.mk-animated-columns.has-border.a_2col .s_item:nth-of-type(2n) { border-right-width: 1px; }
.mk-animated-columns.has-border.a_1col .s_item:nth-of-type(1n) { border-right-width: 1px; }
}
@media handheld, only screen and (max-width: 960px) {  .mk-animated-columns.has-border .s_item { border-right-width: 1px; }
.mk-animated-columns .s_item { width: 100%; } .mk-animated-columns.has-border.o2col .s_item { border-right-width: 0; }
.mk-animated-columns.has-border.o2col .s_item:nth-of-type(2n) { border-right-width: 1px; }
.mk-animated-columns.o2col .s_item { width: 50%; } .mk-animated-columns.has-border.o3col .s_item { border-right-width: 0; }
.mk-animated-columns.has-border.o2col.o3col .s_item:nth-of-type(2n) { border-right-width: 0; }
.mk-animated-columns.has-border.o2col.o3col .s_item:nth-of-type(3n) { border-right-width: 1px; }
.mk-animated-columns.o3col .s_item { width: 33.33%; } .mk-animated-columns.has-border .s_item:last-of-type {  border-right-width: 1px; } }
@media handheld, only screen and (max-width: 767px) {
.mk-animated-columns.has-border .s_item {  border-right-width: 1px !important; }
.mk-animated-columns .s_item { width: 100% !important; }
} .mk-animated-columns.full-style .s_title:after {
position: absolute;
content: '';
display: block;
bottom: -10px;
left: 50%;
margin-left: -15px;
height: 2px;
width: 30px;
} .mk-animated-columns.simple-style .s_title {
top: -100%;
} .mk-animated-columns .animated-column-item .mk-button-container {
margin-right: 0 !important;
} .mk-audio-section {
display: block;
background-color: #fbb845;
height: 100px;
}
.mk-audio-section > img {
float: left;
filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); opacity: .7;
}
.mk-audio-section .mk-audio-author {
font-size: 12px;
font-weight: bold;
text-transform: capitalize;
position: absolute;
top: 40px;
left: 10px;
display: block;
color: #ffffff;
}
.mk-audio-shortcode {
margin-bottom: 30px;
height: 170px !important;
}
.mk-audio-shortcode .audio-thumb {
height: inherit !important;
}
.mk-audio-shortcode .jp-audio.audio-has-img {
margin-left: 170px;
}
.mk-audio-shortcode .jp-audio div.jp-interface {
min-height: 170px !important;
}
.jp-audio {
display: block;
direction: ltr;
text-align: left;
}
.jp-audio.audio-has-img {
margin-left: 100px;
}
.jp-interface {
position: relative;
width: 100%;
}
.jp-audio .jp-type-single .jp-interface {
min-height: 90px;
} .jp-controls-holder {
clear: both;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
top: -8px; }
.jp-interface ul.jp-controls {
list-style-type: none;
margin: -14px 0 0 -28px;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
}
.jp-interface ul.jp-controls li {
margin: 0;
}
.jp-interface ul.jp-controls li {
display: inline;
float: left;
}
.jp-interface ul.jp-controls a {
display: block;
}
a.jp-play, a.jp-pause {
padding: 9px 6px 7px 10px;
display: block;
width: 30px;
height: 30px;
text-align: center;
border: 1px solid #252525;
border-radius: 50px;
}
a.jp-play:hover, a.jp-pause:hover {
border-color: #ffffff;
}
a.jp-play:hover svg, a.jp-pause:hover svg{
fill: #ffffff;
}
a.jp-play svg, a.jp-pause svg {
height: 16px;
fill: #252525;
vertical-align: middle;
}
a.jp-pause {
padding: 9px 8px 7px;
display: none;
}  .jp-progress {
background-color: rgba(0, 0, 0, 0.2);
}
.jp-audio .jp-progress {
position: absolute;
top: 0px;
left: 0;
height: 12px;
}
.jp-audio .jp-type-single .jp-progress {
left: 0;
width: 100%;
}
.jp-seek-bar {
width: 0px;
height: 100%;
cursor: pointer;
}
.jp-play-bar {
background-color: #000000;
background-color: rgba(0, 0, 0, 0.5);
width: 0px;
height: 100%;
position: relative;
}   a.jp-mute, a.jp-unmute, a.jp-volume-max {
width: 18px;
height: 15px;
margin-top: 0px;
}
.jp-volume-bar, .jp-volume-bar-value {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAiCAQAAADragGFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RjJBNDk2RjQwRDcxMUUzODhFNUVBRjVCMDg3MjJCMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RjJBNDk3MDQwRDcxMUUzODhFNUVBRjVCMDg3MjJCMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVGMkE0OTZENDBENzExRTM4OEU1RUFGNUIwODcyMkIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGMkE0OTZFNDBENzExRTM4OEU1RUFGNUIwODcyMkIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S5VOAwAAAHNJREFUSMftksENwDAIA1nGc7E9a6SvSqgiQHGekb93EjIWSJ71CQwmXQkGa0seriWD9SUH11IA76UEPiyNzqOKoCqnnsvMKBzsGuRKr/S7coX2n6vQtuThWlJoX3JwLQXwXkrgw9LoPKoIqnLqucyMosE+NlMGu0fPTasAAAAASUVORK5CYII=) left bottom no-repeat;
}
.jp-volume-bar {
position: absolute;
right: 10px;
bottom: 10px;
width: 26px;
height: 14px;
cursor: pointer;
}
.jp-volume-bar svg {
position: absolute;
top: 0;
left: -12px;
fill: #252525;
height: 16px;
}
.jp-volume-bar-value {
width: 0px;
height: 14px;
}  .jp-audio .jp-time-holder {
position: absolute;
top: 20px;
left: 0;
width: 100%;
padding: 0 10px;
}
.jp-audio .jp-type-single .jp-time-holder {
color: #ffffff;
font-size: 12px;
width: 100%;
font-weight: bold;
}
.jp-current-time, .jp-duration {
display: inline-block;
}
.jp-current-time {
float: left;
}
.jp-duration {
float: right;
} .jp-jplayer audio, .jp-jplayer {
width: 0px;
height: 0px;
}
.jp-jplayer {
background-color: #000000;
}  ul.jp-toggles {
list-style-type: none;
padding: 0;
margin: 0 auto;
overflow: hidden;
}
.jp-audio .jp-type-single ul.jp-toggles {
width: 25px;
}
.jp-audio .jp-type-playlist ul.jp-toggles {
width: 55px;
margin: 0;
position: absolute;
left: 325px;
top: 50px;
}
ul.jp-toggles li {
display: block;
float: right;
}
ul.jp-toggles li a {
display: block;
width: 25px;
height: 18px;
text-indent: -9999px;
line-height: 100%; }  .jp-no-solution {
padding: 5px;
font-size: .8em;
background-color: #eeeeee;
border: 2px solid #009be3;
color: #000000;
display: none;
}
.jp-no-solution a {
color: #000000;
}
.jp-no-solution span {
font-size: 1em;
display: block;
text-align: center;
font-weight: bold;
}
.mk-banner-builder {
margin-bottom:0;
} .mk-blockquote {
position: relative;
margin-bottom: 20px;
line-height: 150% !important;
}
.mk-blockquote p {
margin-bottom: 0px;
}
.mk-blockquote.align-left {
float: left;
}
.mk-blockquote.align-right {
float: right;
}
.mk-blockquote.align-left {
float: none; 
clear: both;
}
.mk-blockquote.quote-style {
padding: 20px 20px 20px 70px;
background-color: #f6f6f6;
background-color: rgba(0, 0, 0, 0.05);
}
.mk-blockquote.quote-style .mk-svg-icon {
position: absolute;
top: 20px;
left: 20px;
display: block;
fill: #dddddd;
fill: rgba(0, 0, 0, 0.1);
height: 32px!important;
width: 32px!important;
}
.mk-blockquote.line-style {
padding: 10px 10px 10px 40px;
border-left: 2px solid;
}
@media handheld, only screen and (max-width: 760px) {
.mk-blockquote {
font-size: 14px !important;
}
}
.mk-blog-container-lazyload .swiper-slide-image,
.mk-blog-container-lazyload .blog-image {
background-color: #e0e0e0;
}
.mk-blog-classic-item {
margin-bottom: 40px;
border: 1px solid #eeeeee;
overflow: hidden;
position: relative;
width: 100%;
background-color: #ffffff;
}
.mk-blog-classic-item .mk-readmore {
letter-spacing: 1px;
text-transform: uppercase;
position: absolute; 
right: 30px;
bottom: 25px;
}
.mk-blog-classic-item .mk-readmore svg {
margin-right: 5px; 
height: 8px;
}
.mk-blog-classic-item .mk-readmore:hover {
color: #252525 !important;
}
.mk-blog-classic-item .blog-social-share {
left: 50px;
bottom: -10px;
min-width: 180px;
} 
.mk-blog-classic-item .blog-social-share:before {
left: -5px;
top: 50%;
}
.mk-blog-classic-item .blog-social-share li {
float: left;
display: inline-block;
}
@media handheld, only screen and (max-width: 600px) {
.mk-blog-classic-item .blog-social-share {
min-width: 130px;
padding: 10px;
bottom: -5px;
}
.mk-blog-classic-item .blog-social-share a {
margin: 0 5px;
}
}
.mk-blog-classic-item .mk-audio-section {
height: 170px;
margin-bottom: 0;
}
@media handheld, only screen and (max-width: 780px) {
.mk-blog-classic-item .mk-audio-section .audio-has-img {
margin: 0 !important;
}
.mk-blog-classic-item .mk-audio-section .audio-thumb {
display: none;
}
}
.mk-blog-classic-item .mk-audio-section .jp-audio.audio-has-img {
margin-left: 170px;
}
.mk-blog-classic-item .mk-audio-section .jp-audio div.jp-interface {
min-height: 160px !important;
}
.mk-blog-classic-item.instagram-post-type {
border: 0;
}
.mk-blog-classic-item.instagram-post-type .instagram-image {
display: block;
}
.mk-blog-classic-item.instagram-post-type .instagram-image img {
width: 100%;
}
.mk-blog-classic-item.instagram-post-type .instagram-title {
padding: 40px 40px 0;
font-size: 24px;
margin-bottom: 0;
}
.mk-blog-classic-item.instagram-post-type .instagram-title span a {
display: none;
}
.mk-blog-classic-item.instagram-post-type .instagram-title svg {
display: none;
}
.mk-blog-classic-item.instagram-post-type .mk-blog-meta {
padding: 0;
padding: 0 20px 40px 40px;
}
.mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper {
padding-left: 40px;
position: relative;
top: 30px;
}
.mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper:before {
width: 24px;
height: 24px;
content: '';
position: absolute;
left: 0;
top: 0;
}
.mk-blog-classic-item.instagram-post-type .mk-blog-meta .mk-blog-meta-wrapper .mk-categories {
display: none;
}
.mk-blog-classic-item.instagram-post-type .blog-share-container {
float: right;
}
.mk-blog-classic-item.instagram-post-type .the-title,
.mk-blog-classic-item.instagram-post-type .the-excerpt,
.mk-blog-classic-item.instagram-post-type .mk-readmore {
display: none;
}
.mk-blog-classic-item.instagram-post-type .blog-social-share {
left: auto;
right:67px;
}
.mk-blog-classic-item.instagram-post-type .blog-social-share:before {
left:auto;
right:-5px;
}
.mk-blog-classic-item.blockquote-post-type {
padding: 70px 40px 40px;
}
.mk-blog-classic-item.blockquote-post-type .blog-blockquote-content {
font-size: 26px;
line-height: 40px;
color: #222222;
padding-left: 70px;
}
.mk-blog-classic-item.blockquote-post-type .the-excerpt {
display: none;
}
.mk-blog-classic-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon {
position: absolute;
top: 70px;
left: 40px;
display: block;
fill: #dddddd;
fill: rgba(0, 0, 0, 0.1);
}
.mk-blog-classic-item.blockquote-post-type .blog-blockquote-content footer {
text-align: right;
color: #999999;
font-style: italic;
font-size: 20px;
}
.mk-blog-classic-item.blockquote-post-type .mk-blog-meta-wrapper {
position: absolute;
top: 40px;
left: 40px;
}
.mk-blog-classic-item.blockquote-post-type .mk-blog-meta-wrapper .mk-categories {
display: none;
}
.mk-blog-classic-item.blockquote-post-type .mk-blog-meta {
padding: 0;
}
.mk-blog-classic-item.blockquote-post-type .the-title,
.mk-blog-classic-item.blockquote-post-type .mk-readmore {
display: none;
}
.mk-blog-classic-item.twitter-post-type {
padding: 70px 40px 40px;
}
.mk-blog-classic-item .blog-twitter-content {
font-size: 22px;
color: #222222;
line-height: 40px;
padding-left: 50px;
position: relative;
word-wrap: break-word;
}
.mk-blog-classic-item .blog-twitter-content:before {
content: '';
width: 35px;
height: 100%;
background-position: center 10px;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
left: 0;
top: 0;
}
.mk-blog-classic-item .blog-twitter-content a {
color: #55acee;
}
.mk-blog-classic-item .blog-twitter-content footer {
text-align: right;
line-height: normal;
position: absolute;
top: 130%;
right: 40px;
}
.mk-blog-classic-item .blog-twitter-content footer a,
.mk-blog-classic-item .blog-twitter-content footer span {
display: block;
}
.mk-blog-classic-item .blog-twitter-content footer span {
font-weight: bold;
font-size: 20px;
color: #222222;
}
.mk-blog-classic-item .blog-twitter-content footer a {
color: #55acee;
font-size: 16px;
}
@media handheld, only screen and (max-width: 480px) {
.mk-blog-classic-item .blog-twitter-content {
padding-left: 0;
padding-top: 80px;
}
.mk-blog-classic-item .blog-twitter-content:before {
left: 50%;
top: 15px;
margin-left: -17px;
}
.mk-blog-classic-item .blog-twitter-content footer {
position: static;
margin-top: 25px;
}
}
.mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper {
position: absolute;
top: 40px;
left: 40px;
}
.mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper .mk-blog-author,
.mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper .mk-categories,
.mk-blog-classic-item.twitter-post-type .mk-blog-meta-wrapper > span {
display: none;
}
.mk-blog-classic-item.twitter-post-type .mk-blog-meta {
padding: 0;
margin-top: 30px;
}
.mk-blog-classic-item.twitter-post-type .the-title,
.mk-blog-classic-item.twitter-post-type .the-excerpt,
.mk-blog-classic-item.twitter-post-type .mk-readmore {
display: none;
}
.mk-blog-container .featured-image:hover .image-hover-overlay {
opacity: 0.9;
}
.mk-blog-classic-item .blog-loop-comments,
.mk-blog-classic-item .mk-blog-share {
height: 36px;
line-height: 36px;
width: 36px;
background-color: #000000;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px;
position: relative;
display: inline-block;
float: left;
margin-right: 15px;
text-align: center;
cursor: pointer;
display: table;
transition: all .15s;
}
.mk-blog-classic-item .blog-loop-comments svg,
.mk-blog-classic-item .mk-blog-share svg {
vertical-align: text-top;
fill: #636363;
}
.mk-blog-classic-item .blog-loop-comments svg,
.mk-blog-classic-item .mk-blog-share svg {
height: 16px;
}
.mk-blog-classic-item .blog-loop-comments span {
position: absolute;
left: 25px;
top: -10px;
font-weight: bold;
color: #ffffff;
line-height: 10px;
font-size: 11px;
height: 20px;
padding: 0 7px;
line-height: 20px;
border-radius: 30px;
}
.mk-blog-classic-item .blog-loop-comments:hover,
.mk-blog-classic-item .mk-blog-share:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.blog-share-container {
position: relative;
float: left;
}
.mk-blog-portraite {
width: 100%;
}
.mk-blog-portraite .featured-image,
.mk-blog-portraite .blog-gallery-type {
float: left;
display: inline-block;
width: 50%;
}
.mk-blog-portraite .mk-blog-meta {
float: left;
width: 50%;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-blog-portraite {
width: 100%;
}
.mk-blog-portraite .featured-image,
.mk-blog-portraite .blog-gallery-type {
float: none !important;
display: block;
width: 100% !important;
}
.mk-blog-portraite .mk-blog-meta {
float: none !important;
width: 100% !important;
}
.mk-swipe-slideshow {
max-width: 100% !important;
}
}
.sticky {
border: 1px solid #cccccc;
}
.the-excerpt {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.mk-readmore {
line-height: 12px;
font-weight: bold;
font-size: 12px;
}
.mk-readmore svg {
margin-right: 5px;
height: 8px;
}
.mk-readmore:hover {
color: #252525 !important;
}
.mk-blog-modern-item .mk-blog-meta,
.mk-blog-classic-item .mk-blog-meta {
padding: 40px;
}
.mk-blog-modern-item .the-title,
.mk-blog-classic-item .the-title {
letter-spacing: 1px;
margin-top: 5px;
}
.mk-blog-modern-item .the-title a,
.mk-blog-classic-item .the-title a {
font-size: 24px;
line-height: 24px;
}
.mk-blog-modern-item .the-excerpt,
.mk-blog-classic-item .the-excerpt {
margin-bottom: 30px;
}
.mk-blog-modern-item .mk-blog-meta-wrapper,
.mk-blog-classic-item .mk-blog-meta-wrapper {
font-size: 12px;
font-style: italic;
color: #999999;
}
.mk-blog-modern-item .mk-blog-meta-wrapper > div,
.mk-blog-classic-item .mk-blog-meta-wrapper > div {
display: inline-block;
margin-right: 5px;
}
.mk-blog-modern-item .mk-blog-meta-wrapper a,
.mk-blog-classic-item .mk-blog-meta-wrapper a {
color: #252525;
}
.mk-blog-modern-item .featured-image,
.mk-blog-classic-item .featured-image {
position: relative;
display: block;
overflow: hidden;
}
.mk-blog-modern-item .featured-image a,
.mk-blog-classic-item .featured-image a {
overflow: hidden;
display: block;
}
.mk-blog-modern-item .featured-image img,
.mk-blog-classic-item .featured-image img{
position: relative;
width: 100%;
max-width: 100%;
}
.mk-blog-modern-item .swiper-slide img,
.mk-blog-classic-item .swiper-slide img {
width: 100%;
}
.mk-blog-modern-item .featured-image:hover .image-hover-overlay,
.mk-blog-classic-item .featured-image:hover .image-hover-overlay {
opacity: .85;
}
.mk-blog-modern-item .featured-image:hover img,
.mk-blog-classic-item .featured-image:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.blog-social-share {
position: absolute;
background-color: #252525;
margin: 0;
list-style: none;
display: block;
text-align: center;
padding: 15px 10px;
display: none;
}
.blog-social-share:before {
display: block;
width: 10px;
height: 10px;
position: absolute;
margin-top: -5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #252525;
content: "";
}
.blog-social-share li {
margin: 0;
}
.blog-social-share li a {
color: #a8a8a8;
display: block;
margin: 0 10px;
}
.blog-social-share li a:hover {
color: #ffffff;
}
.blog-social-share li a svg {
height: 16px;
vertical-align: top;
margin-top: 4px;
}
.mk-blog-container .mk-swipe-slideshow {
margin-bottom: 0;
}
.mk-blog-container .audio-iframe {
margin-bottom: 25px;
}
.mk-gallery,
.mk-portfolio-grid,
.mk-portfolio-masonry,
.mk-spotlight-wrapper {
width: 100%;
}
.mk-blog-container { transition: height 0.1s;
}
.mk-blog-grid-item {
position: relative;
float: left;
overflow: hidden;
margin: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mk-blog-grid-item .blog-grid-holder {
margin: 0 12px 24px 12px;
border: 1px solid #e3e3e3;
background-color: #ffffff;
}
.mk-blog-grid-item.one-column {
width: 100%;
}
.mk-blog-grid-item.two-column {
width: 50%;
}
.mk-blog-grid-item.three-column {
width: 33.33%; 
}
.mk-blog-grid-item.four-column {
width: 25%; 
}
.mk-blog-grid-item.four-column .blog-grid-holder {
margin: 0 8px 16px 8px;
}
.mk-blog-grid-item .mk-swipe-slideshow img {
width: 100%;
}
@media handheld, only screen and (max-width: 960px) {
.mk-blog-grid-item.three-column,
.mk-blog-grid-item.four-column {
width: 49.5% !important;
}
}
@media handheld, only screen and (max-width: 650px) {
.mk-blog-grid-item.three-column,
.mk-blog-grid-item.four-column,
.mk-blog-grid-item.two-column,
.mk-blog-grid-item.one-column {
width: 100% !important;
}
.mk-blog-grid-item.three-column .blog-grid-holder,
.mk-blog-grid-item.four-column .blog-grid-holder,
.mk-blog-grid-item.two-column .blog-grid-holder,
.mk-blog-grid-item.one-column .blog-grid-holder {
margin: 0 0 18px 0 !important;
}
}
.mk-blog-grid-item .featured-image {
position: relative;
display: block;
overflow: hidden;
}
.mk-blog-grid-item .featured-image img {
position: relative;
width: 100%;
}
.mk-blog-grid-item .featured-image:hover .blog-grid-hover-icon {
opacity: 1;
}
.mk-blog-grid-item .mk-blog-meta {
padding: 20px;
line-height: 18px;
}
.mk-blog-grid-item time {
display: block;
margin-bottom: 10px;
}
.mk-blog-grid-item time a {
color: #999999;
font-style: italic;
font-size: 11px;
}
.mk-blog-grid-item .the-title {
margin-top: 5px;
text-transform: uppercase !important;
line-height: 18px !important;
}
.mk-blog-grid-item .the-title a {
letter-spacing: 1px;
font-size: 14px;
line-height: 18px;
}
.mk-blog-grid-item .the-excerpt {
margin: 5px 0;
}
.mk-blog-grid-item .blog-grid-hover-icon {
font-size: 48px;
width: 48px;
height: 48px;
color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
margin: -24px 0 0 -24px;
opacity: 0;
}
.mk-blog-grid-item .blog-grid-footer {
position: relative;
padding: 15px 20px;
border-top: 1px solid #e3e3e3;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder {
position: relative;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-image {
display: block;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title {
padding: 15px 25px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
left: 0;
position: absolute;
margin-bottom: 0;
bottom: 50px;
width: calc(100% - 50px);
color: #ffffff !important;
font-size: 14px;
font-weight: bold;
text-transform: initial;
line-height: 20px;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title span {
padding-left: 30px;
display: block;
color: #ffffff;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-image img {
width: 100%;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title span a {
color: #55acee;
display: block;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .instagram-title svg {
position: absolute;
left: 25px;
top: 18px;
height: 20px;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta {
padding: 0;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .the-title,
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .the-excerpt {
display: none;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper {
position: absolute;
left: 20px;
bottom: 5px;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .blog-grid-footer {
padding-top: 25px;
padding-bottom: 25px;
}
.mk-blog-grid-item.instagram-post-type .blog-grid-holder .blog-grid-footer .mk-readmore {
display: none;
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder {
position: relative;
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content {
font-size: 22px;
line-height: 40px;
color: #222;
padding: 40px 25px 25px 80px;
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content .mk-svg-icon {
position: absolute;
top: 50px;
left: 25px;
display: block;
fill: #ddd;
fill: rgba(0, 0, 0, 0.1);
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-blockquote-content footer {
text-align: right;
color: #999;
font-style: italic;
font-size: 20px;
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta {
padding: 0;
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .the-title,
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .the-excerpt {
display: none;
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper {
position: absolute;
left: 20px;
bottom: 5px;
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-grid-footer {
padding-top: 25px;
padding-bottom: 25px;
}
.mk-blog-grid-item.blockquote-post-type .blog-grid-holder .blog-grid-footer .mk-readmore {
display: none;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder {
position: relative;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content {
font-size: 22px;
color: #222;
line-height: 36px;
padding-bottom: 30px;
padding: 25px 40px 90px;
word-wrap: break-word;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content:before {
content: '';
width: 100%;
height: 30px;
display: block;
margin-bottom: 45px;
background-repeat: no-repeat;
background-position: center; 
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content a {
color: #55acee;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer {
text-align: left;
line-height: normal;
margin-top: 35px;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer a,
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer span {
display: block;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer span {
font-weight: bold;
font-size: 14px;
color: #222;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-twitter-content footer a {
color: #55acee;
font-size: 12px;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta {
padding: 0;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .the-title,
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .the-excerpt,
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .mk-readmore {
display: none;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .mk-blog-meta .mk-blog-meta-wrapper {
position: absolute;
left: 20px;
bottom: 5px;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-grid-footer {
padding-top: 25px;
padding-bottom: 25px;
}
.mk-blog-grid-item.twitter-post-type .blog-grid-holder .blog-grid-footer .mk-readmore {
display: none;
}
.mk-blog-container.no-border .mk-blog-grid-item .blog-grid-holder {
border: transparent;
}
.mk-blog-container.no-border .mk-blog-grid-item .blog-grid-holder .blog-grid-footer {
border: transparent;
}
.mk-blog-magazine-item {
margin: 0;
}
.mk-blog-magazine-item .the-title {
font-size: 16px !important;
margin-bottom: 5px;
letter-spacing: 1px;
}
.mk-blog-magazine-item .blog-item-holder {
background-color: #ffffff;
}
.mk-blog-magazine-item .mk-blog-meta {
margin-bottom: 15px;
font-size: 13px;
color: #a6a6a6;
font-style: italic;
}
.mk-blog-magazine-item .mk-blog-meta a {
color: #a6a6a6;
}
.mk-blog-magazine-item .mk-blog-meta .mk-categories,
.mk-blog-magazine-item .mk-blog-meta time {
display: inline-block;
float: left;
}
.mk-blog-magazine-item.magazine-featured-post {
box-sizing: border-box;
margin-bottom: 25px;
}
.mk-blog-magazine-item.magazine-featured-post .item-wrapper {
padding: 20px 25px 25px;
*zoom: 1;
}
.mk-blog-magazine-item.magazine-featured-post .item-wrapper:before,
.mk-blog-magazine-item.magazine-featured-post .item-wrapper:after {
content: " ";
display: table;
}
.mk-blog-magazine-item.magazine-featured-post .item-wrapper:after {
clear: both;
}
.mk-blog-magazine-item.magazine-featured-post .featured-image {
position: relative;
overflow: hidden;
}
.mk-blog-magazine-item.magazine-featured-post .featured-image img {
width: 100%;
}
.mk-blog-magazine-item.magazine-featured-post .featured-image .image-gradient-overlay {  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 70%, #ffffff 100%); position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section {
float: right;
display: inline-block;
color: #999999;
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section span {
color: #999999;
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section svg {
fill: #bdbdbd;
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section span {
font-size: 11px;
}
.mk-blog-magazine-item.magazine-featured-post .blog-magazine-social-section .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;
box-sizing: border-box;
float: left;
}
.mk-blog-magazine-item.magazine-thumb-post .the-title {
font-size: 14px !important;
margin-top: 15px;
margin-bottom: 8px;
}
.mk-blog-magazine-item.magazine-thumb-post .featured-image {
width: 20%;
float: left;
position: relative;
overflow: hidden;
}
.mk-blog-magazine-item.magazine-thumb-post .item-wrapper {
width: 70%;
float: left;
padding: 5px 5px 0 20px;
}
.mk-blog-magazine-item.magazine-thumb-post .item-wrapper .blog-title {
margin: 5px 0;
}
@media handheld, only screen and (max-width: 767px) {
.mk-blog-magazine-item.magazine-featured-post {
width: 100% !important;
padding-right: 0 !important;
margin-bottom: 25px !important;
}
.mk-blog-magazine-item.magazine-featured-post .blog-item-holder {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mk-blog-magazine-item.magazine-featured-post:before {
width: 0 !important;
}
.mk-blog-magazine-item.magazine-thumb-post {
width: 100% !important;
}
}
.mag-one-column .magazine-featured-post {
margin-bottom: 25px;
}
.mag-one-column .magazine-thumb-post {
width: 100%;
}
.mag-two-column-right .magazine-featured-post,
.mag-two-column-left .magazine-featured-post {
width: 50%;
float: right;
position: relative;
}
.mag-two-column-right .magazine-thumb-post,
.mag-two-column-left .magazine-thumb-post {
width: 50%;
}
.mag-two-column-right .magazine-featured-post {
float: right;
}
.mag-two-column-right .magazine-featured-post .blog-item-holder {
margin-left: 25px;
}
.mag-two-column-right .magazine-thumb-post {
float: left;
}
.mag-two-column-left .magazine-featured-post {
float: left;
}
.mag-two-column-left .magazine-featured-post .blog-item-holder {
margin-right: 25px;
}
.mag-two-column-left .magazine-thumb-post {
float: right;
}
.mk-blog-modern-item {
width: 100%;
margin-bottom: 50px;
position: relative;
}
.mk-blog-modern-item .mk-blog-meta {
margin: 0 20px 20px 100px;
display: block;
padding: 0 !important;
}
.mk-blog-modern-item .mk-audio-section,
.mk-blog-modern-item .featured-image,
.mk-blog-modern-item .mk-swipe-slideshow {
margin-bottom: 25px !important;
}
.mk-blog-modern-item .mk-audio-section {
height: 170px;
}
@media handheld, only screen and (max-width: 780px) {
.mk-blog-modern-item .mk-audio-section .audio-has-img {
margin: 0 !important;
}
.mk-blog-modern-item .mk-audio-section .audio-thumb {
display: none;
}
}
.mk-blog-modern-item .mk-audio-section .jp-audio.audio-has-img {
margin-left: 170px;
}
.mk-blog-modern-item .mk-audio-section .jp-audio div.jp-interface {
min-height: 160px !important;
}
.mk-blog-modern-item .blog-loop-comments,
.mk-blog-modern-item .mk-blog-share{
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: #222222;
}
.mk-blog-modern-item.blockquote-post-type .the-excerpt {
display: none;
}
.mk-blog-modern-item.blockquote-post-type .blog-blockquote-content .mk-svg-icon {
position: absolute;
top: 60px;
left: 100px;
display: block;
fill: #dddddd;
fill: rgba(0, 0, 0, 0.1);
}
.mk-blog-modern-item.blockquote-post-type .blog-blockquote-content footer {
text-align: right;
color: #999999;
font-style: italic;
font-size: 20px;
}
.mk-blog-modern-item.blockquote-post-type .blog-modern-social-section {
float: none;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta-wrapper .mk-categories {
display: none;
}
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta {
margin: 0 !important;
display: inline-block;
position: absolute;
top: 0;
left: 100px;
}
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta .the-title,
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta .mk-button {
display: none !important; 
} 
.mk-blog-modern-item.blockquote-post-type .mk-blog-meta .the-excerpt {
margin-bottom: 0;
}
.mk-blog-modern-item.instagram-post-type .instagram-image {
display: block;
}
.mk-blog-modern-item.instagram-post-type .instagram-image img {
width: 100%;
}
.mk-blog-modern-item.instagram-post-type .instagram-title {
position: absolute;
margin-top: 60px;
padding-left: 100px;
font-size: 24px;
}
.mk-blog-modern-item.instagram-post-type .instagram-title span a {
display: none;
}
.mk-blog-modern-item.instagram-post-type .instagram-title svg {
display: none;
}
.mk-blog-modern-item.instagram-post-type .the-excerpt,
.mk-blog-modern-item.instagram-post-type .mk-button-container, 
.mk-blog-modern-item.instagram-post-type .the-title {
display: none !important; 
}
.mk-blog-modern-item.instagram-post-type .mk-blog-meta {
margin-top: 20px;
}
.mk-blog-modern-item.instagram-post-type .blog-modern-social-section {
margin-top: 20px;
}
.mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper {
padding-left: 40px;
position: relative;
}
.mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper:before {
width: 24px;
height: 24px;
content: '';
position: absolute;
left: 0;
top: 0;
}
.mk-blog-modern-item.instagram-post-type .mk-blog-meta-wrapper .mk-categories {
display: none;
}
.mk-blog-modern-item.blockquote-post-type {
position: relative;
}
.mk-blog-modern-item.instagram-post-type .instagram-image {
display: block;
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content {
font-size: 22px;
color: #222222;
line-height: 40px;
padding-left: 100px;
padding-top: 50px;
word-wrap: break-word;
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content a {
color: #55acee;
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer {
line-height: normal;
display: block;
margin-top: 35px;
padding-left: 50px;
position: relative;
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer:before {
content: '';
width: 35px;
height: 30px;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
left: 0;
top: 10px;
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer a,
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer span {
display: block;
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer span {
font-weight: bold;
font-size: 20px;
color: #222222;
display: block;
}
.mk-blog-modern-item.twitter-post-type .blog-twitter-content footer a {
color: #55acee;
font-size: 16px;
display: inline-block;
}
.mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper {
position: absolute;
top: 0;
}
.mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper .mk-blog-author,
.mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper .mk-categories,
.mk-blog-modern-item.twitter-post-type .mk-blog-meta-wrapper > span {
display: none; 
}
.mk-blog-modern-item.twitter-post-type .blog-modern-social-section {
float: none;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.mk-blog-modern-item.twitter-post-type .the-title,
.mk-blog-modern-item.twitter-post-type .the-excerpt,
.mk-blog-modern-item.twitter-post-type .mk-button {
display: none !important;
}
.blog-modern-social-section {
float: left;
width: 50px;
min-height: 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: #ffffff;
position: relative;
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);
}
.mk-blog-newspaper-item.one-column {
width: 100%;
}
.mk-blog-newspaper-item.two-column {
width: 49.75%;
}
.mk-blog-newspaper-item.three-column {
width: 33.1%;
}
.mk-blog-newspaper-item.four-column {
width: 24.8%;
}
.mk-blog-newspaper-item.four-column .blog-grid-holder {
margin: 0 8px 16px 8px;
}
.mk-blog-newspaper-item .mk-swipe-slideshow img {
width: 100%;
}
@media handheld, only screen and (max-width: 960px) {
.mk-blog-newspaper-item.three-column,
.mk-blog-newspaper-item.four-column {
width: 49.5% !important;
}
}
@media handheld, only screen and (max-width: 650px) {
.mk-blog-newspaper-item.three-column,
.mk-blog-newspaper-item.four-column,
.mk-blog-newspaper-item.two-column {
width: 100% !important;
}
.mk-blog-newspaper-item .blog-item-holder {
margin: 0 0 18px 0 !important;
}
}
.mk-blog-newspaper-item .featured-image {
position: relative;
overflow: hidden;
}
.mk-blog-newspaper-item .featured-image img {
width: 100%;
max-width: 100%;
}
.mk-blog-newspaper-item .featured-image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.mk-blog-newspaper-item .audio-iframe {
margin-bottom: 0;
}
.mk-blog-newspaper-item .mk-blog-meta {
padding: 20px;
}
.mk-blog-newspaper-item time {
margin-bottom: 15px;
display: block;
}
.mk-blog-newspaper-item time a {
font-size: 11px;
line-height: 11px;
color: #999999;
font-style: italic;
letter-spacing: 1px;
}
.mk-blog-newspaper-item .the-title {
line-height: 18px;
margin-bottom: 10px !important;
letter-spacing: 1px;
}
.mk-blog-newspaper-item .the-title a {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
.mk-blog-newspaper-item .mk-readmore {
float: left;
margin-top: 7px;
}
.mk-blog-newspaper-item .blog-loop-comments,
.mk-blog-newspaper-item .newspaper-item-share{
float: right;
margin-left: 15px;
color: #cccccc;
cursor: pointer;
font-size: 11px;
}
.mk-blog-newspaper-item .blog-loop-comments svg,
.mk-blog-newspaper-item .newspaper-item-share svg{
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: #ffffff;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li {
margin: 0 0 15px 0;
padding: 0 10px;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:first-child {
padding-top: 20px !important;
border-top: 1px solid #e3e3e3;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:last-child {
padding-bottom: 10px !important;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .avatar {
float: left;
display: inline-block;
margin: 0 16px 5px;
border-radius: 100%;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-author {
font-weight: bold;
display: block;
margin: 0 0 4px 40px;
font-size: 11px;
line-height: 15px;
color: #333333;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-content {
line-height: 18px;
font-size: 11px;
color: #666666; 
display: block; 
margin-left: 50px;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share {
display: none;
list-style: none;
margin: 0;
padding: 15px;
border-top: 1px solid #e3e3e3;
text-align: center;
background-color: #ffffff;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li {
display: inline-block;
margin: 0;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a {
width: 30px;
height: 30px;
border: 1px solid #b9b9b9;
margin: 0 3px;
border-radius: 50%;
display: block;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a svg {
fill: #b9b9b9;
height: 16px;
vertical-align: 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: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
left: 0;
position: absolute;
margin-bottom: 0;
bottom: 60px;
width: calc(100% - 50px);
color: #ffffff !important;
font-size: 14px;
font-weight: bold;
text-transform: initial;
line-height: 20px;
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title span {
padding-left: 30px;
display: block;
color: #ffffff;
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title span a {
color: #55acee;
display: block;
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .instagram-title svg {
position: absolute;
left: 25px;
top: 18px;
height: 20px;
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta {
padding: 0;
}
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .the-title,
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .the-excerpt,
.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: #dddddd;
fill: rgba(0, 0, 0, 0.1);
width: 48px;
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .blog-blockquote-content footer {
text-align: right;
color: #999;
font-style: italic;
font-size: 20px;
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta {
padding: 0;
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .the-title,
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .the-excerpt {
display: none;
}
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .newspaper-item-footer .mk-readmore {
display: none;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder {
position: relative;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content {
font-size: 22px;
color: #222;
line-height: 36px;
padding-bottom: 30px;
padding: 25px 40px 90px;
word-wrap: break-word;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content:before {
content: '';
width: 100%;
height: 30px;
display: block;
margin-bottom: 45px;
background-repeat: no-repeat;
background-position: center; 
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content a {
color: #55acee;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer {
text-align: left;
line-height: normal;
margin-top: 35px;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer a,
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer span {
display: block;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer span {
font-weight: bold;
font-size: 14px;
color: #222;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .blog-twitter-content footer a {
color: #55acee;
font-size: 12px;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta {
padding: 0;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .the-title,
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .the-excerpt,
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .mk-readmore {
display: none;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .newspaper-item-footer .mk-readmore {
display: none;
} .mk-blog-newspaper-item.instagram-post-type .blog-item-holder .newspaper-item-share,
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .newspaper-item-share,
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .newspaper-item-share {
display: none;
}
.mk-blog-newspaper-item.twitter-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper,
.mk-blog-newspaper-item.blockquote-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper,
.mk-blog-newspaper-item.instagram-post-type .blog-item-holder .mk-blog-meta .mk-blog-meta-wrapper {
position: absolute;
left: 20px;
bottom: 5px;
z-index: 5
}
.mk-blog-spotlight-item {
width: 100%;
float: left;
}
.mk-blog-spotlight-item.one-column {
width: 100%;
}
.mk-blog-spotlight-item.two-column {
width: 50%;
}
.mk-blog-spotlight-item.three-column {
width: 33.33%;
}
.mk-blog-spotlight-item.four-column {
width: 25%;
}
@media handheld, only screen and (max-width: 960px) {
.mk-blog-spotlight-item.three-column,
.mk-blog-spotlight-item.four-column {
width: 50% !important;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-blog-spotlight-item.three-column,
.mk-blog-spotlight-item.four-column,
.mk-blog-spotlight-item.two-column,
.mk-blog-spotlight-item.one-column {
width: 100% !important;
}
}
.mk-blog-spotlight-item .featured-image {
position: relative;
width: 100%;
}
.mk-blog-spotlight-item .featured-image > a {
line-height: 4px;
display: block;
}
.mk-blog-spotlight-item .featured-image img {
width: 100%;
}
.mk-blog-spotlight-item .featured-image .image-hover-overlay {
opacity: .5;
background-color: #000000 !important;
transition: all 0.25s ease-out;
}
.mk-blog-spotlight-item .featured-image:hover .image-hover-overlay {
opacity: .3;
}
.mk-blog-spotlight-item .item-wrapper {
width: 100%;
height: 100%;
color: #ffffff;
position: absolute;
left: 0;
top: 0;
text-align: center;
}
.mk-blog-spotlight-item .item-wrapper:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.5em;
}
.mk-blog-spotlight-item .item-wrapper .mk-blog-meta {
vertical-align: middle;
display: inline-block;
margin: 0 auto;
max-width: 70%;
}
.mk-blog-spotlight-item .item-wrapper h3 {
margin: 8% 0;
font-size: 20px !important;
font-weight: bold !important;
letter-spacing: 2px;
}
.mk-blog-spotlight-item .item-wrapper h3,
.mk-blog-spotlight-item .item-wrapper time {
color: #ffffff;
}
.mk-blog-spotlight-item .item-wrapper h3 a,
.mk-blog-spotlight-item .item-wrapper time a {
color: #ffffff;
}
.mk-blog-spotlight-item .item-wrapper h3 a:hover,
.mk-blog-spotlight-item .item-wrapper time a:hover {
color: #ffffff;
}
.mk-blog-spotlight-item .item-wrapper time {
font-size: 14px;
font-style: italic;
letter-spacing: 1px;
margin-bottom: 30px;
text-transform: uppercase;
opacity: 0.7;
}
.mk-blog-spotlight-item .item-wrapper time:after {
width: 20px;
height: 2px;
content: "";
display: block;
margin: 6% auto;
background-color: #ffffff;
}
.mk-blog-spotlight-item .item-wrapper .mk-button {
margin: 5% auto 0;
}
.mk-blog-thumbnail-item {
width: 100%;
margin-bottom: 50px;
background-color: #ffffff;
line-height: 4px;
}
.mk-blog-thumbnail-item .mk-blog-meta {
line-height: 20px;
}
.mk-blog-thumbnail-item .mk-blog-meta-wrapper span {
display: none;
}
.mk-blog-thumbnail-item .mk-blog-meta-wrapper .blog-meta-item:after {
content: "/";
margin: 0 5px;
}
.mk-blog-thumbnail-item.content-align-right .item-wrapper {
float: right;
padding: 35px 30px 15px; 
}
.mk-blog-thumbnail-item.content-align-left .item-wrapper {
float: left;
padding-right: 20px;
}
.mk-blog-thumbnail-item .featured-image {
position: relative;
display: inline-block;
overflow: hidden;
max-width:35%; 
float: left;
}
.mk-blog-thumbnail-item .featured-image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.mk-blog-thumbnail-item .item-wrapper {
width: 63%;
display: inline-block; 
}
.mk-blog-thumbnail-item.full-width-post .item-wrapper {
padding: 35px;
width: 100%;
}
.mk-blog-thumbnail-item .item-wrapper .mk-blog-author,
.mk-blog-thumbnail-item .item-wrapper .mk-categories {
display: inline;
}
.mk-blog-thumbnail-item .item-wrapper h3 {
margin: 20px 0;
letter-spacing: 1px;
}
.mk-blog-thumbnail-item .item-wrapper .the-excerpt {
margin-bottom: 20px;
}
.mk-blog-thumbnail-item .featured-image img {
width: 100%;
}
@media handheld, only screen and (max-width: 767px) {
.mk-blog-thumbnail-item .featured-image {
max-width: 100%;
width: 100%;
margin-bottom: 20px;
}
.mk-blog-thumbnail-item .mk-button-align.left {
text-align: left !important;
}
.mk-blog-thumbnail-item .item-wrapper {
width: 100%;
padding: 30px !important;
}
} .posts-carousel {
margin-bottom: 20px;
}
.posts-carousel .mk-fancy-title {
margin-right: 35px;
}
.posts-carousel .view-all {
float: right;
padding: 0 7px;
font-size: 11px;
}
.posts-carousel .item-holder {
margin: 0 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.posts-carousel .flex-viewport ul {
margin: 0;
padding: 0;
list-style: none;
}
.posts-carousel .flex-viewport ul li {
position: relative;
}
.posts-carousel .flex-viewport ul li.blockquote-post-type,
.posts-carousel .flex-viewport ul li.instagram-post-type,
.posts-carousel .flex-viewport ul li.twitter-post-type{
display: none;
}
.posts-carousel .flex-direction-nav a {
position: absolute;
top: -37px;
}
.posts-carousel .flex-direction-nav svg {
fill: #aaaaaa;
}
.posts-carousel .flex-prev {
right: 20px;
}
.posts-carousel .flex-next {
right: 0px;
}
.posts-carousel .item-thumb {
position: relative;
}
.posts-carousel .item-thumb a {
z-index: 20;
}
.posts-carousel .detail-holder {
min-height: 60px;
}
.posts-carousel .item-title {
display: block;
margin-bottom: 0;
padding: 15px;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}
.posts-carousel .item-excerpt {
margin: 0;
padding: 0 15px 15px;
font-size: 12px;
text-align: center;
} .mk-blog-showcase {
padding: 30px 0;
}
.mk-blog-showcase ul {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}
.mk-blog-showcase ul li {
position: relative;
display: inline-block;
float: left;
margin: 0;
padding: 0 10px 0 0;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-blog-showcase ul li {
display: block !important;
float: none !important;
margin-bottom: 20px;
width: 100%;
}
.mk-blog-showcase ul li .blog-showcase-extra-info {
opacity: 1;
}
}
@media handheld, only screen and (max-width: 600px) {
.mk-blog-showcase ul li {
display: block !important;
float: none !important;
margin-bottom: 15px;
padding: 0 !important;
}
.mk-blog-showcase ul li .blog-showcase-extra-info {
position: relative !important;
left: 0 !important;
width: auto !important;
height: auto !important;
}
.mk-blog-showcase ul li .mk-blog-showcase-thumb {
max-width: 100%;
width: 100% !important;
height: auto !important;
line-height: 4px;
}
.mk-blog-showcase ul li .mk-blog-showcase-thumb img {
max-width: 100%;
width: 100%;
height: auto !important;
}
}
.mk-blog-showcase ul li:last-child {
padding-right: 0 !important;
}
.mk-blog-showcase ul li.mk-blog-first-el {
padding-right: 270px;
}
.mk-blog-showcase ul li.mk-blog-first-el .blog-showcase-extra-info {
opacity: 1;
}
.mk-blog-showcase ul li.mk-blog-first-el .mk-blog-showcase-thumb {
border-right: none;
}
.showcase-blog-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.mk-blog-showcase-thumb {
position: relative;
overflow: hidden;
margin-bottom: 5px;
width: 260px;
height: 180px;
}
.mk-blog-showcase-thumb:hover .showcase-blog-overlay {
opacity: .8;
}
.mk-blog-showcase-thumb:hover a {
opacity: 1;
}
.mk-blog-showcase-thumb a {
position: absolute;
top: 50%;
left: 50%;
margin: -24px 0 0 -24px;
width: 48px;
height: 48px;
text-align: center;
display: block;
opacity: 0;
}
.mk-blog-showcase-thumb a svg {
fill: #ffffff;
height: 48px;
}
.blog-showcase-extra-info {
position: absolute;
top: 2px;
left: 270px;
overflow: hidden;
margin: 0;
padding-left: 5px;
width: 250px;
height: 180px;
opacity: 0;
}
.blog-showcase-extra-info time {
display: block;
margin-bottom: 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-right: none;
border-left: none;
line-height: 24px;
}
.blog-showcase-extra-info time a {
color: #999999;
font-size: 10px;
}
.right-layout .mk-blog-showcase ul li.mk-blog-first-el,
.left-layout .mk-blog-showcase ul li.mk-blog-first-el {
padding-right: 260px;
}
.right-layout .blog-showcase-extra-info,
.left-layout .blog-showcase-extra-info {
width: 240px;
}
.blog-showcase-title {
display: inline-block;
margin-bottom: 0;
color: #333333;
font-weight: bold;
font-size: 13px;
line-height: 20px !important;
}
.blog-showcase-more {
font-size: 12px;
}
.blog-showcase-more svg{
vertical-align: middle;
margin-left: 5px;
} .mk-blog-teaser { }
.mk-blog-teaser .blog-meta {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
width: 100%;
padding: 10px 30px 25px;
}
.mk-blog-teaser .blog-title {
position: relative;
font-size: 18px !important;
padding-bottom: 18px;
margin-bottom: 12px;
letter-spacing: 1px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 90%;
color: #ffffff !important;
}
.mk-blog-teaser .blog-title:after {
width: 70px;
height: 3px;
content: "";
background-color: #ffffff;
display: block;
position: absolute;
left: 0;
bottom: 1px;
-webkit-transform: scale(0.4, 1);
-moz-transform: scale(0.4, 1);
-o-transform: scale(0.4, 1);
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: left center;
transition: all 0.25s ease-in-out;
}
.mk-blog-teaser .blog-title a {
color: #ffffff;
}
.mk-blog-teaser .blog-categories,
.mk-blog-teaser time {
display: inline-block;
font-size: 12px;
font-style: italic;
opacity: 0.7;
color: #ffffff;
font-weight: bold;
line-height: 14px;
}
.mk-blog-teaser .blog-categories a,
.mk-blog-teaser time a {
color: #ffffff;
}
.mk-blog-teaser .thumb-featured-image {
position: relative;
}
.mk-blog-teaser .image-hover-overlay {
opacity: 0.4;
background-color: #000000 !important;
}
.mk-blog-teaser .blog-slider-item:hover .blog-title:after,
.mk-blog-teaser .blog-teaser-side-item:hover .blog-title:after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.mk-blog-teaser article:hover .image-hover-overlay {
opacity: 0.2;
}
.mk-blog-teaser .blog-teaser-side-item .blog-title {
font-size: 14px !important;
}
.mk-blog-teaser .blog-teaser-side-item .blog-meta {
padding: 10px 30px 18px;
}
.mk-blog-teaser .blog-slider-item {
width: 60%;
float: left; }
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry {
position: relative;
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry .teaser-comment-love-wrapper {
position: absolute;
right: 25px;
bottom: 25px;
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment {
color: #ffffff;
display: inline-block;
padding-left: 5px;
margin-left: 5px;
font-weight: bold;
font-style: italic;
font-size: 12px;
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment svg {
height: 16px;
vertical-align: middle;
fill: #ffffff;
}
.mk-blog-teaser .blog-slider-item .blog-slideshow-entry .blog-teaser-comment span {
color: #ffffff;
padding-left: 3px;
}
.mk-blog-teaser .blog-teaser-side-item {
overflow: hidden;
float: left;
position: relative;
}
.mk-blog-teaser .blog-teaser-side-item .item-holder {
margin-left: 8px;
}
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 40%;
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 20%;
}
.mk-blog-teaser .blog-teaser-side-item.half-item .item-holder {
margin-top: 8px;
}
@media handheld, only screen and (max-width: 767px) {
.mk-blog-teaser .blog-slider-item {
width: 100%;
float: none;
}
.mk-blog-teaser .thumb-featured-image img {
width: 100%;
}
.mk-blog-teaser .blog-teaser-side-item.full-item .item-holder {
margin-left: 0;
}
.mk-blog-teaser .blog-teaser-side-item .item-holder {
margin-top: 8px;
}
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 50%;
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 25%;
}
}
@media handheld, only screen and (max-width: 600px) {
.mk-blog-teaser .blog-teaser-side-item .item-holder {
margin: 0 !important;
}
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 100%;
float: none;
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 50%;
}
}
.mk-button {
box-sizing: border-box;
transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
-webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
}
.mk-button .mk-button--icon{
margin: -2px 15px 0 0;
}
.mk-button .mk-button--icon svg{
height: 16px;
vertical-align: middle;
} .mk-button-container.text-center {
clear:both;
} .mk-button-container.width-full {
width: 100%;
float: none;
} .mk-button--corner-pointed,
.mk-button--corner-pointed .double-outline-inside {
border-radius: 0;
}
.mk-button--corner-rounded,
.mk-button--corner-rounded .double-outline-inside {
border-radius: 3px;
}
.mk-button--corner-full_rounded,
.mk-button--corner-full_rounded .double-outline-inside {
border-radius: 50px;
} .mk-button--size-small {
padding: 12px 18px;
font-size: 10px;
line-height: 100%;
}
.mk-button--size-medium {
padding: 14px 24px;
font-size: 12px;
line-height: 100%;
}
.mk-button--size-large {
padding: 20px 28px;
font-size: 14px;
line-height: 100%;
}
.mk-button--size-x-large {
padding: 28px 36px;
font-size: 16px;
line-height: 100%;
}
.mk-button--size-xx-large {
padding: 38px 44px;
font-size: 18px;
line-height: 100%;
}  .mk-button--dimension-three.text-color-light ,
.mk-button--dimension-two.text-color-light {
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.mk-button--dimension-three.text-color-dark ,
.mk-button--dimension-two.text-color-dark {
text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}
.mk-button--dimension-two {
box-shadow: inset 0 0 1px rgba(0,0,0,.8);
} .mk-button--dimension-flat.text-color-light {
color: #ffffff;
}
.mk-button--dimension-flat.text-color-light .mk-svg-icon {
fill: #ffffff;
}
.mk-button--dimension-flat.text-color-dark {
color: #252525;
}
.mk-button--dimension-flat.text-color-dark .mk-svg-icon {
fill: #252525;
} .mk-button--dimension-outline,
.mk-button--dimension-savvy {
border-width: 2px;
border-style: solid;
}
.mk-button--dimension-outline.skin-dark,
.mk-button--dimension-savvy.skin-dark {
border-color: #252525;
color: #252525;
}
.mk-button--dimension-outline.skin-light,
.mk-button--dimension-savvy.skin-light {
border-color: #ffffff;
color: #ffffff;
} .mk-button--dimension-outline.skin-dark:hover {
background-color: #252525;
color: #ffffff;
}
.mk-button--dimension-outline.skin-light:hover {
background-color: #ffffff;
color: #252525;
} .mk-button--dimension-savvy {
overflow: hidden;
}
.mk-button--dimension-savvy::after {
content: "";
position: absolute;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0);
height: 0;
width: 0;
opacity: 0;
}
.mk-button--dimension-savvy.mk-button--corner-full_rounded{
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.mk-button--dimension-savvy .mk-button--text,
.mk-button--dimension-savvy .mk-button--icon {
position: relative;
z-index: 2;
}
.mk-button--dimension-savvy:hover::after {
width: 120%;
height: 4000%;
opacity: 1;
}
.mk-button--dimension-savvy.skin-dark:hover {
color: #ffffff;
}
.mk-button--dimension-savvy.skin-light:hover {
color: #252525;
}
.mk-button--dimension-savvy.skin-dark::after {
background-color: #252525;
}
.mk-button--dimension-savvy.skin-light::after {
background-color: #ffffff;
} .mk-button--dimension-double-outline,
.mk-button--dimension-double-outline .double-outline-inside {
border-width: 1px;
border-style: solid;
}
.mk-button--dimension-double-outline .double-outline-inside {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: -4px;
top: -4px;
box-sizing: border-box;
width: calc(100% + 8px);
height: calc(100% + 8px);
z-index: 1;
}
.mk-button--dimension-double-outline.skin-dark{
background-color: #222222;
color: #ffffff;
}
.mk-button--dimension-double-outline.skin-dark .mk-svg-icon { fill: #fff !important; }
.mk-button--dimension-double-outline.skin-dark,
.mk-button--dimension-double-outline.skin-dark .double-outline-inside {
border-color: #222222;
}
.mk-button--dimension-double-outline.skin-dark:hover{
background-color: #ffffff;
color: #222222;
}
.mk-button--dimension-double-outline.skin-dark:hover .mk-svg-icon { fill: #222 !important; }
.mk-button--dimension-double-outline.skin-light{
background-color: #ffffff;
color: #222222;
}
.mk-button--dimension-double-outline.skin-light .mk-svg-icon { fill: #222 !important; }
.mk-button--dimension-double-outline.skin-light,
.mk-button--dimension-double-outline.skin-light .double-outline-inside {
border-color: #ffffff;
}
.mk-button--dimension-double-outline.skin-light:hover{
background-color: #222222;
color: #ffffff;
}
.mk-button--dimension-double-outline.skin-light:hover .mk-svg-icon { fill: #fff !important; } .mk-button--anim-vertical,
.mk-button--anim-side {
overflow: hidden;
}
.mk-button--anim-side .mk-button .mk-button--icon {
opacity: 0;
-ms-transform: translateX(-30px);
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;
-ms-transform: translateX(-17px);
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 {
-ms-transform: translateX(-17.5px);
transform: translateX(-17.5px);
-webkit-transform: translateX(-17.5px);
}
.mk-button--anim-side .mk-button.mk-button--size-xx-large .mk-button--text {
-ms-transform: translateX(-18px);
transform: translateX(-18px);
-webkit-transform: translateX(-18px);
}
.mk-button--anim-side .mk-button:hover .mk-button--icon {
opacity: 1;
}
.mk-button--anim-side .mk-button:hover .mk-button--text,
.mk-button--anim-side .mk-button:hover .mk-button--icon {
-ms-transform: translateX(0);
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: none;
background: none;
line-height: 100%;
}
button.mk-button::-moz-focus-inner,
input[type="text"].mk-button::-moz-focus-inner {
border: none;
}
@media handheld, only screen and (max-width: 767px) {
.mk-button-container {
display: block;
text-align: center;
width: 100%;
}
.mk-button-container .mk-button {
float: none;
}
.ls-wp-container .mk-button {
padding: 8px 10px;
font-size: 10px;
line-height: 100%;
}
.ls-wp-container .mk-button i {
margin-top: -3px;
font-size: 10px;
}
.mk-button-container{
width: 100%;
float: none;
}
}
@media handheld, only screen and (max-width: 550px) {
.ls-wp-container .mk-button {
padding: 5px 8px;
font-size: 8px;
line-height: 100%;
}
.ls-wp-container .mk-button i {
margin-top: -3px;
font-size: 10px;
}
}
.mk-button.skin-dark .mk-svg-icon,
.mk-button.skin-light:hover .mk-svg-icon { fill: #252525; }
.mk-button.skin-light .mk-svg-icon,
.mk-button.skin-dark:hover .mk-svg-icon { fill: #ffffff; } .mk-button-container .added_to_cart {
display: none;
}
.mk-gradient-button a {
transition: background .2s linear;
position: relative;
display: inline-block;
font-weight: bold;
text-align: center;
}
.mk-gradient-button a.dark-skin {
color: #222222;
}
.mk-gradient-button a.light-skin {
color: #ffffff;
}
.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 .text,
.mk-gradient-button a.mk-button--dimension-double-outline .double-outline-inside .text {
transition: position 0.2s linear, z-index 0.2s linear;
}
.mk-gradient-button a.mk-button--dimension-two,
.mk-gradient-button a.mk-button--dimension-flat {
transition: color .2s linear;
}
.mk-gradient-button a.mk-button--dimension-two .text,
.mk-gradient-button a.mk-button--dimension-flat .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 0.2s linear, color 0.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;
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, 0.2);
opacity: 0;
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: #ffffff;
}
.mk-gradient-button a:hover.dark-skin {
color: #222222;
}
.mk-gradient-button.custom-width-true a {
display: block;
}
.mk-gradient-button.btn-align-left,
.mk-gradient-button.btn-align-right,
.mk-gradient-button.btn-align-none {
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%;
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%;
}
.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-title,
.mk-category-loop .mk-loop-item .item-holder figcaption .item-desc {
display: block;
}
.mk-category-loop .mk-loop-item .item-holder figcaption .item-title {
font-size: 20px;
margin-bottom: 15px;
font-weight: bold;
}
.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.simple-title-effect .mk-loop-item .item-holder figcaption .caption,
.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 {
display: table;
text-align: center;
width: 100%;
height: 100%;
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption .centered,
.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 {
display: table-cell;
vertical-align: middle;
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .caption .centered .item-desc,
.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 {
max-width: 80%;
margin: 0 auto;
height: 0;
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-title,
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-desc {
-webkit-transform: translateY(0);
-ms-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 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder figcaption .item-desc {
transition: opacity 0.25s, -webkit-transform 0.35s;
transition: opacity 0.25s, transform 0.35s;
transition: opacity 0.25s, transform 0.35s, -webkit-transform 0.35s;
transition-delay: 0.05s;
transition-duration: 0.35s;
opacity: 0;
}
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-title,
.mk-category-loop.simple-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc {
-webkit-transform: translateY(-40px);
-ms-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:before,
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc {
opacity: 0;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-title,
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder figcaption .item-desc {
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);
-ms-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);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder:hover figcaption:before,
.mk-category-loop.framed-title-effect .mk-loop-item .item-holder:hover figcaption .item-desc {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-title,
.mk-category-loop.modern-title-effect .mk-loop-item .item-holder figcaption .item-desc {
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 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
word-spacing: -0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
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-title,
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-desc {
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 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
.mk-category-loop.editorial-title-effect .mk-loop-item .item-holder figcaption .item-desc {
opacity: 0;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.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;
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:before,
.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 .item-desc {
z-index: 3;
}
.mk-category-loop.gradient-image-effect .mk-loop-item .item-holder figcaption:after {
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 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 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: scale(1.12);
-ms-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);
-ms-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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.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--3-12,
.mk-category-loop .mk--col.mk--col--4-12,
.mk-category-loop .mk--col.mk--col--1-2{
width: 50%;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-category-loop .mk--col.mk--col--3-12,
.mk-category-loop .mk--col.mk--col--4-12,
.mk-category-loop .mk--col.mk--col--1-2 {
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__text,
.mk-chart__percent {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100% !important;
color: #444444;
text-align: center;
height: 100% !important;
}
.mk-chart__percent {
font-weight: bold;
}
.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-direction-nav a svg {
fill: #aaaaaa;
height: 12px !important;
}
.mk-clients .flex-prev {
right: 20px;
}
.mk-clients .flex-next {
right: 0px;
}
.mk-clients.column-style ul {
overflow: hidden;
}
.mk-clients.column-style li {
float: left;
margin: 0;
padding: 0;
}
.mk-clients.column-style.one-column li {
width: 100%;
}
.mk-clients.column-style.two-column li {
width: 50%;
}
.mk-clients.column-style.three-column li {
width: calc(100% / 3);
}
.Edge .mk-clients.column-style.three-column li,
.IE10 .mk-clients.column-style.three-column li,
.IE11 .mk-clients.column-style.three-column li {
width: calc(100% / 3 - 1px);
}
.mk-clients.column-style.four-column li {
width: 25%;
}
.mk-clients.column-style.five-column li {
width: 20%;
}
.mk-clients.column-style.six-column li {
width: calc(100% / 6);
}
.Edge .mk-clients.column-style.six-column li,
.IE10 .mk-clients.column-style.six-column li,
.IE11 .mk-clients.column-style.six-column li {
width: calc(100% / 6 - 1px);
}
.mk-clients.column-style.border-boxed ul {
border-top-style: none!important;
}
.mk-clients.column-style.border-boxed ul:first-of-type .client-logo {
border-top-style: solid !important;
}
.mk-clients.column-style.border-opened_edges ul:last-child .client-logo {
border-bottom-style: none!important;
}
@media handheld, only screen and (max-width: 960px) {
.mk-clients.column-style.three-column li,
.mk-clients.column-style.four-column li,
.mk-clients.column-style.five-column li,
.mk-clients.column-style.six-column li {
width: calc(100% / 3) !important;
}
.mk-clients.column-style.border-opened_edges.three-column li:nth-child(3) .client-logo,
.mk-clients.column-style.border-opened_edges.four-column li:nth-child(3) .client-logo,
.mk-clients.column-style.border-opened_edges.five-column li:nth-child(3) .client-logo,
.mk-clients.column-style.border-opened_edges.six-column li:nth-child(3) .client-logo {
border-right-style: none!important;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-clients.column-style.three-column li,
.mk-clients.column-style.four-column li,
.mk-clients.column-style.five-column li,
.mk-clients.column-style.six-column li {
width: 50% !important;
}
.mk-clients.column-style.border-opened_edges.three-column li:nth-child(2) .client-logo,
.mk-clients.column-style.border-opened_edges.four-column li:nth-child(2) .client-logo,
.mk-clients.column-style.border-opened_edges.five-column li:nth-child(2) .client-logo,
.mk-clients.column-style.border-opened_edges.six-column li:nth-child(2) .client-logo {
border-right-style: none!important;
}
}
@media handheld, only screen and (max-width: 550px) {
.mk-clients.column-style.three-column li,
.mk-clients.column-style.four-column li,
.mk-clients.column-style.two-column li,
.mk-clients.column-style.five-column li,
.mk-clients.column-style.six-column li {
width: 100% !important;
}
.mk-clients.column-style.border-opened_edges.two-column li:nth-child(1) .client-logo,
.mk-clients.column-style.border-opened_edges.three-column li:nth-child(1) .client-logo,
.mk-clients.column-style.border-opened_edges.four-column li:nth-child(1) .client-logo,
.mk-clients.column-style.border-opened_edges.five-column li:nth-child(1) .client-logo,
.mk-clients.column-style.border-opened_edges.six-column li:nth-child(1) .client-logo {
border-right-style: solid !important;
border-left-style: solid !important;
border-right-width: 1px !important;
border-left-width: 1px !important;
}
.mk-clients.column-style.border-opened_edges .mk-clients-fixed-list:first-of-type .client-logo {
border-top-style: solid !important;
border-top-width: 1px !important;
}
.mk-clients.column-style.border-opened_edges .mk-clients-fixed-list:last-of-type .client-logo {
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
}
} textarea, input, button, select {
font-family: inherit;
font-size: inherit;
} .contact-captcha-invalid::-moz-placeholder, .contact-captcha-invalid:-moz-placeholder {
color: red !important;
letter-spacing: 0 !important;
}
.contact-captcha-invalid::-webkit-input-placeholder {
color: red !important;
letter-spacing: 0 !important;
}
.contact-captcha-invalid:-ms-input-placeholder {
color: red !important;
letter-spacing: 0 !important;
}
.contact-captcha-valid::-moz-placeholder, .contact-captcha-valid:-moz-placeholder {
color: #008200 !important;
letter-spacing: 0 !important;
}
.contact-captcha-valid::-webkit-input-placeholder {
color: #008200 !important;
letter-spacing: 0 !important;
}
.contact-captcha-valid:-ms-input-placeholder {
color: #008200 !important;
letter-spacing: 0 !important;
}
.mk-contact-form {
position: relative;
margin: 2px 0 20px;
}
.mk-contact-form .mk-form-third {
width: 33.3333%;
float: left;
}
.mk-contact-form .mk-form-half {
width: 50%;
float: left;
}
.mk-contact-form .s_form-all {
position: relative;
}
.mk-contact-form .s_form-all .s_txt-input {
-webkit-appearance: none;
}
.s_contact .mk-gdpr-consent-check {
text-align: left !important;
padding-left: 4px;
}
.mk-gdpr-consent-check label {
font-size: 14px;
color: #666666;
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 #ff0000;
}
.mk-checkbox.mk-invalid {
outline: 1px solid #ff0000;
} .s_contact .mk-form-row {
margin-bottom: 12px;
text-align: center;
width: 100%;
position: relative;
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 #ff0000 !important;
} .s_contact.light .captcha-change-image {
color: #333;
}
.s_contact.light .s_txt-input, .s_contact.dark .s_txt-input:focus {
background-color: rgba(255, 255, 255, 0.8);
color: #252525;
border: none;
}
.s_contact.light .s_txt-input::-moz-placeholder, .s_contact.light .s_txt-input:-moz-placeholder {
color: #252525;
}
.s_contact.light .s_txt-input::-moz-placeholder, .s_contact.light .s_txt-input:-moz-placeholder {
color: #252525;
}
.s_contact.dark .s_txt-input:focus::-webkit-input-placeholder {
color: #252525;
}
.s_contact.dark .s_txt-input:focus:-ms-input-placeholder {
color: #252525;
}
.s_contact.light .s_txt-input:-ms-input-placeholder {
color: #252525;
}
.s_contact.light .s_txt-input::-webkit-input-placeholder {
color: #252525;
} .s_contact.dark .captcha-change-image {
color: #969696;
}
.s_contact.dark .s_txt-input, .s_contact.light .s_txt-input:focus {
background-color: rgba(0, 0, 0, 0.8);
color: #ffffff;
border: none;
}
.s_contact.light .s_txt-input:focus::-moz-placeholder, .s_contact.light .s_txt-input:focus:-moz-placeholder {
color: #ffffff;
}
.s_contact.dark .s_txt-input::-moz-placeholder, .s_contact.dark .s_txt-input:-moz-placeholder {
color: #ffffff;
}
.s_contact.light .s_txt-input:focus::-webkit-input-placeholder {
color: #ffffff;
}
.s_contact.dark .s_txt-input:-ms-input-placeholder {
color: #ffffff;
} .s_contact .s_txt-input {
border: medium none;
}
.s_modern.s_contact .captcha-change-image {
width: 100px;
top: 15px;
}
.s_modern.s_contact.light .mk-gdpr-consent-check label {
color: #eee;
}
.s_modern.s_contact.dark .mk-gdpr-consent-check label {} .s_contact.s_outline .mk-form-row {
margin-bottom: 0;
}
.s_contact.s_outline .captcha-block {
position: absolute;
width: 50%;
right: 0;
top: 0;
}
.s_contact.s_outline .captcha-block a, .s_contact.s_outline .captcha-block img {
text-align: left;
max-height: none;
}
.s_contact.s_outline .captcha-block a {
display: inline-block;
padding: 17px 0;
position: static;
}
.s_contact.s_outline .captcha-block img {
height: 50px;
max-width: 50%;
position: relative;
top: 2px;
}
.s_contact.s_outline .captcha-change-image {
width: 100px;
}
.s_contact.s_outline .s_txt-input {
margin: 0;
background-color: transparent;
outline: 0 none;
transition: all 0.2s ease 0s;
padding: 18px;
text-align: left;
}
.s_contact.s_outline .s_txt-input::-webkit-input-placeholder {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
}
.s_contact.s_outline .s_txt-input:-ms-input-placeholder {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
}
.s_contact.s_outline .s_txt-input:-moz-placeholder, .s_contact.s_outline .s_txt-input::-moz-placeholder {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
}
.s_contact.s_outline .contact-outline-submit {
width: 100%;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding: 18px;
font-size: 13px;
font-weight: 700;
transition: all 0.15s ease 0s;
}
.s_contact.s_outline .mk-contact-loading {
right: 15px;
bottom: 16px;
font-size: 20px;
text-align: center;
line-height: 1;
box-sizing: border-box;
}
.s_contact.s_outline .mk-contact-success {
right: 15px;
bottom: 20px;
width: 20px;
height: 20px;
font-size: 20px;
}
.s_contact.s_outline .mk-invalid {
border: 1px solid #ff0000;
box-shadow: 0 0 0 1px #ff0000 !important;
} .s_contact.s_outline.light .captcha-change-image {
color: #969696;
}
.s_contact.s_outline.light .s_txt-input, .s_contact.s_outline.light .contact-outline-submit {
border: 1px solid #e5e5e5;
box-shadow: 0 0 0 1px #e5e5e5;
color: #ffffff;
}
.s_contact.s_outline.light .s_txt-input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.s_contact.s_outline.light .s_txt-input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.s_contact.s_outline.light .s_txt-input::-moz-placeholder, .s_contact.s_outline.light .s_txt-input:-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.s_contact.s_outline.light .s_txt-input:focus {
background: rgba(255, 255, 255, 0.1);
}
.s_contact.s_outline.light .contact-outline-submit:hover {
background: rgba(255, 255, 255, 0.4);
}
.s_contact.s_outline.light .mk-contact-loading, .s_contact.s_outline.light .mk-contact-success {
color: #ffffff;
} .s_contact.s_outline.dark .captcha-change-image {
color: #333;
}
.s_contact.s_outline.dark .s_txt-input, .s_contact.s_outline.dark .contact-outline-submit {
border: 1px solid #333;
box-shadow: 0 0 0 1px #333;
color: #222222;
}
.s_contact.s_outline.dark .s_txt-input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.8);
}
.s_contact.s_outline.dark .s_txt-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.8);
}
.s_contact.s_outline.dark .s_txt-input::-moz-placeholder, .s_contact.s_outline.dark .s_txt-input:-moz-placeholder {
color: rgba(0, 0, 0, 0.8);
}
.s_contact.s_outline.dark .s_txt-input:focus {
background-color: rgba(0, 0, 0, 0.1);
color: #222222;
}
.s_contact.s_outline.dark .contact-outline-submit:hover {
background: rgba(0, 0, 0, 0.3);
}
.s_contact.s_outline.dark .mk-contact-loading, .s_contact.s_outline.dark .mk-contact-success {
color: #222222;
}
.s_contact.s_outline .mk-gdpr-consent-check {
padding: 13px 16px;
text-align: left;
}
.s_contact.s_outline.dark .mk-gdpr-consent-check {
border: 1px solid #333;
box-shadow: 0 0 0 1px #333;
}
.s_contact.s_outline.dark .mk-gdpr-consent-check label {
color: #222222;
}
.s_contact.s_outline.light .mk-gdpr-consent-check {
border: 1px solid #e5e5e5;
box-shadow: 0 0 0 1px #e5e5e5;
}
.s_contact.s_outline.light .mk-gdpr-consent-check label {
color: #ffffff;
} .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;
transition: all 0.2s ease 0s;
padding: 18px;
width: 100%;
text-align: left;
border: 1px solid transparent;
}
.s_contact.s_corporate .s_txt-input::-webkit-input-placeholder, .s_contact.s_corporate .s_txt-input:-ms-input-placeholder {
font-size: 12px;
letter-spacing: 2px;
}
.s_contact.s_corporate .s_txt-input::-moz-placeholder, .s_contact.s_corporate .s_txt-input:-moz-placeholder {
font-size: 12px;
letter-spacing: 2px;
}
.s_contact.s_corporate .s_txt-input:focus {
background: red;
}
.s_contact.s_corporate .s_txt-input:focus:-ms-input-placeholder, .s_contact.s_corporate .s_txt-input:focus::-webkit-input-placeholder {
opacity: .8;
}
.s_contact.s_corporate .s_txt-input:focus:-moz-placeholder, .s_contact.s_corporate .s_txt-input:focus::-moz-placeholder {
opacity: .8;
}
.s_contact.s_corporate .contact-submit {
padding: 20px 28px;
transition: all 0.15s;
float: right;
margin-right: 5px;
margin-top: 5px;
}
.s_contact.s_corporate .contact-submit 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;
box-sizing: border-box;
}
.s_contact.s_corporate .mk-contact-success {
right: 15px;
bottom: 20px;
width: 20px;
height: 20px;
font-size: 20px;
}
.s_contact.s_corporate .state-success {
right: 30px !important;
}
.s_contact.s_corporate .mk-invalid {
border: 1px solid #ff0000;
box-shadow: 0 0 0 1px #ff0000 !important;
} .s_contact.s_classic .mk-form-row {
text-align: left;
}
.s_contact.s_classic .captcha-block {
display: inline-block;
}
.s_contact.s_classic .captcha-image {
max-height: 40px;
position: static;
}
.s_contact.s_classic .captcha-change-image {
position: static;
text-align: left;
}
.s_contact.s_classic .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: bold;
font-size: 12px;
}
@media handheld, only screen and (max-width: 767px) {
.s_contact .s_txt-input, .s_contact .mk-textarea {
width: 100%
}
.s_contact .mk-form-row.one-third, .s_contact .mk-form-row.half {
width: 100%;
float: none;
}
} .s_contact.s_line .s_txt-input, .s_contact.s_line .mk-form-row {
text-align: left !important;
}
.s_contact.s_line .captcha-image {
max-height: 38px;
position: absolute;
top: 4px;
right: 0;
z-index: 10;
left: auto;
}
.s_contact.s_line .captcha-change-image-box {
display: block;
padding: 10px 0;
position: relative;
top: -20px;
}
.s_contact.s_line .contact-submit {
font-size: 12px;
transition: all 0.15s;
float: right;
margin-right: 5px;
}
.s_contact.s_line .mk-form-half {
width: calc(50% - 10px);
}
.s_contact.s_line .mk-form-third {
width: calc(33.3% - 10px);
}
.s_contact.s_line .s_form-all {
margin: 5px;
}
.s_contact.s_line .text-input {
height: 45px;
}
.s_contact.s_line .s_txt-input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding: 0;
margin-bottom: 2em;
color: #000;
display: block;
border: 0 none;
-webkit-appearance: none; }
.s_contact.s_line .s_txt-input:focus {
outline: none;
}
.s_contact.s_line .ls-text-label {
display: inline-block;
color: #000000;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
position: absolute;
text-align: left;
font-size: 1em;
padding: 10px 0 5px;
pointer-events: none;
left: 0;
top: 0;
}
.s_contact.s_line .ls-text-label.full {
height: 92%;
padding: 0;
}
.s_contact.s_line .ls-text-label::after {
content: '';
position: absolute;
width: 100%;
height: 5px;
background: #000000;
left: 0;
top: 100%;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
transition: background-color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}
.s_contact.s_line .ls-text-label .ls-text-label--content {
position: relative;
display: block;
width: 100%;
padding: 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
transition: color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s;
}
.s_contact.s_line .text-input.mk-invalid {
border: 0 !important;
}
.s_contact.s_line .text-input.mk-invalid+.ls-text-label::after {
background-color: red !important;
}
.s_contact.s_line .is-active .ls-text-label::after, .s_contact.s_line .text-input.mk-invalid+.ls-text-label::after, .s_contact.s_line .mk-textarea.mk-invalid+.ls-text-label::after, .s_contact.s_line .is-active .ls-text-label::after, .s_contact.s_line .text-input:focus+.ls-text-label::after, .s_contact.s_line .mk-textarea:focus+.ls-text-label::after {
background: #222222;
-webkit-transform: scale3d(1, 0.25, 1);
transform: scale3d(1, 0.25, 1);
}
.s_contact.s_line .is-active .text-input+.ls-text-label .ls-text-label--content, .s_contact.s_line .text-input:focus+.ls-text-label .ls-text-label--content {
-webkit-transform: translate3d(0, 3em, 0) scale3d(0.655, 0.655, 1);
transform: translate3d(0, 3em, 0) scale3d(0.655, 0.655, 1);
}
.s_contact.s_line .is-active .mk-textarea+.ls-text-label .ls-text-label--content, .s_contact.s_line .mk-textarea:focus+.ls-text-label .ls-text-label--content {
-webkit-transform: translate3d(0, 14em, 0) scale3d(0.655, 0.655, 1);
transform: translate3d(0, 14em, 0) scale3d(0.655, 0.655, 1);
} @media handheld, only screen and (max-width: 960px) {
.mk-contact-form-shortcode .contact-form-spliter {
float: none !important;
margin-bottom: 6px;
width: 100% !important;
}
.mk-contact-form-shortcode button {
display: block;
width: 100%;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-contact-form .text-input, .mk-contact-form .mk-textarea, .mk-contact-form .mk-form-half, .mk-contact-form .mk-form-third {
width: 100% !important;
float: none;
}
} .compose-mode .mk-contact-form-wrapper.line-style .mk-progress-button--wrap, .compose-mode .mk-contact-form-wrapper.corporate-style .mk-progress-button--wrap {
display: inline-block;
float: right;
}
.compose-mode .mk-contact-form-wrapper.classic-style .mk-progress-button--wrap, .compose-mode .mk-contact-form-wrapper.modern-style .mk-progress-button--wrap {
display: inline-block;
}
.compose-mode .mk-contact-form .mk-progress-button--wrap, .compose-mode .mk-contact-form .captcha-change-image {
cursor: not-allowed;
}
.compose-mode .mk-contact-form .mk-progress-button, .compose-mode .mk-contact-form .captcha-change-image:active {
pointer-events: none;
} .mk-content-box {
overflow: hidden;
margin-bottom: 20px;
border: 1px solid #e3e3e3;
background-color: #ffffff;
}
.mk-content-box .content-box-heading {
display: block;
padding: 14px 15px;
border-bottom: 1px solid #e3e3e3;
background-color: #f8f8f8;
font-weight: bold;
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: #999999;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #333333;
}
.mk-event-countdown-ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
}
.mk-event-countdown-ul li {
display: inline-block;
margin: 0 0 15px 15px;
box-sizing: border-box;
width: 20%;
border: 2px solid rgba(0, 0, 0, 0.1);
padding: 20px 4px;
}
.mk-event-countdown-ul li .timestamp {
position: relative;
display: block;
font-size: 70px;
font-weight: 300;
padding: 18px 5px 35px 5px;
color: #555555;
text-shadow: 1px 1px #ffffff;
}
.mk-event-countdown-ul li .timestamp:before {
content: '';
display: block;
position: absolute;
width: 30px;
height: 3px;
letter-spacing: 2px;
background: #dddddd;
left: 50%;
-webkit-transform: translate(-50%, 66px);
-ms-transform: translate(-50%, 66px);
transform: translate(-50%, 66px);
}
.mk-event-countdown-ul li .timeRef {
color: #898989;
display: block;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
padding-top: 20px;
}
.mk-event-countdown-ul-block li {
width: 90%;
display: block;
margin: 0 auto 15px;
} .height-full .mk-custom-box,
.height-full .box-holder { width: 100%;
transition: background .2s ease-in-out;
}
.mk-custom-box .mk-custom-box--overlay {
width: 100%;
height: 100%;
position: absolute !important;
z-index: 2 !important;
left: 0;
top: 0;
pointer-events: none;
}
.mk-custom-box .box-holder {
position: relative;
}
.mk-custom-box .box-holder:hover::after {
transition: background-image .2s ease-in-out;
}
.mk-custom-box .box-holder.clearfix { }
.mk-custom-box .box-holder > .wpb_row:before,
.mk-custom-box .box-holder > .wpb_row:after {
content: " ";
display: table;
}
.mk-custom-box .box-holder > .wpb_row:after {
clear: both;
}
.mk-custom-box .box-holder:after,
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
}
.mk-custom-box .box-holder > * {
position: relative;
z-index: 3;
}
.mk-custom-box.hover-effect-single_color .box-holder:after,
.mk-custom-box.hover-effect-gradient_color .box-holder:after {
opacity: 0;
transition: opacity .2s linear;
}
.mk-custom-box.hover-effect-single_color:hover .box-holder:after,
.mk-custom-box.hover-effect-gradient_color:hover .box-holder:after {
opacity: 1;
transition: opacity .2s;
}
.mk-custom-box.hover-effect-image,
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder {
overflow: hidden;
}
.mk-custom-box.hover-effect-image.image-effect-zoom-in .box-holder:after {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
transition: -webkit-transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mk-custom-box.hover-effect-image.image-effect-zoom-in .box-holder:hover:after {
-webkit-transform: scale(1.11);
-ms-transform: scale(1.11);
transform: scale(1.11);
z-index: 1;
}
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder:after,
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder:before {
opacity: 0;
transition: opacity .2s;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
z-index: 2;
}
.mk-custom-box.hover-effect-image.image-effect-blur .box-holder:hover:before {
opacity: 1;
}
.mk-custom-box.hover-effect-image.image-effect-grayscale .box-holder:after {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: -webkit-filter .2s linear;
transition: filter .2s linear;
transition: filter .2s linear, -webkit-filter .2s linear;
transition: -ms-filter 0.2s linear;
transition: -o-filter 0.2s linear;
transition: -moz-filter 0.2s linear;
transition: -webkit-filter 0.2s linear;
}
.mk-custom-box.hover-effect-image.image-effect-grayscale .box-holder:hover:after {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0);
} .mk-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;
} .mk-divider {
display: block;
width: 100%;
}
.mk-divider.custom-width .divider-inner {
display: block;
}
.mk-divider.custom-width.center {
text-align: center;
}
.mk-divider.custom-width.center .divider-inner {
margin: 0 auto;
}
.mk-divider.custom-width.right .divider-inner {
margin: 0 0 0 auto;
}
@media handheld, only screen and (max-width: 767px) {
.mk-divider.custom-width.right,
.mk-divider.custom-width.left {
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
.mk-divider.center .divider-inner {
margin: 0 auto;
}
.mk-divider.right .divider-inner {
margin: 0 0 0 auto;
}
.mk-divider.divider_one_half .divider-inner {
width: 50%;
}
.mk-divider.divider_one_third .divider-inner {
width: 33.33%;
}
.mk-divider.divider_one_fourth .divider-inner {
width: 25%;
}
.mk-divider.double_dot .divider-inner {
height: 5px;
border-top: 1px dashed #dadada;
border-bottom: 1px dashed #dadada;
}
.mk-divider.thick_solid .divider-inner {
border-top: 2px solid #e5e5e5;
border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.mk-divider.thin_solid .divider-inner {
border-top: 1px solid #e5e5e5;
border-top: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.mk-divider.thin_solid .divider-inner:after {
width: 100%;
position: absolute;
left: 0; 
top: 0;
} 
.mk-divider.single_dotted .divider-inner {
border-top: 1px dashed #dadada;
}
.mk-divider.shadow_line .divider-inner {
height: 7px;
}
.mk-divider.shadow_line .divider-inner .divider-shadow-left,
.mk-divider.shadow_line .divider-inner .divider-shadow-right {
display: inline-block;
width: 50%;
height: 7px; 
background-repeat: no-repeat;
}
.mk-divider.shadow_line .divider-inner .divider-shadow-left {
background-position: left center;
}
.mk-divider.shadow_line .divider-inner .divider-shadow-right {
background-position: right center;
}
.mk-divider[class*='go_top'] .divider-inner {
position: relative;
height: 12px;
}
.mk-divider[class*='go_top'] .divider-inner:before {
top: 6px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #e5e5e5;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.mk-divider[class*='go_top'] .divider-inner .divider-go-top {
position: absolute;
top: -10px;
right: 0;
float: right;
padding-left: 4px;
}
.mk-divider[class*='go_top'] .divider-inner .divider-go-top .mk-svg-icon {
margin-left: 6px;
color: #cccccc;
}
.mk-divider.go_top_thick .divider-inner:before {
height: 2px;
}
.mk-divider.divider_page_divider {
width: 100%;
} .mk-dropcaps {
display: inline-block;
float: left;
margin: 5px 8px 0 0;
font-weight: bold;
font-size: 20px;
}
.mk-dropcaps.simple-style {
margin: 5px 0 0 0;
padding: 6px 6px 6px 0;
color: #666666;
font-size: 50px;
line-height: 16px;
}
.mk-dropcaps.fancy-style {
color: #ffffff;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
}
.mk-edge-one-pager .mk-grid {
position: relative;
}
.mk-edge-one-pager .section {
position: relative;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.mk-edge-one-pager .section .edge-slide-content {
margin-top: 100px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.mk-edge-one-pager .section.left_top .edge-slide-content,
.mk-edge-one-pager .section.center_top .edge-slide-content,
.mk-edge-one-pager .section.right_top .edge-slide-content {
margin-top: 160px;
}
.mk-edge-one-pager .section.center_top .mk-edge-title,
.mk-edge-one-pager .section.center_center .mk-edge-title,
.mk-edge-one-pager .section.center_bottom .mk-edge-title,
.mk-edge-one-pager .section.center_top .mk-edge-desc,
.mk-edge-one-pager .section.center_center .mk-edge-desc,
.mk-edge-one-pager .section.center_bottom .mk-edge-desc,
.mk-edge-one-pager .section.center_top .mk-edge-buttons,
.mk-edge-one-pager .section.center_center .mk-edge-buttons,
.mk-edge-one-pager .section.center_bottom .mk-edge-buttons {
text-align: center;
}
.mk-edge-one-pager .section.center_top .edge-slide-content,
.mk-edge-one-pager .section.center_center .edge-slide-content,
.mk-edge-one-pager .section.center_bottom .edge-slide-content {
margin-right: auto;
margin-left: auto;
}
.mk-edge-one-pager .section.right_top,
.mk-edge-one-pager .section.right_center,
.mk-edge-one-pager .section.right_bottom {
text-align: right;
}
.mk-edge-one-pager .section.right_top .edge-slide-content,
.mk-edge-one-pager .section.right_center .edge-slide-content,
.mk-edge-one-pager .section.right_bottom .edge-slide-content {
float: right;
}
.mk-edge-one-pager .edge-slide-content.caption-light .mk-edge-title,
.mk-edge-one-pager .edge-slide-content.caption-light .mk-edge-desc {
color: #ffffff;
}
.mk-edge-one-pager .edge-slide-content.caption-dark .mk-edge-title,
.mk-edge-one-pager .edge-slide-content.caption-dark .mk-edge-desc {
color: #252525;
}
.mk-edge-one-pager .mk-edge-title {
margin-bottom: 20px;
font-weight: 400;
font-size: 50px;
line-height: 120%;
}
.mk-edge-one-pager .mk-edge-desc {
font-weight: 200;
font-size: 25px;
line-height: 40px;
margin-bottom: 30px;
}
.mk-edge-one-pager .mk-edge-buttons {
margin-top: 30px;
}
.mk-edge-one-pager .edge-default_anim .mk-edge-title {
transition: all 0.4s ease-in-out 0.8s;
}
.mk-edge-one-pager .edge-default_anim .mk-edge-desc {
transition: all 0.4s ease-in-out 0.9s;
}
.mk-edge-one-pager .edge-default_anim .mk-edge-buttons {
transition: all 0.4s ease-in-out 1s !important;
}
.mk-edge-one-pager .edge-default_anim .mk-edge-buttons a {
transition: all 0.2s ease-in-out;
}
.mk-edge-one-pager .edge-default_anim .mk-edge-title,
.mk-edge-one-pager .edge-default_anim .mk-edge-desc,
.mk-edge-one-pager .edge-default_anim .mk-edge-buttons {
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
transform: translate(0, 70px);
ms-transform: translate(0, 70px);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.mk-edge-one-pager .active .edge-default_anim .mk-edge-title,
.mk-edge-one-pager .active .edge-default_anim .mk-edge-desc,
.mk-edge-one-pager .active .edge-default_anim .mk-edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
}
.mk-edge-one-pager .edge-fade-in .mk-edge-title,
.mk-edge-one-pager .edge-slide-top .mk-edge-title,
.mk-edge-one-pager .edge-slide-left .mk-edge-title,
.mk-edge-one-pager .edge-slide-bottom .mk-edge-title,
.mk-edge-one-pager .edge-slide-right .mk-edge-title,
.mk-edge-one-pager .edge-scale-down .mk-edge-title,
.mk-edge-one-pager .edge-fade-in .mk-edge-desc,
.mk-edge-one-pager .edge-slide-top .mk-edge-desc,
.mk-edge-one-pager .edge-slide-left .mk-edge-desc,
.mk-edge-one-pager .edge-slide-bottom .mk-edge-desc,
.mk-edge-one-pager .edge-slide-right .mk-edge-desc,
.mk-edge-one-pager .edge-scale-down .mk-edge-desc,
.mk-edge-one-pager .edge-fade-in .mk-edge-buttons,
.mk-edge-one-pager .edge-slide-top .mk-edge-buttons,
.mk-edge-one-pager .edge-slide-left .mk-edge-buttons,
.mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons,
.mk-edge-one-pager .edge-slide-right .mk-edge-buttons,
.mk-edge-one-pager .edge-scale-down .mk-edge-buttons {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.mk-edge-one-pager .edge-fade-in .mk-edge-title,
.mk-edge-one-pager .edge-slide-top .mk-edge-title,
.mk-edge-one-pager .edge-slide-left .mk-edge-title,
.mk-edge-one-pager .edge-slide-bottom .mk-edge-title,
.mk-edge-one-pager .edge-slide-right .mk-edge-title,
.mk-edge-one-pager .edge-scale-down .mk-edge-title {
transition: all 0.4s ease-in-out 0.8s;
}
.mk-edge-one-pager .edge-fade-in .mk-edge-desc,
.mk-edge-one-pager .edge-slide-top .mk-edge-desc,
.mk-edge-one-pager .edge-slide-left .mk-edge-desc,
.mk-edge-one-pager .edge-slide-bottom .mk-edge-desc,
.mk-edge-one-pager .edge-slide-right .mk-edge-desc,
.mk-edge-one-pager .edge-scale-down .mk-edge-desc {
transition: all 0.4s ease-in-out 0.9s;
}
.mk-edge-one-pager .edge-fade-in .mk-edge-buttons,
.mk-edge-one-pager .edge-slide-top .mk-edge-buttons,
.mk-edge-one-pager .edge-slide-left .mk-edge-buttons,
.mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons,
.mk-edge-one-pager .edge-slide-right .mk-edge-buttons,
.mk-edge-one-pager .edge-scale-down .mk-edge-buttons {
transition: all 0.4s ease-in-out 1s;
}
.mk-edge-one-pager .active .edge-fade-in .mk-edge-title,
.mk-edge-one-pager .active .edge-fade-in .mk-edge-desc,
.mk-edge-one-pager .active .edge-fade-in .mk-edge-buttons {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
}
.mk-edge-one-pager .edge-slide-top .mk-edge-title,
.mk-edge-one-pager .edge-slide-top .mk-edge-desc,
.mk-edge-one-pager .edge-slide-top .mk-edge-buttons {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
ms-transform: translate(0, -50%);
}
.mk-edge-one-pager .active .edge-slide-top .mk-edge-title,
.mk-edge-one-pager .active .edge-slide-top .mk-edge-desc,
.mk-edge-one-pager .active .edge-slide-top .mk-edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
}
.mk-edge-one-pager .edge-slide-left .mk-edge-title,
.mk-edge-one-pager .edge-slide-left .mk-edge-desc,
.mk-edge-one-pager .edge-slide-left .mk-edge-buttons {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
ms-transform: translate(-50%, 0);
}
.mk-edge-one-pager .active .edge-slide-left .mk-edge-title,
.mk-edge-one-pager .active .edge-slide-left .mk-edge-desc,
.mk-edge-one-pager .active .edge-slide-left .mk-edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
}
.mk-edge-one-pager .edge-slide-bottom .mk-edge-title,
.mk-edge-one-pager .edge-slide-bottom .mk-edge-desc,
.mk-edge-one-pager .edge-slide-bottom .mk-edge-buttons {
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
ms-transform: translate(0, 50%);
}
.mk-edge-one-pager .active .edge-slide-bottom .mk-edge-title,
.mk-edge-one-pager .active .edge-slide-bottom .mk-edge-desc,
.mk-edge-one-pager .active .edge-slide-bottom .mk-edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
}
.mk-edge-one-pager .edge-slide-right .mk-edge-title,
.mk-edge-one-pager .edge-slide-right .mk-edge-desc,
.mk-edge-one-pager .edge-slide-right .mk-edge-buttons {
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
ms-transform: translate(50%, 0);
}
.mk-edge-one-pager .active .edge-slide-right .mk-edge-title,
.mk-edge-one-pager .active .edge-slide-right .mk-edge-desc,
.mk-edge-one-pager .active .edge-slide-right .mk-edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
ms-transform: translate(0, 0);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
}
.mk-edge-one-pager .edge-scale-down .mk-edge-title,
.mk-edge-one-pager .edge-scale-down .mk-edge-desc,
.mk-edge-one-pager .edge-scale-down .mk-edge-buttons {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
ms-transform: scale(1.3);
}
.mk-edge-one-pager .active .edge-scale-down .mk-edge-title,
.mk-edge-one-pager .active .edge-scale-down .mk-edge-desc,
.mk-edge-one-pager .active .edge-scale-down .mk-edge-buttons {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
ms-transform: scale(1);
}
.mk-edge-one-pager .edge-flip-x,
.mk-edge-one-pager .edge-flip-y {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-perspective: 1000;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.mk-edge-one-pager .active .edge-flip-x {
-webkit-animation-name: mk_flip_x;
animation-name: mk_flip_x;
}
.mk-edge-one-pager .active .edge-flip-y {
-webkit-animation-name: mk_flip_y;
animation-name: mk_flip_y;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-edge-one-pager .mk-grid {
box-sizing: border-box;
padding: 0 20px;
}
.mk-edge-one-pager .mk-edge-title {
font-weight: 600;
font-size: 40px;
}
.mk-edge-one-pager .mk-edge-desc {
font-weight: 400;
font-size: 20px;
line-height: 34px;
}
.mk-edge-one-pager .edge-slide-content {
width: 80%;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-edge-one-pager .mk-grid {
padding: 0 15px;
}
.mk-edge-one-pager .mk-edge-title {
font-weight: 700 !important;
font-size: 22px !important;
line-height: 130% !important;
}
.mk-edge-one-pager .mk-edge-desc {
font-size: 14px;
line-height: 22px !important;
}
.mk-edge-one-pager .mk-edge-buttons .mk-button {
padding: 12px 14px !important;
font-size: 10px !important;
margin-right: 15px !important;
margin-bottom: 5px !important;
}
.mk-edge-one-pager .mk-edge-buttons .mk-button.outline-dimension {
padding-top: 10px !important;
padding-bottom: 12px !important;
}
.mk-edge-one-pager .mk-button-align.left,
.mk-edge-one-pager .mk-button-align.center,
.mk-edge-one-pager .mk-button-align.right,
.mk-edge-one-pager .mk-button-align.none {
width: auto !important;
margin-bottom: 6px;
}
.mk-edge-one-pager .edge-slide-content {
width: 100% !important;
}
}
#superContainer {
height: 100%;
position: relative;  -ms-touch-action: none;
touch-action: none;
}
.section {
position: relative;
box-sizing: border-box;
}
.slide,
.slidesContainer {
height: 100%;
display: block;
}
.slides {
height: 100%;
overflow: hidden;
position: relative;
transition: all 0.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 {
transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 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%);
-ms-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: none;
border-radius: 50%;
cursor: pointer; position: absolute;
}
#fullPage-nav.dark-skin span {
background-color: #333;
background-color: rgba(0, 0, 0, 0.8);
}
#fullPage-nav.light-skin span {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.3);
} #fullPage-nav.pagination-stroke a span {
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
#fullPage-nav.pagination-stroke.dark-skin span {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}
#fullPage-nav.pagination-stroke.dark-skin a span:hover,
#fullPage-nav.pagination-stroke.dark-skin a span:focus {
background-color: #333;
}
#fullPage-nav.pagination-stroke.dark-skin a.active span {
background-color: transparent;
box-shadow: 0 0 0 2px #333;
}
#fullPage-nav.pagination-stroke.light-skin span {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
}
#fullPage-nav.pagination-stroke.light-skin a span:hover,
#fullPage-nav.pagination-stroke.light-skin a span:focus {
background-color: white;
}
#fullPage-nav.pagination-stroke.light-skin a.active span {
background-color: transparent;
box-shadow: 0 0 0 2px white;
} #fullPage-nav.pagination-small_dot_stroke a {
border-radius: 50%;
transition: box-shadow 0.3s ease;
}
#fullPage-nav.pagination-small_dot_stroke a span {
transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
transition: background-color 0.3s ease, transform 0.3s ease;
transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
#fullPage-nav.pagination-small_dot_stroke a.active span {
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
}
#fullPage-nav.pagination-small_dot_stroke.dark-skin span {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}
#fullPage-nav.pagination-small_dot_stroke.dark-skin a span {
background-color: rgba(0, 0, 0, 0.7);
}
#fullPage-nav.pagination-small_dot_stroke.dark-skin a span:hover,
#fullPage-nav.pagination-small_dot_stroke.dark-skin a span:focus,
#fullPage-nav.pagination-small_dot_stroke.dark-skin a.active span {
background-color: #333333;
}
#fullPage-nav.pagination-small_dot_stroke.dark-skin a.active {
box-shadow: 0 0 0 2px #333;
}
#fullPage-nav.pagination-small_dot_stroke.light-skin span {
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, 0.7);
}
#fullPage-nav.pagination-small_dot_stroke.light-skin a span:hover,
#fullPage-nav.pagination-small_dot_stroke.light-skin a span:focus,
#fullPage-nav.pagination-small_dot_stroke.light-skin a.active span {
background-color: #ffffff;
}
#fullPage-nav.pagination-small_dot_stroke.light-skin a.active {
box-shadow: 0 0 0 2px white;
}
.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;
}
.mk-edge-slider {  -webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-ms-touch-action: none;
}
.Edge .clipper .mk-edge-slider,
.IE .clipper .mk-edge-slider{
z-index: 3;
}
.mk-edge-slider__video video {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.mk-edge-slider .mk-grid {
position: relative;
}
.mk-edge-slider .edge-title-area {
font-size: 16px;
}
.mk-edge-slider .mk-slider-slide {
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
.mk-edge-slider .mk-slider-slide.is-active {
pointer-events: all;
}
.mk-edge-slider .mk-slider-slide .edge-slide-content {
padding: 100px 0;
}
.mk-edge-slider .mk-slider-slide.center_top,
.mk-edge-slider .mk-slider-slide.center_center,
.mk-edge-slider .mk-slider-slide.center_bottom {
text-align: center;
}
.mk-edge-slider .mk-slider-slide.center_top .edge-slide-content,
.mk-edge-slider .mk-slider-slide.center_center .edge-slide-content,
.mk-edge-slider .mk-slider-slide.center_bottom .edge-slide-content {
margin-right: auto;
margin-left: auto;
}
.mk-edge-slider .mk-slider-slide.right_top .edge-slide-content,
.mk-edge-slider .mk-slider-slide.right_center .edge-slide-content,
.mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content {
float: right;
text-align: right;
}
.mk-edge-slider .mk-slider-slide.left_center .slider-content,
.mk-edge-slider .mk-slider-slide.center_center .slider-content,
.mk-edge-slider .mk-slider-slide.right_center .slider-content {
top: 50%;
}
.mk-edge-slider .mk-slider-slide.left_center .edge-slide-content,
.mk-edge-slider .mk-slider-slide.center_center .edge-slide-content,
.mk-edge-slider .mk-slider-slide.right_center .edge-slide-content {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mk-edge-slider .mk-slider-slide.left_bottom .slider-content,
.mk-edge-slider .mk-slider-slide.center_bottom .slider-content,
.mk-edge-slider .mk-slider-slide.right_bottom .slider-content {
top: 100%;
}
.mk-edge-slider .mk-slider-slide.left_bottom .edge-slide-content,
.mk-edge-slider .mk-slider-slide.center_bottom .edge-slide-content,
.mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.mk-edge-slider .mk-edge-next,
.mk-edge-slider .mk-edge-prev {
opacity: 0;
transition: all 0.3 ease-in-out;
}
.mk-edge-slider:hover .mk-edge-next,
.mk-edge-slider:hover .mk-edge-prev {
opacity: 1;
}
.mk-edge-slider .mk-edge-next {
right: 0;
}
.mk-edge-slider .mk-edge-prev {
left: 0;
}
.mk-edge-slider .edge-slide-content.caption-light .edge-title,
.mk-edge-slider .edge-slide-content.caption-light .edge-desc {
color: #ffffff;
}
.mk-edge-slider .edge-slide-content.caption-dark .edge-title,
.mk-edge-slider .edge-slide-content.caption-dark .edge-desc {
color: #252525;
}
.mk-edge-slider .edge-title {
margin-bottom: 20px;
font-weight: 400;
font-size: 46px;
line-height: 120%;
}
.mk-edge-slider .edge-desc {
font-weight: 300;
font-size: 25px;
line-height: 40px;
margin-bottom: 30px;
}
.mk-edge-slider .edge-title {
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.05s;
}
.mk-edge-slider .edge-desc {
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.15s;
}
.mk-edge-slider .edge-buttons {
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.25s !important;
}
.mk-edge-slider .edge-buttons a {
transition: all 0.2s ease-in-out;
}
.mk-edge-slider .edge-default_anim .edge-title,
.mk-edge-slider .edge-default_anim .edge-desc,
.mk-edge-slider .edge-default_anim .edge-buttons {
-webkit-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
transform: translate(0, 70px);
opacity: 0;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-default_anim .edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-fade-in .edge-title,
.mk-edge-slider .edge-slide-top .edge-title,
.mk-edge-slider .edge-slide-left .edge-title,
.mk-edge-slider .edge-slide-bottom .edge-title,
.mk-edge-slider .edge-slide-right .edge-title,
.mk-edge-slider .edge-scale-down .edge-title,
.mk-edge-slider .edge-flip-x .edge-title,
.mk-edge-slider .edge-flip-y .edge-title,
.mk-edge-slider .edge-fade-in .edge-desc,
.mk-edge-slider .edge-slide-top .edge-desc,
.mk-edge-slider .edge-slide-left .edge-desc,
.mk-edge-slider .edge-slide-bottom .edge-desc,
.mk-edge-slider .edge-slide-right .edge-desc,
.mk-edge-slider .edge-scale-down .edge-desc,
.mk-edge-slider .edge-flip-x .edge-desc,
.mk-edge-slider .edge-flip-y .edge-desc,
.mk-edge-slider .edge-fade-in .edge-buttons,
.mk-edge-slider .edge-slide-top .edge-buttons,
.mk-edge-slider .edge-slide-left .edge-buttons,
.mk-edge-slider .edge-slide-bottom .edge-buttons,
.mk-edge-slider .edge-slide-right .edge-buttons,
.mk-edge-slider .edge-scale-down .edge-buttons,
.mk-edge-slider .edge-flip-x .edge-buttons,
.mk-edge-slider .edge-flip-y .edge-buttons {
opacity: 0;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .edge-buttons {
opacity: 1;
}
.mk-edge-slider .edge-slide-top .edge-title,
.mk-edge-slider .edge-slide-top .edge-desc,
.mk-edge-slider .edge-slide-top .edge-buttons {
-webkit-transform: translate(0, -70%);
-ms-transform: translate(0, -70%);
transform: translate(0, -70%);
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-slide-left .edge-title,
.mk-edge-slider .edge-slide-left .edge-desc,
.mk-edge-slider .edge-slide-left .edge-buttons {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-slide-bottom .edge-title,
.mk-edge-slider .edge-slide-bottom .edge-desc,
.mk-edge-slider .edge-slide-bottom .edge-buttons {
-webkit-transform: translate(0, 70%);
-ms-transform: translate(0, 70%);
transform: translate(0, 70%);
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-slide-right .edge-title,
.mk-edge-slider .edge-slide-right .edge-desc,
.mk-edge-slider .edge-slide-right .edge-buttons {
-webkit-transform: translate(70%, 0);
-ms-transform: translate(70%, 0);
transform: translate(70%, 0);
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .edge-buttons {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-scale-down .edge-title,
.mk-edge-slider .edge-scale-down .edge-desc,
.mk-edge-slider .edge-scale-down .edge-buttons {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .edge-buttons {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mk-edge-slider .edge-flip-x .edge-title,
.mk-edge-slider .edge-flip-x .edge-desc,
.mk-edge-slider .edge-flip-x .edge-buttons,
.mk-edge-slider .edge-flip-y .edge-title,
.mk-edge-slider .edge-flip-y .edge-desc,
.mk-edge-slider .edge-flip-y .edge-buttons {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .edge-buttons {
-webkit-animation-name: mk_flip_x;
animation-name: mk_flip_x;
opacity: 1;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-title,
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-desc,
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .edge-buttons {
-webkit-animation-name: mk_flip_y;
animation-name: mk_flip_y;
opacity: 1;
}
.mk-edge-slider .edge-fade-in .mk-edge-custom-content,
.mk-edge-slider .edge-slide-top .mk-edge-custom-content,
.mk-edge-slider .edge-slide-left .mk-edge-custom-content,
.mk-edge-slider .edge-slide-bottom .mk-edge-custom-content,
.mk-edge-slider .edge-slide-right .mk-edge-custom-content,
.mk-edge-slider .edge-scale-down .mk-edge-custom-content,
.mk-edge-slider .edge-flip-x .mk-edge-custom-content,
.mk-edge-slider .edge-flip-y .mk-edge-custom-content {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
opacity: 0;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-fade-in .mk-edge-custom-content {
-webkit-animation-name: mk_fade;
animation-name: mk_fade;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-top .mk-edge-custom-content {
-webkit-animation-name: mk_top_to_bottom;
animation-name: mk_top_to_bottom;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-left .mk-edge-custom-content {
-webkit-animation-name: mk_left_to_right;
animation-name: mk_left_to_right;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-bottom .mk-edge-custom-content {
-webkit-animation-name: mk_bottom_to_top;
animation-name: mk_bottom_to_top;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-slide-right .mk-edge-custom-content {
-webkit-animation-name: mk_right_to_left;
animation-name: mk_right_to_left;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-scale-down .mk-edge-custom-content {
-webkit-animation-name: mk_scale;
animation-name: mk_scale;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-x .mk-edge-custom-content {
-webkit-animation-name: mk_flip_x;
animation-name: mk_flip_x;
}
.mk-edge-slider .mk-slider-slide.is-active .edge-flip-y .mk-edge-custom-content {
-webkit-animation-name: mk_flip_y;
animation-name: mk_flip_y;
}
.mk-edge-slider .edge-skip-slider {
position: absolute;
left: 50%;
bottom: 6%;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
cursor: pointer;
margin: -24px 0 0 -27px;
width: 50px;
height: 50px;
border-radius: 50%;
opacity: 0.9;
transition: all 0.2s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mk-edge-slider .edge-skip-slider svg {
height: 16px;
transition: all 0.2s ease-out;
}
.mk-edge-slider .edge-skip-slider:hover {
opacity: 1;
}
.mk-edge-slider .edge-skip-slider[data-skin="dark"] {
border: 2px solid #333333;
}
.mk-edge-slider .edge-skip-slider[data-skin="dark"] svg {
fill: #333333;
}
.mk-edge-slider .edge-skip-slider[data-skin="light"] {
border: 2px solid #ffffff;
}
.mk-edge-slider .edge-skip-slider[data-skin="light"] svg {
fill: #ffffff;
}
.mk-edge-slider[data-animation="perspective_flip"] {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.mk-edge-slider[data-animation="perspective_flip"] .edge-slider-holder {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.mk-edge-slider[data-animation="perspective_flip"] .mk-slider-slide {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide .mk-section-image,
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide .mk-section-video {
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 2s ease;
transition-delay: .7s;
}
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide.mk-slider-slide.is-active .mk-section-image,
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide.mk-slider-slide.is-active .mk-section-video {
transition: all 100s linear;
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.mk-edge-slider[data-animation="kenburned"].is-paused .mk-slider-slide.mk-slider-slide.is-active .mk-section-image,
.mk-edge-slider[data-animation="kenburned"].is-paused .mk-slider-slide.mk-slider-slide.is-active .mk-section-video {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(2n+1) .mk-section-image,
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(2n+1) .mk-section-video {
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(3n+1) .mk-section-image,
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(3n+1) .mk-section-video {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(4n+1) .mk-section-image,
.mk-edge-slider[data-animation="kenburned"] .mk-slider-slide:nth-child(4n+1) .mk-section-video {
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-edge-slider .edge-title-area {
font-size: 12px;
}
.mk-edge-slider .edge-title {
font-weight: 600;
font-size: 40px;
}
.mk-edge-slider .edge-desc {
font-weight: 400;
font-size: 20px;
line-height: 34px;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-edge-slider .mk-edge-next,
.mk-edge-slider .mk-edge-prev,
.mk-edge-slider .edge-skip-slider {
display: none;
}
.mk-edge-slider .edge-title-area {
font-size: 8px;
}
.mk-edge-slider .edge-title {
font-weight: 700;
font-size: 22px;
}
.mk-edge-slider .edge-desc {
font-size: 14px !important;
line-height: 22px !important;
}
.mk-edge-slider .mk-button {
padding: 12px 14px !important;
font-size: 10px !important;
}
.mk-edge-slider .mk-button-container {
float: none;
text-align: inherit;
}
.mk-edge-slider .mk-button.outline-dimension {
padding-top: 10px !important;
padding-bottom: 12px !important;
}
.mk-edge-slider .mk-button-align.left,
.mk-edge-slider .mk-button-align.center,
.mk-edge-slider .mk-button-align.right,
.mk-edge-slider .mk-button-align.none {
width: auto !important;
margin-bottom: 6px;
}
.mk-edge-slider .edge-slide-content {
width: 100% !important;
}
}
.mk-transparent-header .mk-edge-slider .mk-slider-slide.left_top .edge-slide-content,
.mk-transparent-header .mk-edge-slider .mk-slider-slide.center_top .edge-slide-content,
.mk-transparent-header .mk-edge-slider .mk-slider-slide.right_top .edge-slide-content {
margin-top: 100px;
}
.mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_top .edge-slide-content,
.mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_bottom .edge-slide-content,
.mk-fullwidth-false .mk-edge-slider .mk-slider-slide.left_center .edge-slide-content,
.mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_top .edge-slide-content,
.mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_center .edge-slide-content,
.mk-fullwidth-false .mk-edge-slider .mk-slider-slide.right_bottom .edge-slide-content {
padding-left: 25px;
padding-right: 25px;
}
.edge-buttons a {
margin-bottom: 10px;
}
.mk-edge-slider .swiper-pagination {
top: auto;
height: auto;
}
.mk-edge-slider .edge-skip-slider {
top: auto;
}
.edge-gradient-layer {
position: absolute;
top: 0;
left: 0;
z-index: 4;
height: 100%;
width: 100%;
}
.mk-employees.c_cs.one-column .mk-employee-item {
padding: 0 0 50px;
}
.mk-employees.c_cs.two-column .mk-employee-item {
padding: 0 40px 70px 40px;
}
.mk-employees.c_cs.three-column .mk-employee-item {
padding: 0 30px 70px 30px;
}
.mk-employees.c_cs.four-column .mk-employee-item {
padding: 0 25px 70px 25px;
}
.mk-employees.c_cs.five-column .mk-employee-item {
padding: 0 25px 60px 25px;
} .mk-employees.classic .team-member-name {
margin-bottom: 8px;
}
.mk-employees.classic .team-member-position {
font-size: 14px;
font-style: italic;
font-weight: bold;
letter-spacing: 0;
text-transform: none;
}
.mk-employees.classic.o3col .mk-employeee-networks a {
width: 40px;
height: 40px;
line-height: 40px;
}
.mk-employees.classic .employee-hover-overlay {
-webkit-transform: rotate(45deg) scale(0, 2);
-ms-transform: rotate(45deg) scale(0, 2);
transform: rotate(45deg) scale(0, 2);
transition: all 0.3s ease-in-out;
pointer-events: none;
}
.mk-employees.classic .mk-employee-item:hover .employee-hover-overlay {
background: rgba(0, 0, 0, 0.3);
-webkit-transform: rotate(45deg) scale(1.5, 2);
-ms-transform: rotate(45deg) scale(1.5, 2);
transform: rotate(45deg) scale(1.5, 2);
}
.mk-employees.classic .mk-employeee-networks {
position: absolute;
top: 50%;
width: 100%;
margin-top: -20px;
text-align: center;
opacity: 0;
transition: all 0.3s ease-out;
z-index: 1;
}
.mk-employees.classic .mk-employeee-networks a {
display: block;
margin: 0 6px 10px;
width: 48px;
height: 48px;
border-radius: 50%;
line-height: 44px;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
text-align: center;
box-sizing: border-box;
vertical-align: middle;
transition: all 0.1s ease-out;
}
.mk-employees.classic .mk-employeee-networks a svg {
height: 16px;
fill: #fff;
}
.mk-employees.classic .mk-employeee-networks a:hover {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.6) inset;
}
.mk-employees.classic .mk-employee-item:hover .mk-employeee-networks {
opacity: 1;
transition: all 0.3s 0.1s ease-out;
} .mk-employees.simple.mk-employees-grayscale .team-thumbnail img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray; transition: all .3s;
}
.mk-employees.simple.mk-employees-grayscale .mk-employee-item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.mk-employees.simple .team-thumbnail.rounded-true {
border-radius: 50%;
overflow: hidden;
}
.mk-employees.simple .team-thumbnail.rounded-true img {
position: relative;
border-radius: 50%;
}
.mk-employees.simple.one-column .team-thumbnail.rounded-true {
padding: 0 40px;
}
.mk-employees.simple.two-column .team-thumbnail.rounded-true {
padding: 0 60px;
}
.mk-employees.simple.three-column .team-thumbnail.rounded-true {
padding: 0 40px;
}
.mk-employees.simple.four-column .team-thumbnail.rounded-true {
padding: 0 30px;
}
.mk-employees.simple.five-column .team-thumbnail.rounded-true {
padding: 0 20px;
} .mk-employees.boxed.one-column .mk-employee-item,
.mk-employees.boxed.one-column .item-holder {
margin: 55px 0 20px;
}
.mk-employees.boxed .item-holder {
margin: 55px 0 25px 25px;
padding: 60px 35px 36px;
border: 1px solid rgba(0, 0, 0, 0.04);
background-color: #f4f4f4;
background-color: rgba(0, 0, 0, 0.03);
position: relative;
}
.mk-employees.boxed .team-thumbnail {
width: 100px;
height: 100px;
position: absolute;
top: -45px;
left: 50%;
margin-left: -50px;
border: 2px solid #c6c6c6;
border-radius: 50%;
overflow: hidden;
}
.mk-employees.boxed .team-thumbnail img {
position: relative;
border-radius: 50%;
}
.mk-employees.boxed .team-member-name {
margin-top: 10px;
letter-spacing: 1px;
}
.mk-employees.boxed .mk-employeee-networks a {
padding: 0 6px;
} .mk-employees ul,
.mk-employees li {
margin: 0;
padding: 0;
list-style: none;
}
.mk-employee-item .team-thumbnail {
margin: 0 auto 25px;
max-width: 500px;
}
.mk-employee-item .team-thumbnail img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media handheld, only screen and (max-width: 960px) {
.mk-employees.c_cs.u4col .mk-employee-item {
margin: 0 0 50px;
width: 100%;
}
.mk-employees.c_cs.u4col .team-thumbnail,
.mk-employees.c_cs.u4col .team-info-wrapper {
float: left;
display: inline-block;
}
.mk-employees.c_cs.u4col .team-info-wrapper {
padding: 10px 0 0 20px;
}
.mk-employees.simple.u4col .team-thumbnail {
width: 30%;
}
.mk-employees.simple.u4col .team-info-wrapper {
width: 65%;
}
.mk-employees.classic.u4col .team-thumbnail {
width: 50%;
}
.mk-employees.classic.u4col .team-info-wrapper {
width: 45%;
}
.mk-employees.c_cs.o3col .mk-employee-item {
width: 48%;
padding: 0 20px 30px;
}
.boxed .mk-employee-item {
width: 100% !important;
padding: 60px 10px 36px;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-employees .m_7 {
width: 100% !important;
}
.mk-employees.classic.u6col .mk-employee-item {
padding: 0 10px 30px;
}
.mk-employees.classic.u6col .team-thumbnail {
width: 100%;
}
.mk-employees.simple.u6col .team-thumbnail {
width: 60%;
float: none;
}
.mk-employees.c_cs.u6col .mk-employee-item {
margin: 0 0px 50px;
}
}
@media handheld, only screen and (max-width: 550px) {
.mk-employees.simple.u6col .team-thumbnail {
width: 80%;
}
} .vc_row.mk-fullwidth-true .mk-employee-item .team-thumbnail img {
width:100%;
}  .mk-faq-container {
margin-bottom: 20px;
}
.mk-faq-container.fancy-style-wrapper {
border-top: 1px solid #ececec;
}
.mk-faq-container.fancy-style-wrapper .mk-faq-toggle {
margin-bottom: 0 !important;
border-top: none !important;
}
.mk-faq-container.fancy-style-wrapper .mk-faq-toggle {
padding: 0;
}
.mk-faq-container.fancy-style-wrapper .mk-toggle .mk-toggle-title {
padding: 18px;
background: transparent;
transition: all .2s;
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title:hover {
background: #646464;
background: rgba(0, 0, 0, 0.02);
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title:before {
color: rgba(0, 0, 0, 0.3);
font-size: 10px !important;
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title > .mk-svg-icon {
fill: rgba(0, 0, 0, 0.3);
}
.mk-faq-container.fancy-style-wrapper .mk-toggle-title svg {
fill: rgba(0, 0, 0, 0.2) !important;
height: 16px !important;
}
.mk-faq-container .mk-toggle.fancy-style .mk-toggle-title:before,
.mk-faq-container .mk-toggle.fancy-style .mk-toggle-title > .mk-svg-icon {
top: 20px; 
} 
.mk-faq-toggle {
display: block;
width: 100%;
padding: 4px 10px;
}
.mk-faq-toggle .mk-toggle-title {
font-weight: bold;
}
.mk-faq-toggle .mk-toggle-title svg {
fill: #d6d6d6 !important;
}
.mk-faq-toggle .mk-toggle-title:before {
font-size: 10px !important;
}
.mk-faq-toggle .mk-toggle-pane {
padding: 20px;
}
.filter-faq {
margin-bottom: 30px;
text-align: center;
}
.filter-faq ul {
display: inline-block;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.filter-faq ul li {
display: inline-block;
}
.filter-faq ul li a {
padding: 12px 14px;
line-height: 13px;
font-size: 13px;
color: #333333;
color: #323232;
display: block;
letter-spacing: 1px;
}
.filter-faq ul li a.current {
background-color: #969696;
background-color: rgba(0, 0, 0, 0.08);
border-radius: 2px;
} .mk-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-front, .mk-flipbox-back {
-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 {
transition: all .5s cubic-bezier(.645, .045, .355, 1);
}
.IE .mk-flipbox-front {
table-layout: fixed;
}
.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, 0.4);
text-align: center;
}
.mk-fullwidth-slideshow .flex-direction-nav a i {
line-height: 40px;
color: #ffffff;
font-size: 16px;
}
.mk-fullwidth-slideshow .flex-direction-nav .flex-next {
right: 20px;
}
.mk-fullwidth-slideshow .flex-direction-nav .flex-prev {
left: 20px;
} .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-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, 0.06);
}
.mk-gallery .gallery-title {
position: absolute;
top: 58%;
left: 0;
width: 100%;
text-align: center;
padding: 0 20px;
transition: all 0.4s ease-out;
opacity: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
line-height: 22px;
color: #ffffff;
font-weight: bold;
}
.mk-gallery .gallery-caption {
display: none;
}
.mk-gallery .hover-fadebox .mk-image-lightbox.lightbox-push-top {
top: 35%;
}
.mk-gallery .hover-slow_zoom a {
top: 0;
left: 0;
margin: 0;
display: block;
width: 100%;
height: 100%;
}
.mk-gallery .hover-slow_zoom img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mk-gallery .hover-slow_zoom:hover img {
-webkit-transform: scale(1.11);
-ms-transform: scale(1.11);
transform: scale(1.11);
}
.mk-gallery .hover-blur .item-holder .gallery-inner img {
-webkit-filter: blur(0);
filter: blur(0);
}
.mk-gallery .hover-blur .item-holder:hover .image-hover-overlay {
opacity: .85;
}
.mk-gallery .hover-blur .item-holder .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 0.2s linear, -webkit-filter 0.2s linear, -moz-filter 0.2s linear;
-webkit-filter: url(//prohabitat-arj.at/wp-content/themes/jupiter/assets/stylesheet/#gallery-blur);
filter: url(//prohabitat-arj.at/wp-content/themes/jupiter/assets/stylesheet/#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%);
-ms-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;
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: #ffffff;
}
.mk-gallery .hover-overlay_layer .gallery-caption {
display: block;
text-transform: uppercase;
text-align: center;
font-size: 12px;
line-height: 22px;
color: #ffffff;
opacity: 0;
transition: all 0.4s ease-out;
}
.mk-gallery .hover-overlay_layer img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.mk-gallery .hover-overlay_layer:hover .image-hover-overlay {
opacity: .8;
}
.mk-gallery .hover-overlay_layer:hover .gallery-title {
opacity: 1;
}
.mk-gallery .hover-overlay_layer:hover .gallery-caption {
opacity: 1;
}
.mk-gallery .hover-overlay_layer:hover img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.mk-gallery .hover-fadebox.hover-title-true .mk-image-lightbox svg {
top: 35%;
}
.mk-gallery .hover-fadebox .item-holder:hover .image-hover-overlay {
opacity: 0.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: 0.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 .two-column,
.mk-gallery .three-column,
.mk-gallery .four-column,
.mk-gallery .five-column,
.mk-gallery .six-column,
.mk-gallery .seven-column,
.mk-gallery .eight-column {
width: 49.7%;
}
.mk-gallery .two-column img,
.mk-gallery .three-column img,
.mk-gallery .four-column img,
.mk-gallery .five-column img,
.mk-gallery .six-column img,
.mk-gallery .seven-column img,
.mk-gallery .eight-column img {
width: 100%;
}
}
@media handheld, only screen and (max-width: 540px) {
.mk-gallery-item {
width: 100% !important;
}
}
.mk-gallery.masnory-gallery .mk-gallery-item {
width: 25%;
}
.mk-gallery.masnory-gallery .gallery-mansory-large {
width: 50%;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-gallery.masnory-gallery .mk-gallery-item {
width: 24.9%;
}
.mk-gallery.masnory-gallery .gallery-mansory-large {
width: 49.9%;
}
}
@media handheld, only screen and (max-width: 960px) {
.mk-gallery.masnory-gallery .mk-gallery-item,
.mk-gallery.masnory-gallery .gallery-mansory-large {
width: 49.9%;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-gallery.masnory-gallery .mk-gallery-item,
.mk-gallery.masnory-gallery .gallery-mansory-large {
width: 100%;
}
}
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item {
width: 24.96%;
}
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large {
width: 49.96%;
}
@media handheld, only screen and (max-width: 1140px) {
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item {
width: 24.9%;
}
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large {
width: 49.9%;
}
}
@media handheld, only screen and (max-width: 960px) {
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item,
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large {
width: 49.9%;
}
}
@media handheld, only screen and (max-width: 767px) {
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .mk-gallery-item,
.vc_row.mk-fullwidth-true .mk-gallery.masnory-gallery .gallery-mansory-large {
width: 100%;
}
}
.vc_row.mk-fullwidth-true .mk-gallery .eight-column {
width: 12.46%;
}
.vc_row.mk-fullwidth-true .mk-gallery .eight-column .item-holder {
margin: 0 4px 8px 4px;
}
@media handheld, only screen and (max-width: 960px) {
.vc_row.mk-fullwidth-true .mk-gallery .eight-column {
width: 49.7%;
}
.vc_row.mk-fullwidth-true .mk-gallery .eight-column img {
width: 100%;
}
}
@media handheld, only screen and (max-width: 540px) {
.vc_row.mk-fullwidth-true .mk-gallery .eight-column {
width: 100% !important;
}
}
.mk-page-section .mk-header {
position: absolute;
left: 0;
bottom: 0;
} .mk-header-shortcode {
background: transparent !important;
} .mk-page-section .mk-header-shortcode .mk-header-holder {
position: relative !important;
}
.mk-page-section .mk-header-shortcode .mk-header-padding-wrapper {
display: none !important;
} .mk-highlight {
margin: 0;
padding: 2px;
color: #ffffff;
} .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: #222222 !important;
}
.mk-box-icon.boxed-style .mk-main-ico {
position: absolute;
display: block;
width: 65px;
height: 65px;
color: #ffffff;
text-align: center;
line-height: 65px;
font-size: 32px;
border-radius: 50%;
} .mk-box-icon.boxed-style .mk-main-ico {
font-size: 32px;
}
.mk-box-icon.boxed-style .mk-main-ico .mk-svg-icon {
width: 32px !important;
height: 32px !important;
}
.mk-box-icon.boxed-style .mk-main-ico:before {
position: relative;
}
.mk-box-icon.simple_ultimate-style .left-side {
padding-right: 15px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico {
display: block;
float: left;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small {
width: 32px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium {
width: 48px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large {
width: 64px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large {
width: 128px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small {
font-size: 32px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium {
font-size: 48px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large {
font-size: 64px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large {
font-size: 128px;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper {
display: block;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.small-size {
margin-left: 48px;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.medium-size {
margin-left: 65px;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size {
margin-left: 84px;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.x-large-size {
margin-left: 158px;
}
.mk-box-icon.simple_ultimate-style .top-side {
text-align: center;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico {
display: block;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.small {
margin-bottom: 8px;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.medium {
margin-bottom: 10px;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.large {
margin-bottom: 12px;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.x-large {
margin-bottom: 15px;
}
.mk-box-icon.simple_ultimate-style .top-side h4 {
margin-bottom: 22px;
}
.mk-box-icon.simple_ultimate-style .top-side .icon-box-readmore {
display: inline-block;
float: none;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.small {
font-size: 32px;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.small .mk-svg-icon {
height: 32px!important;
width: 32px!important;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.medium {
font-size: 48px;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.medium .mk-svg-icon {
height: 48px!important;
width: 48px!important;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.large {
font-size: 64px;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.large .mk-svg-icon {
height: 64px!important;
width: 64px!important;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.x-large {
font-size: 128px;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.x-large .mk-svg-icon {
height: 128px!important;
width: 128px!important;
}
.mk-box-icon .rounded-circle.left-side .small-size {
margin-left: 90px !important;
}
.mk-box-icon .rounded-circle.left-side .medium-size {
margin-left: 120px !important;
}
.mk-box-icon .rounded-circle.top-side .small {
margin-bottom: 26px !important;
}
.mk-box-icon .rounded-circle.top-side .medium {
margin-bottom: 34px !important;
}
.mk-box-icon .rounded-circle .mk-main-ico {
border-width: 1px;
border-style: solid;
border-radius: 60px;
text-align: center;
display: -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;
transition: background-color 0.2s linear;
}
.mk-iconBox-gradient .icon i svg {
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 i,
.Firefox .mk-iconBox-gradient .icon .mk-svg-icon {
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 {
transition: fill 0.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-box-icon-2 {
display: block;
}
.mk-box-icon-2 .mk-box-icon-2-icon {
border-width: 2px !important;
border-radius: 50%;
transition: all ease-in 0.2s;
display: inline-block;
text-align: center;
}
.mk-box-icon-2 .mk-box-icon-2-icon i {
display: block;
vertical-align: middle;
line-height: inherit;
text-align: center;
display: inline-block;
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-16 {
line-height: 50px;
height: 54px;
width: 54px;
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-32 {
line-height: 80px;
height: 84px;
width: 84px;
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-48 {
line-height: 98px;
height: 100px;
width: 100px;
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-64 {
line-height: 128px;
height: 130px;
width: 130px;
}
.mk-box-icon-2 .mk-box-icon-2-icon.size-128 {
line-height: 188px;
height: 190px;
width: 190px;
}
.mk-box-icon-2 svg {
vertical-align: middle;
}
.mk-box-icon-2 .mk-box-icon-2-image svg {
width: 100%;
}
.mk-box-icon-2 .mk-box-icon-2-title {
display: block;
margin: 0;
}
.mk-box-icon-2 .mk-box-icon-2-content {
display: block;
}
.mk-box-icon-2.box-align-left {
text-align: left;
}
.mk-box-icon-2.box-align-center {
text-align: center;
}
.mk-box-icon-2 .mk-box-icon-2-icon {
display: inline-block;
}
.mk-box-icon-2 .mk-box-icon-2-image {
display: block;
}
.mk-box-icon-2.box-align-center .mk-box-icon-2-icon,
.mk-box-icon-2.box-align-center .mk-box-icon-2-image {
margin: 0 auto;
}
.mk-box-icon-2.box-align-right {
text-align: right;
}
.mk-box-icon-2.box-align-right .mk-box-icon-2-image {
display: inline-block;
} .mk-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;
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 img,
.mk-image.rounded-frame .mk-image-overlay {
border-radius: 4px;
}
.mk-image.gray_border-frame .mk-image-inner {
border: 6px solid rgba(0, 0, 0, 0.06);
}
.mk-image.border_shadow-frame .mk-image-inner {
border: 6px solid #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.mk-image.shadow_only-frame .mk-image-inner {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.mk-image.single_line-frame .mk-image-inner {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.mk-image .mk-image-inner {
position: relative;
overflow: hidden;
width: auto;
}
.mk-image .mk-image-inner.is-svg {
display: inline-block; 
}
.mk-image .mk-image-inner img {
width: 100%;
}
.mk-image .mk-image-inner:hover .mk-image-overlay {
opacity: .9;
}
.mk-image .mk-image-inner:hover .mk-image-lightbox {
opacity: 1;
}
.mk-image.inside-image .mk-image-caption {
position: absolute;
bottom: 0;
left: 0;
margin: 10px;
padding: 10px;
background-color: #4c4c4c;
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
border-radius: 4px;
}
.mk-image.inside-image .mk-image-caption:hover {
background-color: #383838;
background-color: rgba(0, 0, 0, 0.5);
}
.mk-image.inside-image .mk-image-caption .mk-caption-title {
display: block;
font-weight: bold;
font-size: 14px;
line-height: 18px;
}
.mk-image.inside-image .mk-image-caption .mk-caption-desc {
display: block;
margin-top: 5px;
font-size: 12px;
line-height: 18px;
}
.mk-image.outside-image .mk-image-caption {
margin: 10px 0;
}
.mk-image.outside-image .mk-image-caption .mk-caption-title {
display: block;
font-weight: bold;
font-size: 14px;
line-height: 18px;
}
.mk-image.outside-image .mk-image-caption .mk-caption-desc {
display: block;
margin-top: 5px;
font-style: italic;
font-size: 11px;
line-height: 18px;
}
.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-image-switch {
overflow: hidden;
}
.mk-image-switch img {
display: block;
}
.mk-image-switch .image__container {
position: relative;
display: inline-block;
}
.mk-image-switch .first__image {
position: relative;
z-index: 2;
}
.mk-image-switch .second__image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.mk-image-switch.align-left {
text-align: left;
}
.mk-image-switch.align-center {
text-align: center;
}
.mk-image-switch.align-right {
text-align: right;
} .mk-image-switch.without-fading-animation .image__container .first__image {
visibility: visible;
}
.mk-image-switch.without-fading-animation .image__container .second__image {
visibility: hidden;
}
.mk-image-switch.without-fading-animation .image__container:hover .first__image {
visibility: hidden;
}
.mk-image-switch.without-fading-animation .image__container:hover .second__image {
visibility: visible;
} .mk-image-switch.fading-animation .image__container .first__image,
.mk-image-switch.fading-animation .image__container .second__image {
transition: opacity .2s linear, visibility .2s linear;
}
.mk-image-switch.fading-animation .image__container .first__image {
opacity: 1;
}
.mk-image-switch.fading-animation .image__container .second__image {
opacity: 0;
}
.mk-image-switch.fading-animation .image__container:hover .first__image {
opacity: 0;
}
.mk-image-switch.fading-animation .image__container:hover .second__image {
opacity: 1;
} .mk-imagebox {
position: relative;
}
.mk-imagebox-item {
margin-bottom: 40px;
}
.mk-imagebox .swiper-navigation {
padding-bottom: 14px;
padding-left: 20px;
padding-right: 20px;
clear: both;
display: block;
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.mk-imagebox .swiper-navigation .swiper-arrows {
font-size: 24px;
color: #cccccc;
color: rgba(128, 128, 128, 0.2);
}
.mk-imagebox .swiper-navigation .swiper-arrows:hover {
color: rgba(128, 128, 128, 0.4);
}
.mk-imagebox .swiper-navigation .mk-swiper-next {
float: right;
}
.mk-imagebox:hover .swiper-navigation {
opacity: 1;
}
.mk-imagebox.column-style .swiper-slide {
float: none;
}
.mk-imagebox .slide-style .swiper-slide .mk-imagebox-item {
width: 100%;
}
.mk-imagebox .one-column .mk-imagebox-item {
width: 100%;
}
.mk-imagebox .two-column .mk-imagebox-item {
width: 49.96%;
}
.mk-imagebox .three-column .mk-imagebox-item {
width: 33.31%;
}
.mk-imagebox .four-column .mk-imagebox-item {
width: 24.96%;
}
.mk-imagebox .five-column .mk-imagebox-item {
width: 19.96%;
}
.mk-imagebox .six-column .mk-imagebox-item {
width: 16.6%;
}
.mk-imagebox .video-type .item-image {
display: none;
} .mk-imagebox .two-column div:nth-of-type(2n+3) .mk-imagebox-item,
.mk-imagebox .three-column div:nth-of-type(3n+4) .mk-imagebox-item,
.mk-imagebox .four-column div:nth-of-type(4n+5) .mk-imagebox-item,
.mk-imagebox .five-column div:nth-of-type(5n+6) .mk-imagebox-item,
.mk-imagebox .six-column div:nth-of-type(6n+7) .mk-imagebox-item {
clear: both;
}
@media handheld, only screen and (max-width: 1024px) {
.mk-imagebox .video-type .item-image {
display: block;
}
.mk-imagebox .mk-imagebox-video {
display: none!important;
}
}
@media handheld, only screen and (max-width: 960px) {
.mk-imagebox .two-column .mk-imagebox-item,
.mk-imagebox .three-column .mk-imagebox-item,
.mk-imagebox .four-column .mk-imagebox-item,
.mk-imagebox .five-column .mk-imagebox-item,
.mk-imagebox .six-column .mk-imagebox-item {
width: 50%;
margin-bottom: 20px;
} .mk-imagebox .two-column div:nth-of-type(2n+3) .mk-imagebox-item,
.mk-imagebox .three-column div:nth-of-type(3n+4) .mk-imagebox-item,
.mk-imagebox .four-column div:nth-of-type(4n+5) .mk-imagebox-item,
.mk-imagebox .five-column div:nth-of-type(5n+6) .mk-imagebox-item,
.mk-imagebox .six-column div:nth-of-type(6n+7) .mk-imagebox-item {
clear: none;
} .mk-imagebox .three-column div:nth-of-type(2n+3) .mk-imagebox-item,
.mk-imagebox .four-column div:nth-of-type(2n+3) .mk-imagebox-item,
.mk-imagebox .five-column div:nth-of-type(2n+3) .mk-imagebox-item,
.mk-imagebox .six-column div:nth-of-type(2n+3) .mk-imagebox-item {
clear: both;
}
.mk-imagebox .two-column img,
.mk-imagebox .three-column img,
.mk-imagebox .four-column img,
.mk-imagebox .five-column img,
.mk-imagebox .six-column img {
width: 100%;
}
}
@media handheld, only screen and (max-width: 540px) {
.mk-imagebox .mk-imagebox-item {
width: 100% !important;
}
.mk-imagebox .mk-imagebox-item .item-holder {
margin: 0 !important;
}
} .mk-imagebox-item {
float: left;
}
.mk-imagebox-item .item-holder {
position: relative;
overflow: hidden;
}
.mk-imagebox-item .item-image {
text-align: center;
padding: 0;
}
.mk-imagebox-item .item-image img {
width: 100%;
}
.mk-imagebox-item .item-image.padding-true {
padding: 5% 5% 0;
}
.mk-imagebox-item .item-title {
line-height: 1.66em;
padding: 10% 10% 7%;
letter-spacing: 1px;
}
.mk-imagebox-item .item-title h5 {
margin: 0;
text-align: center;
}
.mk-imagebox-item .item-content {
padding: 0% 13% 7%;
}
.mk-imagebox-item .item-wrapper p {
text-align: center;
}
.mk-imagebox-item .mk-video-container {
padding-top: 0;
padding-bottom: 56.5% !important;
}
.mk-imagebox-item .mk-video-container video,
.mk-imagebox-item .mk-video-container iframe {
width: 100%;
}
.mk-imagebox-item .mk-video-wrapper.padding-true {
padding: 5% 5% 0;
}
.mk-imagebox-item .mk-imagebox-video {
display: block;
width: 100%;
}
.mk-imagebox-item .mk-imagebox-video video {
display: block;
width: 100%;
}
.mk-imagebox-item .item-button a {
display: block;
font-size: 14px;
letter-spacing: 1px;
padding: 20px;
text-align: center;
transition: all 0.2s ease-out;
}
.mk-slider-holder .mk-imagebox-item {
float: none;
margin-left: auto;
margin-right: auto;
}
.compose-mode .vc_mk_imagebox_item {
min-height: 0 !important;
}
.compose-mode .slide-style .vc_mk_imagebox_item {
position: absolute !important;
}
.compose-mode .mk-imagebox.column-style > div > .vc_element {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
} .compose-mode .vc_mk_imagebox_item .vc_element-move {
pointer-events: none;
}
.compose-mode .vc_mk_imagebox_item .vc_element-move .vc_btn-content {
padding-left: 10px !important; 
}
.compose-mode .vc_mk_imagebox_item .vc_element-move i {
display: none;
} .compose-mode .mk-imagebox .vc_mk_imagebox_item {
float: left;
}
.compose-mode .mk-imagebox .one-column > .vc_mk_imagebox_item  {
width: 100% !important;
}
.compose-mode .mk-imagebox .two-column > .vc_mk_imagebox_item  {
width: 49.96% !important;
}
.compose-mode .mk-imagebox .three-column > .vc_mk_imagebox_item {
width: 33.31% !important;
}
.compose-mode .mk-imagebox .four-column > .vc_mk_imagebox_item  {
width: 24.96% !important;
}
.compose-mode .mk-imagebox .five-column > .vc_mk_imagebox_item  {
width: 19.96% !important;
}
.compose-mode .mk-imagebox .six-column > .vc_mk_imagebox_item  {
width: 16.6% !important;
}
.compose-mode .column-style .mk-imagebox-item {
width: 100%;
}
.compose-mode .mk-imagebox .two-column div:nth-of-type(2n+3),
.compose-mode .mk-imagebox .three-column div:nth-of-type(3n+4),
.compose-mode .mk-imagebox .four-column div:nth-of-type(4n+5),
.compose-mode .mk-imagebox .five-column div:nth-of-type(5n+6),
.compose-mode .mk-imagebox .six-column div:nth-of-type(6n+7) {
clear: both;
}
@media handheld, only screen and (max-width: 960px) {
.compose-mode .mk-imagebox .two-column > .vc_mk_imagebox_item,
.compose-mode .mk-imagebox .three-column > .vc_mk_imagebox_item,
.compose-mode .mk-imagebox .four-column > .vc_mk_imagebox_item,
.compose-mode .mk-imagebox .five-column > .vc_mk_imagebox_item,
.compose-mode .mk-imagebox .six-column > .vc_mk_imagebox_item {
width: 50% !important;
margin-bottom: 20px;
} .compose-mode .mk-imagebox .two-column div:nth-of-type(2n+3),
.compose-mode .mk-imagebox .three-column div:nth-of-type(3n+4),
.compose-mode .mk-imagebox .four-column div:nth-of-type(4n+5),
.compose-mode .mk-imagebox .five-column div:nth-of-type(5n+6),
.compose-mode .mk-imagebox .six-column div:nth-of-type(6n+7) {
clear: none;
} .compose-mode .mk-imagebox .three-column div:nth-of-type(2n+3),
.compose-mode .mk-imagebox .four-column div:nth-of-type(2n+3),
.compose-mode .mk-imagebox .five-column div:nth-of-type(2n+3),
.compose-mode .mk-imagebox .six-column div:nth-of-type(2n+3) {
clear: both;
}
}
@media handheld, only screen and (max-width: 540px) {
.compose-mode .mk-imagebox .vc_element-container > .vc_mk_imagebox_item {
width: 100% !important;
}
} .mk-laptop-slideshow-shortcode {
margin: 0 auto 60px;
width: 100%;
text-align: center;
}
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
margin: 0 auto !important;
}
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
margin: 0 auto !important;
}
.mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav a {
margin-top: -16px;
}
.mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav svg {
height: 32px;
}
.mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav a {
margin-top: -12px;
}
.mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav svg {
height: 24px;
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop {
margin-bottom: 30px !important;
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav a {
margin-top: -8px;
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav svg {
height: 16px;
}
@media handheld, only screen and (max-width: 600px) {
.mk-laptop-slideshow-shortcode .flex-direction-nav svg {
height: 32px !important;
}
}
.mk-laptop-slideshow-shortcode:hover .flex-direction-nav a {
opacity: 1;
}
.mk-laptop-slideshow-shortcode:hover .flex-prev {
left: 0px;
}
.mk-laptop-slideshow-shortcode:hover .flex-next {
right: 0px;
}
.mk-laptop-slideshow-shortcode .mk-flex-slides {
text-align: center;
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a {
position: absolute;
top: 50%;
margin-top: -16px;
opacity: 0;
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a svg {
fill: #cccccc !important; }
.mk-laptop-slideshow-shortcode .flex-direction-nav a:hover svg {
fill: #7f7f7f !important;
}
.mk-laptop-slideshow-shortcode .flex-prev {
left: 30px;
}
.mk-laptop-slideshow-shortcode .flex-next {
right: 30px;
}
.mk-laptop-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.vc_col-sm-6 .full-laptop .flex-direction-nav svg {
height: 32px !important;
}
.vc_col-sm-4 .full-laptop .flex-direction-nav svg,
.vc_col-sm-4 .one-half-laptop .flex-direction-nav svg {
height: 24px !important;
}
.vc_col-sm-3 .full-laptop .flex-direction-nav svg,
.vc_col-sm-3 .one-half-laptop .flex-direction-nav svg,
.vc_col-sm-3 .one-third-laptop .flex-direction-nav svg {
height: 24px !important;
}
.vc_col-sm-3 .one-third-laptop .flex-direction-nav svg {
height: 16px !important;
}
.vc_col-sm-2 .full-laptop .flex-direction-nav svg,
.vc_col-sm-2 .one-half-laptop .flex-direction-nav svg,
.vc_col-sm-2 .one-third-laptop .flex-direction-nav svg,
.vc_col-sm-2 .one-fourth-laptop .flex-direction-nav svg {
height: 16px !important;
} .mk-lcd-slideshow {
margin: 0 auto 160px;
width: 100%;
text-align: center;
}
@media handheld, only screen and (max-width: 767px) {
.mk-lcd-slideshow {
margin-bottom: 100px !important;
}
}
@media handheld, only screen and (max-width: 600px) {
.mk-lcd-slideshow {
margin-bottom: 70px !important;
}
}
@media handheld, only screen and (max-width: 500px) {
.mk-lcd-slideshow {
margin-bottom: 50px !important;
}
}
@media handheld, only screen and (max-width: 321px) {
.mk-lcd-slideshow {
margin-bottom: 10px !important;
}
}
.mk-lcd-slideshow:hover .flex-direction-nav a {
opacity: .7;
}
.mk-lcd-slideshow:hover .flex-prev {
left: 60px !important;
}
.mk-lcd-slideshow:hover .flex-next {
right: 60px !important;
}
.mk-lcd-slideshow .flex-direction-nav a {
position: absolute;
top: 45%;
margin-top: -16px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 3px;
opacity: 0;
}
.mk-lcd-slideshow .flex-direction-nav a .mk-svg-icon {
fill: #ffffff !important;
height: 16px;
vertical-align: middle;
}
.mk-lcd-slideshow .flex-prev {
left: 70px !important;
}
.mk-lcd-slideshow .flex-next {
right: 70px !important;
}
.mk-lcd-image {
position: absolute;
top: 0;
left: 0;
}
.vc_col-sm-8 .mk-lcd-slideshow {
margin: 0 auto 70px;
}
.vc_col-sm-8 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -48px;
}
.vc_col-sm-6 .mk-lcd-slideshow {
margin: 0 auto 50px;
}
.vc_col-sm-6 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px;
}
.vc_col-sm-4 .mk-lcd-slideshow {
margin: 0 auto 50px;
}
.vc_col-sm-4 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -40px;
}
.vc_col-sm-3 .mk-lcd-slideshow {
margin: 0 auto 60px;
}
.vc_col-sm-3 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px;
}
.vc_col-sm-2 .mk-lcd-slideshow {
margin: 0 auto 40px;
}
.vc_col-sm-2 .mk-lcd-slideshow .flex-direction-nav a {
display: none;
}
.vc_col-sm-6 .vc_col-sm-8 .mk-lcd-slideshow {
margin: 0 auto 40px;
}
.vc_col-sm-6 .vc_col-sm-4 .mk-lcd-slideshow {
margin: 0 auto 40px;
}
.vc_col-sm-6 .vc_col-sm-4 .mk-lcd-slideshow .flex-direction-nav a {
display: none;
} .mk-message-box {
position: relative;
display: block;
margin-bottom: 20px;
border-width: 1px;
border-style: solid;
background-position: 15px center;
background-repeat: no-repeat;
}
.mk-message-box span {
display: block;
padding: 15px 15px 15px 65px;
text-align: left;
}
.mk-message-box .box-close-btn {
position: absolute;
top: 0;
right: 6px;
}
.mk-message-box.mk-comment-message-box {
border-color: #dddddd;
background-color: #eeeeee;
}
.mk-message-box.mk-comment-message-box i {
color: #aaaaaa;
}
.mk-message-box.mk-info-message-box {
border-color: #afe0ee;
background-color: #d1eff8;
}
.mk-message-box.mk-info-message-box i {
color: #3ea3bc;
}
.mk-message-box.mk-info-message-box .button.wc-forward {
background-color: #3ea2c1;
}
.mk-message-box.mk-error-message-box {
border-color: #fd8585;
background-color: #fac6bf;
}
.mk-message-box.mk-error-message-box i {
color: #de303a;
}
.mk-message-box.mk-error-message-box .button.wc-forward {
background-color: #df3531;
}
.mk-message-box.mk-confirm-message-box {
border-color: #72dd9d;
background-color: #b8f4d0;
}
.mk-message-box.mk-confirm-message-box i {
color: #20b66e;
}
.mk-message-box.mk-confirm-message-box .button.wc-forward {
background-color: #28b863;
}
.mk-message-box.mk-warning-message-box {
border-color: #e0c069;
background-color: #fbf1c8;
}
.mk-message-box.mk-warning-message-box i {
color: #be9a34;
}
.mk-message-box.mk-warning-message-box .button.wc-forward {
background-color: #be9c00;
} .mk-milestone {
margin-bottom: 20px;
}
.mk-milestone .milestone-number,
.mk-milestone .milestone-prefix,
.mk-milestone .milestone-suffix {
line-height: 110%;
letter-spacing: 2px;
}
.mk-milestone i {
line-height: 1;
}
.mk-milestone.left-align .milestone-top {
float: left;
}
.mk-milestone.left-align i {
float: left;
margin-right: 10px;
}
.mk-milestone.left-align .milestone-text:after {
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.mk-milestone.center-align {
text-align: center;
}
.mk-milestone.center-align .milestone-top {
display: block;
}
.mk-milestone.center-align i {
display: block;
margin-bottom: 30px;
}
.mk-milestone.center-align .milestone-text:after {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.mk-milestone.right-align .milestone-top {
float: right;
text-align: right;
}
.mk-milestone.right-align i {
float: right;
margin-left: 10px;
}
.mk-milestone.right-align .milestone-text:after {
right: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.mk-milestone .milestone-text {
letter-spacing: 1px;
line-height: 100%;
position: relative;
margin: 16px 0;
padding: 16px 0;
}
.mk-milestone .milestone-text:after {
content: '';
display: block;
position: absolute;
width: 20px;
height: 3px;
background: #999999;
top: 0;
}
.mk-milestone.milestone-small 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: #333333;
font-weight: bold;
}
.mk-mini-callout a i {
padding-left: 6px;
font-size: 14px;
} .mk-moving-image img {
width: auto !important;
display: inline-block !important;
}
.mk-news-container {
margin-bottom: 50px;
}
.mk-news-item {
position: relative;
overflow: hidden;
float: left;
}
.mk-news-item .item-holder {
margin: 0 6px 6px 0;
background-color: #f6f6f6;
position: relative;
overflow: hidden;
}
.mk-news-item .news-categories {
font-weight: bold;
font-size: 13px;
}
.mk-news-item .news-the-title {
font-size: 18px;
font-weight: bold;
}
.mk-news-item .mk-read-more i {
margin-left: 5px;
vertical-align: middle;
}
.news-full-with-image .news-meta-wrapper,
.news-half-with-image .news-meta-wrapper,
.news-fourth-with-image .news-meta-wrapper {
position: absolute;
left: 0;
bottom: 0;
margin: 15px 15px 3px 15px;
}
.news-full-with-image .news-categories,
.news-half-with-image .news-categories,
.news-fourth-with-image .news-categories {
line-height: 43px;
color: #ffffff;
}
.news-full-with-image .news-categories a,
.news-half-with-image .news-categories a,
.news-fourth-with-image .news-categories a {
color: #ffffff;
}
.news-full-with-image .news-categories span,
.news-half-with-image .news-categories span,
.news-fourth-with-image .news-categories span {
padding: 12px 5px;
font-size: 11px;
margin-left: -8px;
letter-spacing: 1px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.news-full-with-image .news-date,
.news-half-with-image .news-date,
.news-fourth-with-image .news-date {
background-color: rgba(0, 0, 0, 0.4);
padding: 15px 15px;
position: absolute;
top: 0;
right: 0;
font-size: 11px;
line-height: 10px;
color: #ffffff;
}
.news-full-with-image img,
.news-half-with-image img,
.news-fourth-with-image img {
height: 100%;
width: 100%;
}
.news-full-with-image .news-the-title a,
.news-half-with-image .news-the-title a,
.news-fourth-with-image .news-the-title a {
color: #ffffff;
}
.news-full-with-image .news-the-title span,
.news-half-with-image .news-the-title span,
.news-fourth-with-image .news-the-title span {
line-height: 37px;
background-color: #000000;
padding: 13px 0;
box-shadow: 15px 0px 0 #000000, -15px 0 0 #000000;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.news-full-without-image .item-holder,
.news-half-without-image .item-holder,
.news-fourth-without-image .item-holder {
padding: 28px 35px;
}
.news-full-without-image .item-holder .news-categories,
.news-half-without-image .item-holder .news-categories,
.news-fourth-without-image .item-holder .news-categories {
margin-bottom: 5px;
}
.news-full-without-image .item-holder .news-the-title,
.news-half-without-image .item-holder .news-the-title,
.news-fourth-without-image .item-holder .news-the-title {
margin: 0;
}
.news-full-without-image .item-holder .news-date,
.news-half-without-image .item-holder .news-date,
.news-fourth-without-image .item-holder .news-date {
color: #777777;
font-size: 11px;
margin-bottom: 10px;
display: block;
}
.news-full-with-image {
width: 99.5%;
}
.news-full-without-image {
width: 99.9%;
}
.news-half-with-image {
width: 49.9%;
}
.news-half-without-image {
width: 49.9%;
}
.news-fourth-with-image {
width: 24.9%;
}
.news-fourth-without-image {
width: 24.9%;
}
@media handheld, only screen and (max-width: 1024px) {
.news-half-with-image > div,
.news-fourth-with-image > div,
.news-full-with-image > div {
height: auto !important;
}
.news-half-with-image > div .news-meta-wrapper,
.news-fourth-with-image > div .news-meta-wrapper,
.news-full-with-image > div .news-meta-wrapper {
position: relative !important;
left: auto !important;
bottom: auto !important;
margin: 20px;
}
.news-full-with-image,
.news-full-without-image {
width: 100% !important;
}
.news-half-with-image,
.news-fourth-with-image,
.news-fourth-without-image,
.news-half-without-image {
width: 49.8% !important;
}
.news-half-with-image > div,
.news-fourth-with-image > div,
.news-fourth-without-image > div,
.news-half-without-image > div {
height: auto !important;
}
}
@media handheld, only screen and (max-width: 767px) {
.news-full-with-image,
.news-full-without-image {
width: 100% !important;
}
.mk-news-item {
margin-right: 0 !important;
}
.news-half-with-image,
.news-fourth-with-image {
width: 100% !important;
}
.news-fourth-without-image,
.news-half-without-image {
width: 100% !important;
}
}
.mk-news-tab .mk-tabs-tabs {
z-index: 10;
}
.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: bold;
color: #333333;
}
@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;
}
.mk-news-tab .mk-tabs-tabs li a {
font-weight: bold;
color: #333333;
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: #444444;
white-space: nowrap;
font-weight: bold;
font-size: 13px;
line-height: 24px;
margin-bottom: 15px;
background-color: rgba(0, 0, 0, 0.05);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
padding: 5px 10px;
}
.mk-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: #333333;
}
.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-ornamental-title .title {
margin: 0 auto;
}
.mk-ornamental-title .title .title-text,
.mk-ornamental-title .title .title-image {
padding: 0 35px;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
position: relative;
}
.mk-ornamental-title .title .title-text:before,
.mk-ornamental-title .title .title-image:before,
.mk-ornamental-title .title .title-text:after,
.mk-ornamental-title .title .title-image:after {
box-sizing: content-box;
}
.mk-ornamental-title .title .title-text:before,
.mk-ornamental-title .title .title-image:before {
right: 100%;
}
.mk-ornamental-title .title .title-text:after,
.mk-ornamental-title .title .title-image:after {
left: 100%;
}
.mk-ornamental-title .title .title-image {
min-width: 38px;
text-align: center;
}
.mk-ornamental-title.rovi-double .title .title-text,
.mk-ornamental-title.rovi-double .title .title-image {
position: relative;
}
.mk-ornamental-title.rovi-double .title .title-text .line-left,
.mk-ornamental-title.rovi-double .title .title-image .line-left,
.mk-ornamental-title.rovi-double .title .title-text .line-right,
.mk-ornamental-title.rovi-double .title .title-image .line-right {
position: absolute;
top: 0;
height: 100%;
}
.mk-ornamental-title.rovi-double .title .title-text .line-left,
.mk-ornamental-title.rovi-double .title .title-image .line-left {
left: 3px;
}
.mk-ornamental-title.rovi-double .title .title-text .line-right,
.mk-ornamental-title.rovi-double .title .title-image .line-right {
right: 3px;
}
.mk-ornamental-title.rovi-single .title,
.mk-ornamental-title.rovi-double .title,
.mk-ornamental-title.norman-single .title,
.mk-ornamental-title.norman-double .title,
.mk-ornamental-title.norman-short-single .title,
.mk-ornamental-title.norman-short-double .title {
text-align: center;
}
.mk-ornamental-title.rovi-single .title .title-text:before,
.mk-ornamental-title.rovi-double .title .title-text:before,
.mk-ornamental-title.norman-single .title .title-text:before,
.mk-ornamental-title.norman-double .title .title-text:before,
.mk-ornamental-title.norman-short-single .title .title-text:before,
.mk-ornamental-title.norman-short-double .title .title-text:before,
.mk-ornamental-title.rovi-single .title .title-image:before,
.mk-ornamental-title.rovi-double .title .title-image:before,
.mk-ornamental-title.norman-single .title .title-image:before,
.mk-ornamental-title.norman-double .title .title-image:before,
.mk-ornamental-title.norman-short-single .title .title-image:before,
.mk-ornamental-title.norman-short-double .title .title-image:before,
.mk-ornamental-title.rovi-single .title .title-text:after,
.mk-ornamental-title.rovi-double .title .title-text:after,
.mk-ornamental-title.norman-single .title .title-text:after,
.mk-ornamental-title.norman-double .title .title-text:after,
.mk-ornamental-title.norman-short-single .title .title-text:after,
.mk-ornamental-title.norman-short-double .title .title-text:after,
.mk-ornamental-title.rovi-single .title .title-image:after,
.mk-ornamental-title.rovi-double .title .title-image:after,
.mk-ornamental-title.norman-single .title .title-image:after,
.mk-ornamental-title.norman-double .title .title-image:after,
.mk-ornamental-title.norman-short-single .title .title-image:after,
.mk-ornamental-title.norman-short-double .title .title-image:after {
content: '';
display: block;
position: absolute;
}
.mk-ornamental-title.rovi-single .title .title-text:before,
.mk-ornamental-title.rovi-double .title .title-text:before,
.mk-ornamental-title.norman-single .title .title-text:before,
.mk-ornamental-title.norman-double .title .title-text:before,
.mk-ornamental-title.rovi-single .title .title-image:before,
.mk-ornamental-title.rovi-double .title .title-image:before,
.mk-ornamental-title.norman-single .title .title-image:before,
.mk-ornamental-title.norman-double .title .title-image:before,
.mk-ornamental-title.rovi-single .title .title-text:after,
.mk-ornamental-title.rovi-double .title .title-text:after,
.mk-ornamental-title.norman-single .title .title-text:after,
.mk-ornamental-title.norman-double .title .title-text:after,
.mk-ornamental-title.rovi-single .title .title-image:after,
.mk-ornamental-title.rovi-double .title .title-image:after,
.mk-ornamental-title.norman-single .title .title-image:after,
.mk-ornamental-title.norman-double .title .title-image:after {
width: 1500px;
}
.mk-ornamental-title.rovi-single .title .title-text:after,
.mk-ornamental-title.rovi-double .title .title-text:after,
.mk-ornamental-title.norman-single .title .title-text:after,
.mk-ornamental-title.norman-double .title .title-text:after,
.mk-ornamental-title.rovi-single .title .title-image:after,
.mk-ornamental-title.rovi-double .title .title-image:after,
.mk-ornamental-title.norman-single .title .title-image:after,
.mk-ornamental-title.norman-double .title .title-image:after {
left: 100%;
}
.mk-ornamental-title.rovi-single .title .title-text:before,
.mk-ornamental-title.rovi-double .title .title-text:before,
.mk-ornamental-title.norman-single .title .title-text:before,
.mk-ornamental-title.norman-double .title .title-text:before,
.mk-ornamental-title.rovi-single .title .title-image:before,
.mk-ornamental-title.rovi-double .title .title-image:before,
.mk-ornamental-title.norman-single .title .title-image:before,
.mk-ornamental-title.norman-double .title .title-image:before {
right: 100%;
}
.mk-ornamental-title.rovi-double .title .title-text:before,
.mk-ornamental-title.norman-double .title .title-text:before,
.mk-ornamental-title.norman-short-double .title .title-text:before,
.mk-ornamental-title.rovi-double .title .title-image:before,
.mk-ornamental-title.norman-double .title .title-image:before,
.mk-ornamental-title.norman-short-double .title .title-image:before,
.mk-ornamental-title.rovi-double .title .title-text:after,
.mk-ornamental-title.norman-double .title .title-text:after,
.mk-ornamental-title.norman-short-double .title .title-text:after,
.mk-ornamental-title.rovi-double .title .title-image:after,
.mk-ornamental-title.norman-double .title .title-image:after,
.mk-ornamental-title.norman-short-double .title .title-image:after {
height: 3px;
}
.mk-ornamental-title.rovi-single .title,
.mk-ornamental-title.rovi-double .title,
.mk-ornamental-title.norman-single .title,
.mk-ornamental-title.norman-double .title {
width: 100%;
overflow: hidden;
}
.mk-ornamental-title.normal-single .title .title-text:before,
.mk-ornamental-title.normal-short-single .title .title-text:before,
.mk-ornamental-title.normal-single .title .title-text:after,
.mk-ornamental-title.normal-short-single .title .title-text:after {
content: initial;
}
.mk-ornamental-title.norman-short-single .title .title-image::after,
.mk-ornamental-title.norman-short-single .title .title-image::before {
width: 55px;
}
.mk-ornamental-title.norman-short-single .title,
.mk-ornamental-title.norman-short-double .title {
display: inline-block;
margin: 0 55px; 
}
.mk-ornamental-title.norman-short-single .title .title-text,
.mk-ornamental-title.norman-short-double .title .title-text {
float: left;
}
.mk-ornamental-title.norman-short-single .title .title-image,
.mk-ornamental-title.norman-short-double .title .title-image {
float: left;
}
.mk-ornamental-title.norman-short-single .title-text:before,
.mk-ornamental-title.norman-short-double .title-text:before,
.mk-ornamental-title.norman-short-single .title-text:after,
.mk-ornamental-title.norman-short-double .title-text:after,
.mk-ornamental-title.norman-short-single .title-image:before,
.mk-ornamental-title.norman-short-double .title-image:before,
.mk-ornamental-title.norman-short-single .title-image:after,
.mk-ornamental-title.norman-short-double .title-image:after {
content: ''; 
position: absolute;
top: calc(50% - 1.5px);
width: 55px;
height: 3px;
}
.mk-ornamental-title.norman-short-single .title-text:before,
.mk-ornamental-title.norman-short-double .title-text:before,
.mk-ornamental-title.norman-short-single .title-image:before,
.mk-ornamental-title.norman-short-double .title-image:before {
left: -55px;
}
.mk-ornamental-title.norman-short-single .title-text:after,
.mk-ornamental-title.norman-short-double .title-text:after,
.mk-ornamental-title.norman-short-single .title-image:after,
.mk-ornamental-title.norman-short-double .title-image:after {
right: -55px;
}
.mk-ornamental-title.norman-short-single.align-center,
.mk-ornamental-title.norman-short-double.align-center {
text-align: center;
}
.mk-ornamental-title.norman-short-single.align-right,
.mk-ornamental-title.norman-short-double.align-right {
text-align: right;
}
.mk-ornamental-title.lemo-single,
.mk-ornamental-title.lemo-double {
position: relative;
display: inline-block;
}
.mk-ornamental-title.lemo-single .title,
.mk-ornamental-title.lemo-double .title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.mk-ornamental-title.lemo-single .title .title-text:before,
.mk-ornamental-title.lemo-double .title .title-text:before,
.mk-ornamental-title.lemo-single .title .title-image:before,
.mk-ornamental-title.lemo-double .title .title-image:before,
.mk-ornamental-title.lemo-single .title .title-text:after,
.mk-ornamental-title.lemo-double .title .title-text:after,
.mk-ornamental-title.lemo-single .title .title-image:after,
.mk-ornamental-title.lemo-double .title .title-image:after {
content: '';
left: 0;
width: 100%;
position: absolute;
}
.mk-ornamental-title.lemo-single .title .title-text:before,
.mk-ornamental-title.lemo-double .title .title-text:before,
.mk-ornamental-title.lemo-single .title .title-image:before,
.mk-ornamental-title.lemo-double .title .title-image:before {
top: 0;
}
.mk-ornamental-title.lemo-single .title .title-text:after,
.mk-ornamental-title.lemo-double .title .title-text:after,
.mk-ornamental-title.lemo-single .title .title-image:after,
.mk-ornamental-title.lemo-double .title .title-image:after {
bottom: 0;
}
.mk-ornamental-title.lemo-single .title .title-text,
.mk-ornamental-title.lemo-double .title .title-text {
padding: 17px 10px;
}
.mk-ornamental-title.lemo-single .title .title-image,
.mk-ornamental-title.lemo-double .title .title-image {
padding: 20px 10px;
}
.mk-ornamental-title.lemo-single.align-center,
.mk-ornamental-title.lemo-double.align-center {
text-align: center;
display: block;
}
.mk-ornamental-title.lemo-single.align-center .title,
.mk-ornamental-title.lemo-double.align-center .title {
overflow: initial;
display: inline-block;
position: relative;
}
.mk-ornamental-title.lemo-single.align-right,
.mk-ornamental-title.lemo-double.align-right {
float: right;
}
.mk-ornamental-title.lemo-double .title .title-text:before,
.mk-ornamental-title.lemo-double .title .title-image:before,
.mk-ornamental-title.lemo-double .title .title-text:after,
.mk-ornamental-title.lemo-double .title .title-image:after {
height: 5px;
}
.mk-ornamental-title.lemo-double .title .title-text:before,
.mk-ornamental-title.lemo-double .title .title-image:before {
top: -5px;
}
.mk-ornamental-title.lemo-double .title .title-text:after,
.mk-ornamental-title.lemo-double .title .title-image:after {
bottom: -5px;
}
@media handheld,
only screen and (max-width: 736px) {
.mk-ornamental-title.norman-short-single .title-text:before,
.mk-ornamental-title.norman-short-double .title-text:before,
.mk-ornamental-title.norman-short-single .title-text:after,
.mk-ornamental-title.norman-short-double .title-text:after,
.mk-ornamental-title.rovi-single .title .title-text:before,
.mk-ornamental-title.rovi-double .title .title-text:before,
.mk-ornamental-title.norman-single .title .title-text:before,
.mk-ornamental-title.norman-double .title .title-text:before,
.mk-ornamental-title.rovi-single .title .title-image:before,
.mk-ornamental-title.rovi-double .title .title-image:before,
.mk-ornamental-title.norman-single .title .title-image:before,
.mk-ornamental-title.norman-double .title .title-image:before,
.mk-ornamental-title.rovi-single .title .title-text:after,
.mk-ornamental-title.rovi-double .title .title-text:after,
.mk-ornamental-title.norman-single .title .title-text:after,
.mk-ornamental-title.norman-double .title .title-text:after,
.mk-ornamental-title.rovi-single .title .title-image:after,
.mk-ornamental-title.rovi-double .title .title-image:after,
.mk-ornamental-title.norman-single .title .title-image:after,
.mk-ornamental-title.norman-double .title .title-image:after,
.mk-ornamental-title.norman-short-single .title .title-image::after,
.mk-ornamental-title.norman-short-single .title .title-image::before {
width: 0;
}
.mk-ornamental-title.rovi-double .title .title-text .line-left,
.mk-ornamental-title.rovi-double .title .title-image .line-left,
.mk-ornamental-title.rovi-double .title .title-text .line-right,
.mk-ornamental-title.rovi-double .title .title-image .line-right {
height: 0;
}
.mk-ornamental-title .title .title-text,
.mk-ornamental-title .title .title-image {
padding: 0;
border-width: 0px !important;
}
.mk-ornamental-title.norman-short-single .title,
.mk-ornamental-title.norman-short-double .title {
margin: 0;
}
} .mk-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 {
box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3);
}
.mk-page-section .vc_row-fluid {
position: relative;
}
.mk-page-section .theme-content {
padding: 0 20px;
}
.mk-page-section.full-height-true {
min-height: 300px;
}
.mk-page-section .mk-main-wrapper-holder {
width: 100%;
}
.mk-page-section .background-layer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
}
.IE .mk-page-section .background-layer,
.Edge .mk-page-section .background-layer,
.IE .mk-page-section .mk-color-layer,
.Edge .mk-page-section .mk-color-layer {
background-color: transparent !important;
overflow-x: hidden; }
html:not(.IE):not(.Edge) .mk-page-section .mk-color-layer {
background-color: transparent !important;
}
.multiply-blend-effect {
-webkit-background-blend-mode: multiply;
background-blend-mode: multiply;
}
.screen-blend-effect {
-webkit-background-blend-mode: screen;
background-blend-mode: screen;
}
.overlay-blend-effect {
-webkit-background-blend-mode: overlay;
background-blend-mode: overlay;
}
.darken-blend-effect {
-webkit-background-blend-mode: darken;
background-blend-mode: darken;
}
.lighten-blend-effect {
-webkit-background-blend-mode: lighten;
background-blend-mode: lighten;
}
.soft-light-blend-effect {
-webkit-background-blend-mode: soft-light;
background-blend-mode: soft-light;
}
.luminosity-blend-effect {
-webkit-background-blend-mode: luminosity;
background-blend-mode: luminosity;
}
@media handheld, only screen and (max-width: 1024px) {
.mk-page-section .background-layer {
background-attachment: scroll !important;
position: absolute !important;
}
}
.mk-page-section .background-clipper {
position: absolute;
top: 0;
left: 0;
clip: rect(auto auto auto auto);
width: 100%;
height: 100%;
overflow: hidden;
}
.mk-page-section .mk-skip-to-next {
z-index: 10;
line-height: 44px;
}
.page-section-fullwidth {
width: 100%;
}
.page-section-fullwidth .vc_col-sm-12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.mk-half-layout {
width: 50%;
height: 100%;
position: absolute;
top: 0;
background-position: center center;
background-size: cover;
-webkit-background-size: cover;
}
.mk-half-layout.half_left_layout {
left: 0;
}
.mk-half-layout.half_right_layout {
right: 0;
}
@media handheld, only screen and (max-width: 767px) {
.mk-half-layout {
width: 100%;
height: 500px;
}
}
.mk-video-mask {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAQAAABeK7cBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDJGNjNCMTIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDJGNjNCMjIwRkUxMUUzQjFFRUM0REUwQ0RCQTc4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMkY2M0FGMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcwMkY2M0IwMjBGRTExRTNCMUVFQzRERTBDREJBNzhDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+u9pXkwAAAA1JREFUGFdjYGjObAYAAuMBcKaqKb0AAAAASUVORK5CYII=);
}
.mk-half-layout-container {
position: relative;
padding-left: 20px;
padding-right: 20px;
}
.mk-half-layout-container {
width: 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: 0px;
left: 0px;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
}
@media only screen and (min-device-width: 320px) and (max-width: 1024px) {
.mk-page-section {
background-position: center !important;
background-attachment: scroll !important;
}
.mk-section-video {
display: none !important;
}
.mk-video-section-touch {
display: block !important;
}
}
.mk-page-section-loader {
background-color: #ffffff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.mk-page-section-loader .mk-preloader {
top: 50%;
}
.mk-blend-layer {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
} @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-shape-divider {
width: 100%;
display: block;
position: absolute;
left: 0;
z-index: 10;
}
.mk-shape-divider--stick-bottom {
bottom: 0;
}
.mk-shape-divider--stick-top {
top: 0;
}
.mk-shape-divider .shape__container {
position: relative;
overflow: hidden;
}
.mk-shape-divider .shape__container .shape {
width: 100%;
}
.mk-shape-divider .shape__container .shape svg {
display: block;
}
.mk-shape-divider.speech-bottom-style .shape__container .shape,
.mk-shape-divider.speech-top-style .shape__container .shape {
width: 100%;
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left,
.mk-shape-divider.speech-top-style .shape__container .shape .speech-left,
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right,
.mk-shape-divider.speech-top-style .shape__container .shape .speech-right {
width: 50%;
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-left,
.mk-shape-divider.speech-top-style .shape__container .shape .speech-left {
float: left;
}
.mk-shape-divider.speech-bottom-style .shape__container .shape .speech-right,
.mk-shape-divider.speech-top-style .shape__container .shape .speech-right {
float: right;
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left,
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left,
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right,
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right {
height: 35px;
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left,
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left,
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right,
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right {
height: 60px;
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-left {
border-top-right-radius: 35px;
}
.mk-shape-divider.speech-bottom-style.small-size .shape__container .shape .speech-right {
border-top-left-radius: 35px;
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-left {
border-top-right-radius: 60px;
}
.mk-shape-divider.speech-bottom-style.big-size .shape__container .shape .speech-right {
border-top-left-radius: 60px;
}
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-left {
border-bottom-right-radius: 35px;
}
.mk-shape-divider.speech-top-style.small-size .shape__container .shape .speech-right {
border-bottom-left-radius: 35px;
}
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-left {
border-bottom-right-radius: 60px;
}
.mk-shape-divider.speech-top-style.big-size .shape__container .shape .speech-right {
border-bottom-left-radius: 60px;
} .compose-mode .parent-mk_page_section.vc_active .vc_advanced {
width: 149px !important;
} .mk-effect-wrapper {
overflow: hidden;
position: relative;
}
.mk-page-title-box {
text-align: center;
display: table;
width: 100%;
height: 100%;
}
.mk-page-title-box .mk-effect-bg-layer {
position: absolute;
height: 120%;
width: 100%;
top: -20%;
left: 0;
-webkit-transform: tranzlateZ(0);
-ms-transform: tranzlateZ(0);
transform: tranzlateZ(0);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
.mk-page-title-box .mk-effect-bg-layer .mk-effect-gradient-layer {
position: absolute;
top: 1px;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
background-color: rgba(255, 255, 255, 0);
}
.mk-page-title-box .mk-page-title-box-content {
display: table-cell;
vertical-align: middle;
position: relative;
}
.mk-page-title-box .mk-page-title-box-subtitle {
margin-bottom: 0;
}
.mk-page-title-box .mk-page-title-box-title {
letter-spacing: 1px;
display: inline-block;
}
.mk-page-title-box .mk-page-title-box-title.mk-page-title-box-title--underline {
position: relative;
}
.mk-page-title-box .mk-page-title-box-title.mk-page-title-box-title--underline:after {
display: block;
content: '';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -15px;
width: 30px;
height: 3px;
}
@media handheld, only screen and (max-width: 480px) {
.mk-page-title-box:not(.mk-page-title-box--forcefont) .mk-page-title-box-title {
font-size: 9vw !important;
word-break: break-word;
}
.mk-page-title-box:not(.mk-page-title-box--forcefont-subtitle) .mk-page-title-box-subtitle {
font-size: 18px !important;
}
}
[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 {
transition: opacity .2s;
} .mk-photo-album {
direction: ltr;
text-align: center;
}
.mk-photo-album .mk-album-item {
position: relative;
overflow: hidden;
box-sizing: border-box;
float: left;
}
.mk-photo-album figure {
position: relative;
overflow: hidden;
}
.mk-photo-album figure .album-cover-image {
width: 100%;
}
.mk-photo-album figure .item-blur-thumbnail {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity .2s linear;
z-index: 2;
}
.mk-photo-album.anim-cover-slide .mk-album-item .album-cover-image {
max-width: initial;
width: calc(100% + 50px);
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
.mk-photo-album .mk-album-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 50;
}
.mk-photo-album .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
opacity: 0;
visibility: hidden;
}
.mk-photo-album .overlay.anim-fade_in {
transition: opacity .2s, visibility .2s;
}
.mk-photo-album .overlay.anim-ripple {
transition: opacity .2s, visibility .2s, -webkit-transform .7s;
transition: opacity .2s, visibility .2s, transform .7s;
transition: opacity .2s, visibility .2s, transform .7s, -webkit-transform .7s;
width: 100px;
height: 100px;
border-radius: 50%;
-webkit-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
}
.mk-photo-album figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 4;
}
.mk-photo-album .album-sneak-peak {
position: relative;
z-index: 20;
text-align: center;
opacity: 0;
visibility: hidden;
transition: opacity .2s, visibility .2s;
}
.mk-photo-album .album-sneak-peak .album-sneak-item {
height: 100%;
}
.mk-photo-album .album-sneak-peak .album-sneak-item:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mk-photo-album .album-sneak-peak .album-sneak-item img {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
.mk-photo-album .album-sneak-peak.diamond {
width: 100%;
display: block;
height: 100%;
}
.mk-photo-album .album-sneak-peak.diamond svg {
width: 0;
height: 0;
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item {
display: none;
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item .diamond-clip {
height: 80%;
width: auto;
max-width: 100%;
-webkit-clip-path: url(//prohabitat-arj.at/wp-content/themes/jupiter/assets/stylesheet/#polygon-clip-rhombus);
clip-path: url(//prohabitat-arj.at/wp-content/themes/jupiter/assets/stylesheet/#polygon-clip-rhombus);
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item:first-child {
position: relative;
z-index: 3;
display: block;
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item:nth-child(2), .mk-photo-album .album-sneak-peak.diamond .album-sneak-item:last-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item:nth-child(2) {
z-index: 2;
}
.mk-photo-album .album-sneak-peak.diamond .album-sneak-item:last-child {
z-index: 1;
}
.mk-photo-album .album-sneak-peak.circle, .mk-photo-album .album-sneak-peak.rectangle {
display: inline-block;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item, .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item {
max-width: 150px;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item img, .mk-photo-album .album-sneak-peak.rectangle .album-sneak-item img {
border: 2px solid #ffffff;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
.mk-photo-album .album-sneak-peak.rectangle {
height: 70%;
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item {
position: relative;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item img {
position: relative;
width: 30%;
max-width: 150px;
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:first-child {
z-index: 23;
left: 20%;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:first-child img {
top: 10%;
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:nth-child(2) {
z-index: 22;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
transition-delay: .02s;
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:nth-child(2) img {
max-width: 90%;
top: -5%;
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:last-child {
z-index: 21;
text-align: left;
left: -20%;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
transition-delay: .04s;
}
.mk-photo-album .album-sneak-peak.rectangle .album-sneak-item:last-child img {
max-width: 80%;
top: 5%;
}
.mk-photo-album .album-sneak-peak.circle {
height: 70%;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item {
position: relative;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item img {
border-radius: 50%;
width: 30%;
max-width: 150px;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:nth-child(2), .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child {
z-index: 21;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child img, .mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child img {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:first-child {
text-align: right;
right: -25px;
transition-delay: .02s;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:last-child {
text-align: left;
left: -25px;
}
.mk-photo-album .album-sneak-peak.circle .album-sneak-item:nth-child(2) {
z-index: 22;
transition-delay: .04s;
}
.mk-photo-album .item-meta {
opacity: 0;
visibility: hidden;
text-align: center;
padding: 30px;
width: 100%;
position: absolute;
bottom: 0;
box-sizing: border-box;
z-index: 30;
}
.mk-photo-album .item-meta .the-title, .mk-photo-album .item-meta .description {
color: #ffffff !important;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
text-align: center;
}
.mk-photo-album .item-meta .the-title {
margin-bottom: 10px;
}
.mk-photo-album .item-meta:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mk-photo-album .item-meta.bar:after {
content: '';
background-color: #000000;
opacity: .8;
z-index: 1;
}
.mk-photo-album .item-meta.gradient:after {
content: '';
background: rgba(0, 0, 0, 0);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.mk-photo-album .item-meta.anim-fade_in {
transition: opacity .2s, visibility .2s;
}
.mk-photo-album .item-meta.anim-slide_from_bottom {
-webkit-transform: translate3D(0, 20px, 0);
-ms-transform: translate3D(0, 20px, 0);
transform: translate3D(0, 20px, 0);
transition: opacity .2s, visibility .2s, -webkit-transform .3s;
transition: opacity .2s, visibility .2s, transform .3s;
transition: opacity .2s, visibility .2s, transform .3s, -webkit-transform .3s;
}
.mk-photo-album .item-meta.anim-scale_in {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: opacity .2s, visibility .2s, -webkit-transform .3s;
transition: opacity .2s, visibility .2s, transform .3s;
transition: opacity .2s, visibility .2s, transform .3s, -webkit-transform .3s;
}
.mk-photo-album .item-meta.anim-scale_in:after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.mk-photo-album.img-hover-anim-blur .mk-album-item figure:hover .item-blur-thumbnail {
opacity: 1;
}
.mk-photo-album .mk-album-item figure:hover .album-cover-image {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mk-photo-album .mk-album-item figure:hover .overlay.anim-fade_in {
opacity: 1;
visibility: visible;
}
.mk-photo-album .mk-album-item figure:hover .overlay.anim-ripple {
opacity: 1;
visibility: visible;
-webkit-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
}
.mk-photo-album .mk-album-item figure:hover .item-meta.anim-fade_in {
opacity: 1;
visibility: visible;
}
.mk-photo-album .mk-album-item figure:hover .item-meta.anim-slide_from_bottom {
opacity: 1;
visibility: visible;
-webkit-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0);
transform: translate3D(0, 0, 0);
}
.mk-photo-album .mk-album-item figure:hover .item-meta.anim-scale_in {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mk-photo-album .mk-album-item figure:hover .album-sneak-peak {
opacity: 1;
visibility: visible;
}
.mk-photo-album .mk-album-item figure:hover .album-sneak-peak.rectangle .album-sneak-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mk-photo-album.without-hover-thumbnail .album-sneak-peak.rectangle .album-sneak-item {
transform: translate3d(0, 0, 0) !important;
-webkit-transform: translate3d(0, 0, 0) !important;
}
.mk-photo-album .mk-album-item figure:hover .album-sneak-peak.circle .album-sneak-item {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mk-photo-album.without-hover-thumbnail .album-sneak-peak.circle .album-sneak-item {
transform: scale(1) !important;
-ms-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
}
.mk-photo-album.without-hover-title .item-meta {
opacity: 1;
visibility: visible;
}
.mk-photo-album.without-hover-thumbnail .album-sneak-peak {
opacity: 1;
visibility: visible;
}
.mk-photo-album.without-hover-thumbnail .album-sneak-peak .album-sneak-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mk-photo-album.without-hover-overlay .overlay {
opacity: 1;
visibility: visible;
} @media handheld, only screen and (max-width: 1024px) {
.mk-photo-album .mk--col.mk--col--3-12, .mk-photo-album .mk--col.mk--col--4-12, .mk-photo-album .mk--col.mk--col--6-12, .mk-photo-album .mk--col.mk--col--12-12 {
width: 50%;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-photo-album .mk--col.mk--col--3-12, .mk-photo-album .mk--col.mk--col--4-12, .mk-photo-album .mk--col.mk--col--6-12, .mk-photo-album .mk--col.mk--col--12-12 {
width: 100%;
}
} .admin-bar .slick-slider-wrapper {
top: 32px;
}
@media screen ('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: #000000;
z-index: 9999;
opacity: 0;
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: bold;
font-size: 22px;
margin-left: 45px;
color: #ffffff;
}
.slick-slider-wrapper .slick-header .slick-close-icon {
display: inline-block;
position: absolute;
right: 35px;
top: 35px;
margin-top: -17px;
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: none;
opacity: .2;
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;
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);
-ms-transform: translateY(0);
transform: translateY(0);
transition: opacity 0.2s, -webkit-transform 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
margin-left: 0;
opacity: 0.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:hover, .slick-slider-wrapper .slick-slides .slick-dots li.slick-active {
-webkit-transform: translateY(-50%);
-ms-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, 0.2);
text-align: right;
}
.slick-footer .footer-box {
float: right;
border-left: 1px solid rgba(255, 255, 255, 0.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;
transition: opacity .2s, transform .4s;
transition: opacity .2s, transform .4s, -webkit-transform .4s;
}
.slick-footer .footer-box .slick-social-share.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: #ffffff;
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;
transition: opacity .2s, visibility .2s;
}
.slick-footer .footer-box>a svg {
display: inline-block;
}
.slick-footer .footer-box>a:hover {
opacity: .7;
}
.slick-footer .is-hidden {
opacity: 0;
visibility: hidden;
}
.slick-header, .slick-slider, .slick-footer {
background: #000;
}
.slick-nav-holder, .slick-footer>a {
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;
}
.slick-slider-wrapper .slick-slides .slick-dots, .gallery-full-screen {
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);
}
.slick-slider-wrapper .slick-next, .slick-slider-wrapper .slick-prev, .gallery-share, .gallery-play {
background: rgba(17, 17, 17, 0.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;
}
.slick-slider-wrapper .slick-nav-holder svg, .footer-box 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;
-ms-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);
-ms-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 #dddddd;
border-top: none;
}
.ajax-controls {
border: 1px solid #dddddd;
overflow: hidden;
margin-top: 20px;
}
.ajax-controls a {
float: right;
width: 37px;
height: 37px;
text-align: center;
border-left: 1px solid #dddddd;
}
.ajax-controls svg {
height: 16px;
fill: #bbbbbb;
-webkit-transform:translateY(8px);
-ms-transform:translateY(8px);
transform:translateY(8px);
}
.ajax-controls a:hover svg{
fill: #222222;
}
@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: #ffffff;
border-radius: 50%;
padding: 10px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
}
.portfolio-grid  {
overflow: hidden;
}
.mk-fullwidth-true .mk-portfolio-container.mk-portfolio-grid {
width: 100.5% !important;
}
.mk-portfolio-classic-item {
float: left;
}
.mk-portfolio-classic-item {
margin-top: 20px;
}
.mk-portfolio-classic-item .item-holder {
margin: 0 10px 20px 10px;
background-color: #ffffff;
border: 1px solid #efefef;
overflow: hidden;
}
.mk-portfolio-classic-item .the-title {
padding: 0 !important;
}
.mk-portfolio-classic-item .hover-icon {
position: absolute;
top: 50%;
display: block;
margin-top: -22px;
opacity: 0;
padding: 6px 10px;
border-radius: 2px;
text-align: center;
}
.mk-portfolio-classic-item .mk-svg-icon {
fill: #ffffff;
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: 0.8;
}
.portfolio-meta-wrapper {
padding: 20px;
}
.portfolio-meta-wrapper .the-title {
line-height: 20px !important;
margin-bottom: 8px;
font-size: 14px !important;
}
.portfolio-meta-wrapper .the-title a {
text-transform: uppercase;
letter-spacing: 1px;
}
.portfolio-meta-wrapper .portfolio-categories a {
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.portfolio-meta-wrapper .the-excerpt {
margin-top: 10px;
margin-bottom: 0;
opacity: 0.8;
}
.mk-portfolio-grid-item {
float: left;
overflow: hidden;
}
.mk-portfolio-masonry-item .the-title a,
.mk-portfolio-grid-item .the-title a{
color: #fff;
}
.mk-fullwidth-false .mk-portfolio-grid-item.six-column .portfolio-meta {
display: none;
}
.mk-fullwidth-true .mk-portfolio-grid-item.two-column {
width: 49.96%;
} .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 {
transition: height 0.3s 0.3s; }
.mk-portfolio-container:after,
.mk-portfolio-container:before {
content: " ";
display: table;
}
.mk-portfolio-container:after {
clear: both;
}
.mk-portfolio-container.grid-spacing-true .one-column {
margin: 0 !important;
}
.mk-portfolio-container.grid-spacing-true .four-column {
width: 25%;
}
.mk-isotop-item {
float: left;
}
.mk-portfolio-masonry-item {
position: relative;
width: 12.5%;
overflow: hidden;
border-top-width: 0;
border-style: solid;
border-color: transparent;
box-sizing: border-box;
float: left;
}
.mk-portfolio-masonry-item.size_two_x_x,
.mk-portfolio-masonry-item.size_two_x_two_x {
width: 25%;
}
.mk-portfolio-masonry-item.size_three_x_x,
.mk-portfolio-masonry-item.size_three_x_two_x {
width: 37.5%;
}
.mk-portfolio-masonry-item.size_four_x_x,
.mk-portfolio-masonry-item.size_four_x_two_x {
width: 50%;
}
.mk-portfolio-masonry-item .item-holder {
margin: 0;
}
@media handheld, only screen and (max-width: 1280px) {
.mk-portfolio-masonry-item.size_x_x,
.mk-portfolio-masonry-item.size_x_two_x,
.mk-portfolio-masonry-item.size_three_x_x,
.mk-portfolio-masonry-item.size_three_x_two_x {
width: 25%;
}
.mk-portfolio-masonry-item.size_two_x_x,
.mk-portfolio-masonry-item.size_two_x_two_x {
width: 25%;
}
.mk-portfolio-masonry-item.size_four_x_x,
.mk-portfolio-masonry-item.size_four_x_two_x,
.mk-portfolio-masonry-item.size_two_x_x,
.mk-portfolio-masonry-item.size_two_x_two_x {
width: 50%;
}
}
@media handheld, only screen and (max-width: 1140px) {
.mk-portfolio-masonry-item.size_x_x,
.mk-portfolio-masonry-item.size_x_two_x,
.mk-portfolio-masonry-item.size_two_x_x,
.mk-portfolio-masonry-item.size_two_x_two_x,
.mk-portfolio-masonry-item.size_three_x_x,
.mk-portfolio-masonry-item.size_three_x_two_x {
width: 50%;
}
.mk-portfolio-masonry-item.size_two_x_x,
.mk-portfolio-masonry-item.size_two_x_two_x {
width: 50%;
}
.mk-portfolio-masonry-item.size_four_x_x,
.mk-portfolio-masonry-item.size_four_x_two_x {
width: 100%;
}
}
@media handheld, only screen and (max-width: 850px) {
.mk-portfolio-masonry-item.size_x_x,
.mk-portfolio-masonry-item.size_x_two_x {
width: 50%;
}
.mk-portfolio-masonry-item.size_two_x_x,
.mk-portfolio-masonry-item.size_two_x_two_x {
width: 100%;
}
.mk-portfolio-masonry-item.size_three_x_x,
.mk-portfolio-masonry-item.size_three_x_two_x {
width: 100%;
}
.mk-portfolio-masonry-item.size_four_x_x,
.mk-portfolio-masonry-item.size_four_x_two_x {
width: 100%;
}
}
@media handheld, only screen and (max-width: 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;
}
.single-featured-image,
.mk-portfolio-video {
margin-bottom: 20px;
}
.portfolio-social-share {
margin-bottom: 20px;
padding-bottom: 20px;
}
.portfolio-social-share.single-social-section .single-share-box {
left: -220px !important;
}
@media handheld, only screen and (max-width: 960px) {
.portfolio-social-share.single-social-section .single-share-box {
right: -200px;
left: auto !important;
}
}
.portfolio-title {
display: block;
font-size: 26px !important;
padding-bottom: 10px;
margin-bottom: 5px;
border-bottom: 3px solid #dddddd;
}
.portfolio-single-cat {
float: left;
margin-bottom: 20px;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}
.portfolio-desc {
margin-bottom: 20px;
padding-right: 40px;
}
.portfolio-single-content {
margin-bottom: 40px;
}
.portfolio-similar-posts {
padding: 60px 0;
border-top: 1px solid #dfe2e5;
background-color: rgba(0, 0, 0, 0.03);
}
.portfolio-similar-posts .similar-post-title {
font-size: 16px;
text-transform: uppercase;
color: #3f3f3f;
margin-bottom: 50px;
text-align: center;
letter-spacing: 3px;
}
.portfolio-similar-posts ul {
margin: 0;
padding: 0;
line-height: 4px;
text-align: center;
width: 100%;
}
.portfolio-similar-posts ul li {
display: inline-block;
margin: 0;
padding: 0;
width: 25%;
}
@media handheld, only screen and (max-width: 960px) {
.portfolio-similar-posts ul li {
width: 33.33%;
}
}
@media handheld, only screen and (max-width: 780px) {
.portfolio-similar-posts ul li {
width: 50%;
}
}
@media handheld, only screen and (max-width: 550px) {
.portfolio-similar-posts ul li {
width: 100%;
}
}
.portfolio-similar-posts-image {
position: relative;
line-height: 4px;
}
.portfolio-similar-posts-image .modern-post-type-icon {
top: 4%;
display: block;
width: 100%;
left: 0;
margin-left: 0!important;
padding: 20px 0;
position: absolute;
opacity: 0;
text-align: center;
line-height: 100px;
color: #fff;
z-index: 50;
transition: opacity .3s, top .3s ;
}
.portfolio-similar-posts-image .modern-post-type-icon 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: #ffffff;
font-size: 14px;
line-height: 18px;
font-weight: bold;
}
.portfolio-similar-meta .portfolio-categories {
color: #ffffff;
}
#mk-filter-portfolio ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
display: inline-block;
width: 100%;
}
#mk-filter-portfolio ul.align-left {
text-align: left;
}
#mk-filter-portfolio ul.align-center {
text-align: center;
}
#mk-filter-portfolio ul.align-right {
text-align: right;
}
#mk-filter-portfolio ul li {
display: inline-block;
margin: 0 10px 10px 0;
}
#mk-filter-portfolio.sortable-classic-style {
padding: 40px 0;
}
#mk-filter-portfolio.sortable-classic-style ul li {
margin: 8px;
}
#mk-filter-portfolio.sortable-classic-style ul li a {
padding: 14px 16px;
line-height: 13px;
font-size: 13px;
color: #333333;
color: #323232;
display: block;
letter-spacing: 1px;
}
#mk-filter-portfolio.sortable-classic-style ul li a.current {
background-color: #969696;
background-color: rgba(0, 0, 0, 0.08);
border-radius: 2px;
}
#mk-filter-portfolio.sortable-outline-style {
padding: 30px 0px;
}
#mk-filter-portfolio.sortable-outline-style.portfolio-fiter-classic {
margin-bottom: 20px;
}
#mk-filter-portfolio.sortable-outline-style ul li {
margin: 8px;
}
#mk-filter-portfolio.sortable-outline-style ul li a {
padding: 11px 12px;
line-height: 13px;
font-size: 13px;
font-weight: bold;
display: block;
border: 2px solid transparent;
letter-spacing: 1px;
position: relative;
} .compose-mode .mk-portfolio-item .project-load,
.compose-mode .portfolio-meta-wrapper a,
.compose-mode .portfolio-meta a {
cursor: not-allowed;
}
.compose-mode .mk-portfolio-item .project-load:active,
.compose-mode .portfolio-meta-wrapper a:active,
.compose-mode .portfolio-meta a:active {
pointer-events: none;
} .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);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
transition-delay: 0.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: #aaaaaa;
}
.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;
}
.portfolio-carousel .item-lightbox,
.item-permalink {
padding: 5px;
position: absolute;
top: 40%;
width: 32px;
height: 32px;
line-height: 32px;
display: block;
text-align: center;
border-radius: 2px;
}
.portfolio-carousel .item-lightbox svg,
.item-permalink svg {
fill: #ffffff;
height: 32px;
margin-top: -4px;
}
.portfolio-carousel .item-lightbox {
left: 65px;
opacity: 0;
}
.portfolio-carousel .item-permalink {
right: 65px;
opacity: 0;
}
.portfolio-carousel .item-content {
position: relative;
margin: -40px auto 0;
padding: 14px;
width: 240px;
background-color: #222222;
text-align: center;
-webkit-transform: translate(0, 6px);
-ms-transform: translate(0, 6px);
transform: translate(0, 6px);
border-radius: 2px;
opacity: 0;
transition-delay: 0s;
}
.portfolio-carousel .item-title {
display: inline-block;
color: #ffffff !important;
letter-spacing: 1px;
font-weight: bold;
font-size: 12px;
margin-bottom: 8px;
line-height: 16px !important;
}
.portfolio-carousel .item-cats {
display: block;
letter-spacing: 1px;
font-size: 11px;
font-style: italic;
line-height: 16px;
} .portfolio-carousel.style-modern .featured-image {
position: relative;
}
.portfolio-carousel.style-modern .featured-image img {
position: relative;
max-width: 100%;
width: auto\9;
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: #000000 !important;
}
.portfolio-carousel.style-modern .the-title {
padding: 0 20px;
color: #ffffff;
font-weight: bold;
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;
transition: all 0.4s ease-in-out;
opacity: 0;
}
.portfolio-carousel.style-modern .item-cats {
padding: 0 20px;
color: #ffffff;
opacity: 0;
transition: opacity 0.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, 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, 0.6);
}
.portfolio-carousel.style-modern .flex-direction-nav .mk-svg-icon{
fill: #ffffff;
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, 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, 0.6);
}
.pricing-table {
margin: 30px 0 40px;
text-align: left;
} .pricing-offer-grid {
width: 18%;
display: inline-block;
vertical-align: top;
float: left;
}
.pricing-offer-grid p {
margin-bottom: 0;
}
.pricing-offer-grid .offers ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
.pricing-offer-grid .offers ul li {
margin: 0 20px 0 0;
line-height: 16px;
padding: 15px 0;
display: block;
width: auto;
font-size: 12px;
border-bottom: 1px dotted #cccccc;
}
.no-pricing-offer .pricing-cols {
width: 100% !important;
} .pricing-cols {
display: inline-block;
margin: 0;
padding: 0;
width: 82%;
list-style: none;
text-align: center;
}
.pricing-cols li {
padding: 0;
margin: 0 1px;
display: inline-block;
vertical-align: top;
text-align: center;
max-width: 300px;
}
.pricing-cols li.pricing-col {
position: relative;
overflow: hidden;
}
.pricing-cols li.featured-plan {
margin: -24px -3px 0 -3px;
}
.pricing-cols li.featured-plan .pricing-plan {
padding: 27px 0;
}
.pricing-cols li.featured-plan .pricing-button {
padding: 22px 0;
}
.pricing-cols li.four-table {
width: 24.5%;
}
.pricing-cols li.three-table {
width: 32.5%;
}
.pricing-cols li.two-table {
width: 49.5%;
}
.pricing-cols li.one-table {
width: 100%;
}
.pricing-cols .pricing-heading {
position: relative;
}
.pricing-cols .pricing-plan {
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 15px 0;
display: block;
}
.pricing-cols .pricing-price {
height: 120px;
display: table;
width: 100%;
}
.pricing-cols .pricing-price sub,
.pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px;
}
.pricing-cols .pricing-price sub {
vertical-align: middle;
}
.pricing-cols .pricing-price span {
display: table-cell;
vertical-align: middle;
position: relative;
}
.pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative;
}
.pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 15px 0;
display: block;
margin: 0;
width: auto;
}
.pricing-cols .pricing-features ul li .mk-icon-ok,
.pricing-cols .pricing-features ul li .mk-icon-check {
color: #26cca4;
}
.pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a;
}
.pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px;
}
.pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0;
}
.pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78;
}
.pricing-cols .pricing-button {
padding: 20px 0;
border-top: none;
} #theme-page .pricing-table .pricing-cols .pricing-button .mk-button-container {
margin-right: 0;
}
.pricing-cols .pricing-button a {
position: relative;
margin: 0 auto;
padding: 9px 25px;
}  .multicolor.pricing-table { }
.multicolor.pricing-table .pricing-offer-grid {
padding-top: 166px;
}
.multicolor.pricing-table .no-pricing-offer .pricing-cols {
width: 100% !important;
}
.multicolor.pricing-table .pricing-cols {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.multicolor.pricing-table .pricing-cols li {
padding: 0;
margin: 0 1px;
display: inline-block;
vertical-align: top;
text-align: center;
}
.multicolor.pricing-table .pricing-cols li.pricing-col {
position: relative;
border-radius: 3px;
overflow: hidden;
}
.multicolor.pricing-table .pricing-cols li.featured-plan {
margin: -24px -3px 0 -3px;
box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.2);
}
.multicolor.pricing-table .pricing-cols li.featured-plan .pricing-plan {
padding: 27px 0;
}
.multicolor.pricing-table .pricing-cols li.featured-plan .pricing-button {
padding: 22px 0;
}
.multicolor.pricing-table .pricing-cols .pricing-heading {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.multicolor.pricing-table .pricing-cols .pricing-heading .premium-ribbon {
background-color: #ffd565;
color: #7b683c;
width: 120px;
line-height: 12px;
font-size: 10px;
font-weight: bold;
padding: 4px 0;
display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: -33px;
top: 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
}
.multicolor.pricing-table .pricing-cols .pricing-plan {
color: #ffffff;
font-weight: lighter;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 15px 0;
background-color: rgba(0, 0, 0, 0.2);
display: block;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.multicolor.pricing-table .pricing-cols .pricing-price {
border-top: 1px solid rgba(255, 255, 255, 0.2);
height: 120px;
display: table;
width: 100%;
}
.multicolor.pricing-table .pricing-cols .pricing-price sub,
.multicolor.pricing-table .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px;
font-weight: normal;
}
.multicolor.pricing-table .pricing-cols .pricing-price sub {
vertical-align: middle;
font-size: 16px;
}
.multicolor.pricing-table .pricing-cols .pricing-price span {
font-size: 65px;
color: #ffffff;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
@media handheld, only screen and (max-width: 960px) {
.multicolor.pricing-table .pricing-cols .pricing-price span {
font-size: 40px;
}
}
.multicolor.pricing-table .pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 15px 0;
display: block;
margin: 0;
width: auto;
background-color: #f6f6f6;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li:nth-child(odd) {
background-color: #eeeeee;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li i:before {
font-size: 16px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0;
}
.multicolor.pricing-table .pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78;
}
.multicolor.pricing-table .pricing-cols .pricing-button {
padding: 20px 0;
background-color: #f6f6f6;
border: 1px solid #e8e8e8;
border-top: none;
}
.multicolor.pricing-table .pricing-cols .pricing-button a {
position: relative;
margin: 0 auto;
padding: 9px 25px;
}  .monocolor.pricing-table { }
.monocolor.pricing-table .pricing-offer-grid {
padding-top: 178px;
}
.monocolor.pricing-table .pricing-offer-grid .offers ul {
border-right: none;
}
.monocolor.pricing-table .pricing-offer-grid .offers ul li {
padding: 13px 0;
}
.monocolor.pricing-table .no-pricing-offer .pricing-cols {
width: 100% !important;
}
.monocolor.pricing-table .pricing-cols li {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
text-align: center;
}
.monocolor.pricing-table .pricing-cols li.pricing-col {
position: relative;
overflow: hidden;
border: 1px solid #dddddd;
border-left: none;
background-color: #ffffff;
}
.monocolor.pricing-table .pricing-cols li.pricing-col:first-child {
border-left: 1px solid #dddddd;
}
.monocolor.pricing-table .pricing-cols li.featured-plan {
margin: -20px -3px 0 -3px;
box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
}
.monocolor.pricing-table .pricing-cols li.featured-plan .pricing-button {
padding: 35px 0;
}
.monocolor.pricing-table .pricing-cols .pricing-heading {
background-color: #f6f6f6;
border-bottom: 1px solid #dddddd;
}
.monocolor.pricing-table .pricing-cols .pricing-plan {
color: #666666;
font-weight: bold;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 20px 0;
background-color: #efefef;
display: block;
border-bottom: 1px solid #dddddd;
}
.monocolor.pricing-table .pricing-cols .pricing-price {
height: 120px;
display: table;
width: 100%;
}
.monocolor.pricing-table .pricing-cols .pricing-price sub,
.monocolor.pricing-table .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px;
}
.monocolor.pricing-table .pricing-cols .pricing-price sub {
display: block;
margin: 30px 0 0 20px;
text-align: center;
font-size: 16px;
color: #666666;
}
.monocolor.pricing-table .pricing-cols .pricing-price span {
font-size: 70px;
font-weight: lighter;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 13px 0;
margin: 0 10px;
display: block;
width: auto;
background-color: #ffffff;
border-bottom: 1px dotted #dddddd;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li:last-child {
border: none;
}
.pricing-table .mk-svg-icon {
height: 16px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0;
}
.monocolor.pricing-table .pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78;
}
.monocolor.pricing-table .pricing-cols .pricing-button {
padding: 15px 0;
border-top: none;
border-top: 1px solid #dddddd;
background-color: #f6f6f6;
}
.monocolor.pricing-table .pricing-cols .pricing-button a {
position: relative;
margin: 0 auto;
padding: 9px 25px;
}
@media handheld, only screen and (max-width:960px) {
.pricing-offer-grid {
display: none;
}
.pricing-cols {
width: 100% !important;
}
}
@media handheld, only screen and (max-width:767px) {
.pricing-cols {
.pricing-col {
width: 100% !important;
margin-bottom: 20px !important;
}
li {
max-width: 100% !important;
}
}
.monocolor.pricing-table {
.pricing-col {
border-left: 1px solid #ddd !important;
}
}
.monocolor.pricing-table .pricing-cols li.featured-plan {
margin: 0 0 20px 0 !important;
border: 1px solid #ff7b00 !important;
}
}
.new-style.pricing-table { }
.new-style.pricing-table .pricing-offer-grid {
padding-top: 240px;
}
.new-style.pricing-table .pricing-offer-grid .offers ul {
border-right: none;
}
.new-style.pricing-table .pricing-offer-grid .offers ul li {
padding: 13px 0;
}
.new-style.pricing-table.no-pricing-offer .pricing-cols {
width: 100% !important;
}
.new-style.pricing-table .pricing-cols li {
padding: 0;
margin: 0;
display: inline-block;
text-align: center;
max-width: initial;
}
.new-style.pricing-table .pricing-cols li.pricing-col {
position: relative;
overflow: hidden;
}
.new-style.pricing-table .pricing-cols li.pricing-col.four-table {
width: 24.5%;
}
.new-style.pricing-table .pricing-cols li.pricing-col.three-table {
width: 32.5%;
}
.new-style.pricing-table .pricing-cols li.pricing-col.two-table {
width: 49.5%;
}
.new-style.pricing-table .pricing-cols li.pricing-col.one-table {
width: 100%;
}
.new-style.pricing-table .pricing-cols li.column-bigger-true,
.new-style.pricing-table .pricing-cols li.drop-shadow-true {
z-index: 11;
}
.new-style.pricing-table .pricing-cols li.column-bigger-true {
margin: -20px -3px 0 -3px;
}
.new-style.pricing-table .pricing-cols li.column-bigger-true .pricing-button {
padding: 45px 0;
}
.new-style.pricing-table .pricing-cols li.drop-shadow-true {
padding: 0 8px;
box-sizing: border-box;
overflow: initial !important;
}
.new-style.pricing-table .pricing-cols li.drop-shadow-true .shadow-container {
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
overflow: hidden;
}
.new-style.pricing-table .pricing-cols .pricing-heading {
position: relative;
}
.new-style.pricing-table .pricing-cols .pricing-plan {
font-weight: bold;
font-size: 14px;
line-height: 4px;
text-transform: uppercase;
padding: 30px 0;
background-color: #efefef;
display: block;
}
.new-style.pricing-table .pricing-cols .pricing-plan.style-dark {
color: #222222;
}
.new-style.pricing-table .pricing-cols .pricing-plan.style-light {
color: #ffffff;
}
.new-style.pricing-table .pricing-cols .pricing-featured-text {
font-weight: bold;
font-size: 12px;
line-height: 12px;
position: absolute;
top: 28px;
right: -37px;
padding: 10px 0;
min-width: 160px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.new-style.pricing-table .pricing-cols .pricing-featured-text.style-dark {
color: #222222;
}
.new-style.pricing-table .pricing-cols .pricing-featured-text.style-light {
color: #ffffff;
}
.new-style.pricing-table .pricing-cols .pricing-price {
height: 165px;
width: 100%;
display: block;
}
.new-style.pricing-table .pricing-cols .pricing-price sub {
font-size: 20px;
padding: 0 5px;
}
.new-style.pricing-table .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px;
}
.new-style.pricing-table .pricing-cols .pricing-price sub {
vertical-align: middle;
}
.new-style.pricing-table .pricing-cols .pricing-price.style-dark {
color: #222222;
}
.new-style.pricing-table .pricing-cols .pricing-price.style-light {
color: #ffffff;
}
.new-style.pricing-table .pricing-cols .pricing-price .pricing-save {
font-size: 20px;
font-weight: bold;
display: block;
}
.new-style.pricing-table .pricing-cols .pricing-price span {
display: block;
vertical-align: initial;
font-size: 72px;
line-height: 72px;
padding-top: 20px;
}
.new-style.pricing-table .pricing-cols .pricing-price span .pricing-save {
font-style: normal;
display: block;
}
.new-style.pricing-table .pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
padding-top: 40px;
position: relative;
}
.new-style.pricing-table .pricing-cols .pricing-features ul li {
padding: 13px 0;
margin: 0 10%;
display: block;
width: auto;
}
.new-style.pricing-table .pricing-cols .pricing-features ul li:last-child {
border: none;
}
.new-style.pricing-table .pricing-cols .pricing-features ul li i:before {
font-size: 16px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4;
}
.new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a;
}
.new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px;
}
.new-style.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0;
}
.new-style.pricing-table .pricing-cols .pricing-features.style-light ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #ffffff;
}
.new-style.pricing-table .pricing-cols .pricing-features.style-light ul li:last-child {
border-bottom: 0;
}
.new-style.pricing-table .pricing-cols .pricing-features.style-dark ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #222222;
}
.new-style.pricing-table .pricing-cols .pricing-features.style-dark ul li:last-child {
border-bottom: 0;
}
.new-style.pricing-table .pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78;
}
.new-style.pricing-table .pricing-cols .pricing-button {
padding: 25px 0;
border-top: none;
background-color: #f6f6f6;
}
.new-style.pricing-table .pricing-cols .pricing-button a {
position: relative;
margin: 0 auto;
padding: 20px 28px;
font-size: 16px;
line-height: 100%;
}
.new-style.pricing-table .pricing-cols .pricing-button a.large {
letter-spacing: 1px;
}
@media handheld, only screen and (max-width: 960px) {
.pricing-offer-grid {
display: none;
}
.pricing-cols {
width: 100% !important;
}
}
@media handheld, only screen and (max-width: 767px) {
.pricing-cols .pricing-col {
width: 100% !important;
margin-bottom: 20px !important;
}
.pricing-cols li {
max-width: 100% !important;
}
.monocolor.pricing-table .pricing-col {
border-left: 1px solid #dddddd !important;
}
.monocolor.pricing-table .pricing-cols li.featured-plan {
margin: 0 0 20px 0 !important;
border: 1px solid #ff7b00 !important;
}
}
.mk-skill-meter {
margin-bottom: 15px;
}
.mk-skill-meter .mk-skill-meter-title {
letter-spacing: 1px;
display: block;
margin-bottom: 6px;
font-weight: bold;
line-height: 14px;
}
.mk-skill-meter .mk-progress-bar {
position: relative;
display: block;
text-align: right;
}
.mk-skill-meter .mk-progress-bar .progress-outer {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.mk-skill-meter .mk-progress-bar .progress-inner {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
.mk-skill-meter .mk-progress-bar .progress-percent {
position: absolute;
right: 10px;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
} .mk-skill-chart {
text-align: center;
height: 100%;
width: 100%;
}  .mk-photo-roller {
width: 100%;
overflow: hidden; 
position: relative;
}
.mk-photo-roller-frame {
width: 100%;
position: relative;
-webkit-animation: mk-photo-roller-horizontal 30s infinite linear;
animation: mk-photo-roller-horizontal 30s infinite linear;
}
.mk-photo-roller-frame.mk-vertical {
-webkit-animation: mk-photo-roller-vertical 30s infinite reverse linear;
animation: mk-photo-roller-vertical 30s infinite reverse linear;
}
@media (max-width: 993px) {
.mk-photo-roller div.mk-photo-roller-frame.mk-vertical {
width: 100%;
}
}
.mk-photo-roller-frame:after {
content: "";
height: 100%;
width: 500%;
position: absolute;
left: 0;
top: 0;
background-size: 20% 100%;
}
.mk-photo-roller-frame.mk-vertical:after {
height: 500%;
background-size: auto 20%;
}
.mk-photo-roller-frame.mk-reverse-direction {
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.mk-photo-roller-frame.mk-vertical.mk-reverse-direction {
-webkit-animation-direction: normal;
animation-direction: normal;
}
.mk-photo-roller-frame.mk-pause-hover:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.mk-photo-roller-frame-img {
width: 100%;
}
@-webkit-keyframes mk-photo-roller-horizontal {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(-200%);
transform: translateX(-200%);
}
}
@keyframes mk-photo-roller-horizontal {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(-200%);
transform: translateX(-200%);
}
}
@-webkit-keyframes mk-photo-roller-vertical {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
}
@keyframes mk-photo-roller-vertical {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
}
.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: #ffffff;
background-color: rgba(50, 50, 50, 0);
transition: background-color 0.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-xing:before,
.s_social .mk-jupiter-icon-square-xing:before,
.s_social .mk-jupiter-icon-simple-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 #bbbbbb;
content: "";
}
.mk-process-steps ul li {
display: inline-block;
float: left;
margin: 0;
padding-top: 6px;
}
.mk-process-steps ul li:hover svg {
fill: #ffffff;
-webkit-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.mk-process-steps ul li:hover .mk-process-icon {
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
}
.mk-process-steps ul li h3 {
position: relative;
display: inline-block;
margin: 35px auto 20px;
font-size: 16px !important;
}
.mk-process-steps ul li p {
position: relative;
display: inline-block;
margin-bottom: 0;
text-align: center;
}
.mk-process-icon {
position: relative;
display: inline-block;
overflow: hidden;
background-color: #ffffff;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
border-radius: 50%;
box-shadow: 0 0 0 2px #bbbbbb;
}
.mk-process-icon:after {
display: none;
}
.mk-process-icon svg {
fill: #bbbbbb;
fill: rgba(0, 0, 0, 0.24);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-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: 0.8;
}
.mk-subscribe>form {
table-layout: auto;
}
.mk-subscribe--message {
padding-top: 8px;
font-size: 14px;
}
.mk-subscribe--message.error {
color: #ff0000;
}
.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--email, .mk-subscribe .mk-subscribe--button {
width: 100%;
margin: 0;
padding: 0;
border: 0;
background-color: #333333;
transition: background-color 0.15s linear, color 0.15s linear, border-color 0.15s linear;
background-color: transparent;
color: transparent;
box-sizing: border-box;
}
.mk-subscribe .mk-subscribe--email {
padding: 0 2%;
}
.mk-subscribe .mk-subscribe--button {
outline: none;
}
.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--email, .mk-subscribe.large-size .mk-subscribe--button {
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: #666666;
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 {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 60;
-khtml-opacity: 60;
opacity: 60;
opacity: 0.6;
}
.mk-swipe-slideshow .swiper-arrows{
width: 60px;
height: 60px;
line-height: 62px;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
position: absolute;
border-radius: 2px;
cursor: pointer;
color: #ffffff;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.mk-swipe-slideshow .swiper-arrows {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
ms-transform: translate(0, -50%);
background-color: rgba(0, 0, 0, 0.4);
}
.mk-swipe-slideshow .swiper-arrows:hover {
background-color: rgba(0, 0, 0, 0.6);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
opacity: 1;
}
.mk-swipe-slideshow .swiper-arrows svg {
height: 16px;
}
.mk-swipe-slideshow .mk-swiper-prev {
left: 20px;
}
.mk-swipe-slideshow .mk-swiper-next {
right: 20px;
}
.mk-slider-holder-img {
visibility: hidden;
}
.mk-swipe-slideshow-lazyload .swiper-slide-image {
background-color: #e0e0e0;
}
.mk-tab-slider {
margin: 0 auto;
position: relative;
overflow: hidden;
padding: 10px 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.mk-tab-slider-wrapper {
position: relative;
width: 100%;
transition-property: left, top, -webkit-transform;
transition-property: transform, left, top;
transition-property: transform, left, top, -webkit-transform;
transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
transition-timing-function: ease;
}
.mk-tab-slider-item {
float: left;
}
.mk-tab-slider-item .mk-tab-slider-share li a {
font-size: 16px;
margin-left: 10px;
opacity: 0.6;
}
.mk-tab-slider-item .mk-tab-slider-share li a:hover {
opacity: 1;
}
.mk-tab-slider-item.skin-dark .mk-slider-title {
color: #222222 !important;
}
.mk-tab-slider-item.skin-dark .mk-slider-title > hr {
border-top: 3px solid #040300;
margin: 15px auto 25px auto;
}
.mk-tab-slider-item.skin-dark .mk-slider-description {
color: #6a6665;
}
.mk-tab-slider-item.skin-dark .mk-slider-description p {
color: #6a6665;
}
.mk-tab-slider-item.skin-dark .mk-tab-slider-share li a svg {
fill: #222222;
height: 16px;
}
.mk-tab-slider-item.skin-light .mk-slider-title {
color: #ffffff !important;
}
.mk-tab-slider-item.skin-light .mk-slider-title > hr {
border-top: 3px solid #ffffff;
margin: 15px auto 30px auto;
}
.mk-tab-slider-item.skin-light .mk-slider-description {
color: #f5f5f5;
}
.mk-tab-slider-item.skin-light .mk-slider-description p {
color: #f5f5f5;
}
.mk-tab-slider-item.skin-light .mk-tab-slider-share li a svg {
fill: #f5f5f5;
height: 16px;
}
.mk-tab-slider-share {
list-style: none;
padding-left: 0;
position: absolute;
bottom: 50px;
right: 70px;
}
.mk-tab-slider-share li {
float: left;
}
.mk-tab-slider-icon {
font-size: 100px;
padding-right: 20px;
float: left;
}
.mk-tab-slider-nav {
margin-bottom: 20px;
text-align: center;
font-size: 30px;
}
.mk-tab-slider-nav a {
display: inline-block;
padding: 15px;
margin-right: 2px;
position: relative;
font-weight: bold;
letter-spacing: 1px;
transition: opacity 0.2s ease-out;
}
.mk-tab-slider-nav a:link,
.mk-tab-slider-nav a:visited {
opacity: 0.4;
}
.mk-tab-slider-nav a:hover {
opacity: 1;
}
.mk-tab-slider-nav a.active {
opacity: 1;
}
.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: bold;
color: #222222;
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;
}
@media handheld, only screen and ( max-width: 767px ) {
.mk-tab-slider .mk-slider-content {
width: 100%;
padding: 50px 25px;
height: auto;
}
.mk-tab-slider .mk-slider-image {
width: 100%;
}
.mk-tab-slider .mk-tab-slider-share {
position: inherit;
display: table;
margin: 0 auto;
}
.mk-tab-slider .mk-tab-slider-share li {
float: none;
display: table-cell;
text-align: center;
padding: 0 5px;
}
}
@media handheld, only screen and ( max-width: 1024px ) {
.mk-tab-slider .mk-slider-content {
width: 100%;
padding: 50px 25px;
height: auto;
}
.mk-tab-slider .mk-slider-image {
width: 100%;
}
.mk-tab-slider .mk-tab-slider-share {
position: inherit;
display: table;
margin: 0 auto;
}
.mk-tab-slider .mk-tab-slider-share li {
float: none;
display: table-cell;
text-align: center;
padding: 0 5px;
}
}   .mk-fancy-table {
overflow: hidden;
margin-bottom: 20px;
}
@media handheld, only screen and (max-width: 767px) {
.mk-fancy-table {
overflow-x: scroll !important;
}
}
.mk-fancy-table table {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
border-collapse: collapse;
text-align: left;
border-radius: 3px;
}
.mk-fancy-table th {
padding: 18px 12px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
.mk-fancy-table tfoot td {
padding: 8px;
}
.mk-fancy-table.table-style1 tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.04);
}
.mk-fancy-table.table-style1 tfoot {
background-color: #f3f3f3;
}
.mk-fancy-table.table-style1 tr {
background-color: rgba(0, 0, 0, 0.02);
}
.mk-fancy-table.table-style1 td {
padding: 12px;
border-left: 1px solid #ffffff;
text-align: center;
}
.mk-fancy-table.table-style2 {
border-bottom: 1px solid #dcdcdc;
}
.mk-fancy-table.table-style2 td {
padding: 12px;
border-bottom: 1px solid #dcdcdc;
text-align: center;
} .mk-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: bold;
font-size: 13px;
line-height: 11px;
}
.mk-testimonial .mk-testimonial-company {
font-size: 12px;
line-height: 14px;
opacity: .8;
}
.mk-testimonial .flex-direction-nav a{
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);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mk-testimonial.boxed-style .mk-testimonial-image {
position: relative;
float: left;
margin: 0 20px;
}
.mk-testimonial.boxed-style .mk-testimonial-image img {
width: 50px !important;
height: 50px !important;
border-radius: 100%;
box-shadow: 0 0 1px #a9a9a9;
}
.mk-testimonial.boxed-style .flex-direction-nav a {
bottom: 0;
}
.mk-testimonial.boxed-style .flex-direction-nav .flex-next {
right: 0 !important;
margin: 0;
}
.mk-testimonial.boxed-style .flex-direction-nav .flex-prev {
right: 20px !important;
}
.mk-testimonial.simple-style {
padding: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: #eeeeee;
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 #cccccc;
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%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.mk-testimonial.simple-style .flex-direction-nav .flex-prev {
left: 50% !important;
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
}
.mk-testimonial.simple-style.light-version .mk-testimonial-content,
.mk-testimonial.simple-style.light-version .mk-testimonial-content p,
.mk-testimonial.simple-style.light-version .mk-testimonial-company,
.mk-testimonial.simple-style.light-version .mk-testimonial-author{
color: #ffffff !important;
}
.mk-testimonial.simple-style.light-version .flex-direction-nav svg {
fill: #ffffff !important;
}
.mk-testimonial.simple-style.light-version .flex-direction-nav .flex-next:after,
.mk-testimonial.simple-style.light-version .flex-direction-nav .flex-prev:after {
border: 2px solid #ffffff;
}
.mk-testimonial.simple-style.light-version 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, 0.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%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 0 !important;
margin: 0;
}
.mk-testimonial.avantgarde-style .flex-direction-nav .flex-prev {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0 !important;
margin: 0 !important;
}
.mk-testimonial.avantgarde-style.light-version .mk-testimonial-content,
.mk-testimonial.avantgarde-style.light-version .mk-testimonial-content p,
.mk-testimonial.avantgarde-style.light-version .mk-testimonial-company,
.mk-testimonial.avantgarde-style.light-version .mk-testimonial-author{
color: #ffffff !important;
}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav svg{
fill: #ffffff !important;
}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav a {
border: 1px solid #ffffff;
}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav 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, 0.2);
}
@media handheld, only screen and (max-width: 767px) {
.mk-testimonial.avantgarde-style {
padding: 60px 0 0 0;
}
.mk-testimonial.avantgarde-style .flex-direction-nav .flex-next {
top: 0;
-webkit-transform: translate(110%, -50%);
-ms-transform: translate(110%, -50%);
transform: translate(110%, -50%);
right: 50% !important;
margin: 0;
}
.mk-testimonial.avantgarde-style .flex-direction-nav .flex-prev {
top: 0;
-webkit-transform: translate(-110%, -50%);
-ms-transform: translate(-110%, -50%);
transform: translate(-110%, -50%);
left: 50% !important;
margin: 0 !important;
}
.mk-testimonial.avantgarde-style .mk-testimonial-content {
padding: 0;
}
}
.mk-testimonial.modern-style .mk-testimonial-content {
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #ffffff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border-radius: 3px;
}
.mk-testimonial.modern-style .mk-testimonial-content:before {
position: absolute;
bottom: -8px;
left: 55px;
display: block;
width: 14px;
height: 14px;
border: 2px solid rgba(0, 0, 0, 0.05);
border-top: none;
border-left: none;
background-color: #ffffff;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mk-testimonial.modern-style .mk-testimonial-quote {
padding: 20px 20px 0;
}
@media handheld, only screen and (max-width: 767px) {
.mk-testimonial.modern-style .mk-testimonial-quote {
padding: 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%;
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: #ffffff !important;
}
.title-line-style::after {
display: block;
content: '';
position: absolute;
width: 30px;
height: 3px;
bottom: 0;
left: 50%;
margin-left: -15px;
}
.title-line-style.light-version::after {
background-color: #ffffff;
}
.title-line-style.dark-version::after {
background-color: #878787;
}
.theatre-slider {
width: 100%;
}
.theatre-slider.center-align .desktop-theatre-slider,
.theatre-slider.center-align .laptop-theatre-slider {
margin: 0 auto;
}
.theatre-slider.right-align .desktop-theatre-slider,
.theatre-slider.right-align .laptop-theatre-slider {
margin: 0 0 0 auto;
}
.desktop-theatre-slider {
width: 100%;
position: relative;
}
.desktop-theatre-slider .player-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.desktop-theatre-slider .player-container .player {
padding-top: 2px;
padding-bottom: 56.60%; }
.laptop-theatre-slider {
width: 100%;
max-width: 1200px;
position: relative;
}
.laptop-theatre-slider .player-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.laptop-theatre-slider .player-container .player {
padding-bottom: 63%; }
.laptop-theatre-slider img,
.desktop-theatre-slider img {
position: relative;
pointer-events: none;
}
.laptop-theatre-slider .player,
.desktop-theatre-slider .player {
box-sizing: content-box;
position: relative;
width: 100%;
background-color: #000000;
height: 0;
}
.laptop-theatre-slider .player video,
.desktop-theatre-slider .player video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.laptop-theatre-slider .player iframe,
.desktop-theatre-slider .player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .mk-tooltip {
position: relative;
}
.mk-tooltip--link {
cursor: help;
}
.mk-tooltip--text {
position: absolute;
bottom: 28px;
left: 0;
padding: 12px;
min-width: 140px;
max-width: 230px;
color: #ffffff;
font-size: 11px;
line-height: 16px;
background: #444444;
pointer-events: none;
z-index: 888;
opacity: 0;
}
.mk-tooltip--text:after {
position: absolute;
bottom: -5px;
left: 15px;
display: block;
width: 10px;
height: 10px;
content: "";
background: #444444;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} .mk-tooltip {
position: relative;
}
.mk-tooltip--link {
cursor: help;
}
.mk-tooltip--text {
position: absolute;
bottom: 28px;
left: 0;
padding: 12px;
min-width: 140px;
max-width: 230px;
color: #fff;
font-size: 11px;
line-height: 16px;
background: #444;
pointer-events: none;
opacity: 0;
}
.mk-tooltip--text:after {
position: absolute;
bottom: -5px; 
left: 15px;
display: block;
width: 10px;
height: 10px;
content: "";
background: #444;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mk-swipe-slideshow .products .item {
float: none !important;
position: absolute !important;
display: inline-block;
top: 0;
left: 0;
width: 100%;
}
.mk-woocommerce-carousel .the-title, .mk-woocommerce-carousel .product-title {
white-space: normal;
}
.mk-woocommerce-carousel .mk-button-container {
margin-right: 0 !important;
}
@media handheld, only screen and (max-width: 767px) {
.mk-swipe-slideshow .mk-product-loop .products .mk--col--3-12, .mk-swipe-slideshow .mk-product-loop .products .mk--col--4-12 {
width: 50% !important;
}
}
@media handheld, only screen and (max-width: 600px) {
.mk-swipe-slideshow .mk-product-loop .products .mk--col--3-12, .mk-swipe-slideshow .mk-product-loop .products .mk--col--4-12, .mk-swipe-slideshow .mk-product-loop .products .mk--col--1-2 {
width: 100% !important;
max-width: none !important;
}
} .mk-woocommerce-carousel .mk-button {
white-space: nowrap;
}
.vc_col-sm-6 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-5 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-4 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-3 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-2 .mk-woocommerce-carousel .mk-button--icon, .vc_col-sm-1 .mk-woocommerce-carousel .mk-button--icon {
display: none;
}
.vc_col-sm-6 .mk-woocommerce-carousel .mk-button .mk-button--text, 
.vc_col-sm-5 .mk-woocommerce-carousel .mk-button .mk-button--text, 
.vc_col-sm-4 .mk-woocommerce-carousel .mk-button .mk-button--text, 
.vc_col-sm-3 .mk-woocommerce-carousel .mk-button .mk-button--text, 
.vc_col-sm-2 .mk-woocommerce-carousel .mk-button .mk-button--text, 
.vc_col-sm-1 .mk-woocommerce-carousel .mk-button .mk-button--text {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mk-woocommerce-carousel .mk-swiper-wrapper {
white-space: nowrap;
}
.mk-woocommerce-carousel.classic-style .mk-swiper-wrapper,
.mk-woocommerce-carousel.modern-style .mk-swiper-wrapper {
height: 100%;
position: relative;
} .mk-woocommerce-carousel.classic-style .mk-swiper-container {
padding: 0 60px;
}
.mk-woocommerce-carousel .swiper-slide {
float: none;
display: inline-block;
}
.mk-woocommerce-carousel.classic-style .products {
display: block;
margin: auto;
padding: 0 0 30px 0 !important;
}
.mk-woocommerce-carousel.classic-style .products .product {
margin: 0;
float: left;
padding-left: 15px;
padding-right: 15px;
}
.mk-woocommerce-carousel.classic-style .mk-fancy-title {
font-size: 14px !important;
font-weight: bold !important;
margin-right: 35px;
}
.mk-woocommerce-carousel.classic-style .mk-fancy-title span {
padding-right: 5px;
}
.mk-woocommerce-carousel.classic-style .mk-woo-view-all {
float: right;
font-size: 11px;
padding: 0 7px;
}
.mk-woocommerce-carousel.classic-style .flex-direction-nav a {
position: absolute;
top: -38px;
}
.mk-woocommerce-carousel.classic-style .flex-direction-nav a svg{
fill: #aaaaaa;
}
.mk-woocommerce-carousel.classic-style .flex-prev {
right: 20px;
}
.mk-woocommerce-carousel.classic-style .flex-next {
right: 0px;
}
.mk-woocommerce-carousel.modern-style {
text-align: center;
}
.mk-woocommerce-carousel.modern-style .item-holder, .mk-woocommerce-carousel.modern-style .item-holder .mk-lightbox {
padding: 0 15px;
width: 100%;
}
.mk-woocommerce-carousel.modern-style .item-holder {
padding-bottom: 20px;
}
.mk-woocommerce-carousel.modern-style .mk-lightbox {
margin-bottom: 20px;
display: inline-block;
position: relative;
left: -15px;
}
.mk-woocommerce-carousel.modern-style .mk-lightbox i {
position: absolute;
font-size: 32px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
ms-transform: translate(-50%, -50%);
color: #222222;
opacity: 0;
transition: all 0.25s ease-in-out;
}
.mk-woocommerce-carousel.modern-style .mk-lightbox:hover .image-hover-overlay {
opacity: 0.7;
}
.mk-woocommerce-carousel.modern-style .mk-lightbox:hover i {
opacity: 1;
}
.mk-woocommerce-carousel.modern-style .image-hover-overlay {
background-color: #ffffff !important;
}
.mk-woocommerce-carousel.modern-style .the-title {
font-size: 14px !important;
}
.mk-woocommerce-carousel.modern-style .price {
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
display: block;
}
.mk-woocommerce-carousel.modern-style .price ins {
border: none;
} 
.mk-woocommerce-carousel.classic-style .mk-swipe-slideshow:hover .swiper-arrows,
.mk-woocommerce-carousel.modern-style .mk-swipe-slideshow:hover .swiper-arrows {
opacity: 0.8;
}
.mk-woocommerce-carousel.classic-style .swiper-arrows,
.mk-woocommerce-carousel.modern-style .swiper-arrows {
top: calc(50% - 10px) !important;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 0;
background-color: #ffffff;
opacity: 1;
color: #222222;
}
.mk-woocommerce-carousel.modern-style .swiper-arrows {
border: 2px solid #222222;
}
.mk-woocommerce-carousel.classic-style .swiper-arrows svg,
.mk-woocommerce-carousel.modern-style .swiper-arrows svg {
vertical-align: middle;
}
.mk-woocommerce-carousel.classic-style .swiper-arrows:hover,
.mk-woocommerce-carousel.modern-style .swiper-arrows:hover {
background-color: #222222;
opacity: 1 !important;
color: #ffffff;
}
.mk-woocommerce-carousel.classic-style .mk-swiper-prev,
.mk-woocommerce-carousel.modern-style .mk-swiper-prev {
left: 0px;
}
.mk-woocommerce-carousel.classic-style .mk-swiper-next,
.mk-woocommerce-carousel.modern-style .mk-swiper-next {
right: 0px;
}
.mk-woocommerce-carousel.modern-style .mk-button {
font-size: 12px !important;
margin: 0 auto !important;
} .mk-woocommerce-carousel.classic-style.mk-sc-active .products .product {
float: none !important;
position: absolute !important;
display: inline-block;
top: 0;
left: 0;
box-sizing: border-box;
} .mk-accordion {
margin-bottom: 20px;
}
.mk-accordion.fancy-style {
border-bottom: 1px solid #ececec;
}
.mk-accordion.fancy-style .mk-accordion-single {
overflow: hidden;
border: 1px solid #ececec;
border-bottom: 0;
background-color: #ffffff;
}
.mk-accordion.fancy-style .mk-accordion-tab {
position: relative;
padding: 12px 30px 12px 15px;
color: #222222;
font-size: 13px;
font-weight: 600;
line-height: 22px;
cursor: pointer;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
background-color: #fdfdfd;
}
.mk-accordion.fancy-style .mk-accordion-tab span {
vertical-align: middle;
} .mk-accordion.fancy-style .mk-accordion-tab i {
margin-right: 10px;
font-size: 16px;
line-height: 16px;
}
.mk-accordion.fancy-style .mk-accordion-tab i .mk-svg-icon,
.mk-accordion.simple-style .mk-accordion-tab i .mk-svg-icon {
fill: #b9b9b9;
width: 16px;
height: 16px;
}
.mk-accordion.fancy-style .mk-accordion-tab:hover {
background-color: #f8f8f8;
}
.mk-accordion.fancy-style .mk-accordion-tab:hover i .mk-svg-icon {
fill: #868686;
}
.mk-accordion.fancy-style .mk-accordion-tab:before,
.mk-accordion.fancy-style .mk-accordion-tab > .mk-svg-icon {
position: absolute;
top: 50%;
right: 14px;
display: block;
margin-top: -9px;
padding: 3px 6px 2px;
color: #adadad;
content: "\f054";
font-size: 12px !important;
line-height: 16px;
}
.mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-pane {
border-top: 1px solid #ececec;
}
.mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-tab:before,
.mk-accordion.fancy-style .mk-accordion-single.current .mk-accordion-tab > .mk-svg-icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
@media handheld, only screen and (max-width: 767px) {
.mobile-false .mk-accordion-tab > .mk-svg-icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
}
.mk-accordion.fancy-style .mk-accordion-pane {
display: none;
padding: 20px;
}
@media handheld, only screen and (max-width: 767px) {
.mk-accordion.fancy-style.mobile-true .mk-accordion-single {
border-bottom: 1px solid #ececec;
}
.mk-accordion.fancy-style.mobile-true .mk-accordion-tab {
border-bottom: 1px solid #ececec;
}
}
.mk-accordion.simple-style .mk-accordion-tab {
position: relative;
padding: 9px 30px 12px 15px;
border-bottom: 1px solid #ececec;
color: #222222;
font-size: 13px;
line-height: 22px;
font-weight: 600;
cursor: pointer;
}
.mk-accordion.simple-style .mk-accordion-tab span {
vertical-align: middle;
}
.mk-accordion.simple-style .mk-accordion-tab i {
margin-right: 10px;
}
.mk-accordion.simple-style .mk-accordion-tab:before {
position: absolute;
top: 16px;
right: 10px;
display: block;
padding: 3px 6px 2px;
color: #dddddd;
content: "\f054";
font-size: 12px;
line-height: 12px;
}
.mk-accordion.simple-style .mk-accordion-tab > .mk-svg-icon {
position: absolute;
top: 16px;
right: 10px;
display: block;
padding: 3px 6px 2px;
color: #dddddd;
content: "\f054";
font-size: 12px;
line-height: 12px;
}
.mk-accordion.simple-style .mk-accordion-single.current {
border: none;
}
.mk-accordion.simple-style .mk-accordion-single.current .mk-accordion-tab:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
color: #252525;
}
.mk-accordion.simple-style .mk-accordion-single.current .mk-accordion-tab > .mk-svg-icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
fill: #252525;
}
.mk-accordion.simple-style .mk-accordion-pane {
display: none;
padding: 10px;
border-bottom: 1px solid #ececec;
background-color: #ffffff;
}
@media handheld, only screen and (max-width: 767px) {
.mk-accordion.simple-style.mobile-true .mk-accordion-pane {
border-bottom: none;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-accordion.mobile-false .mk-accordion-pane {
display: block !important;
}
.mk-accordion.mobile-false .mk-accordion-tab {
cursor: default;
}
.mk-accordion.mobile-false .mk-accordion-tab:before {
content: '';
}
}
.mk-accordion.toggle-action .mk-accordion-pane {
display: none;
} .mk-toggle {
margin: 0;
}
.mk-toggle.fancy-style {
margin-bottom: 3px;
border: 1px solid #ececec;
}
.mk-toggle.fancy-style .mk-toggle-title {
position: relative;
display: block;
padding: 9px 30px 9px 15px;
color: #222222;
font-size: 13px;
font-weight: 600;
line-height: 22px;
cursor: pointer;
background-color: #fdfdfd;
}
.mk-toggle.fancy-style .mk-toggle-title span {
vertical-align: middle;
}
.mk-toggle.fancy-style .mk-toggle-title i {
margin-right: 15px;
font-size: 24px;
vertical-align: middle;
}
.mk-toggle.fancy-style .mk-toggle-title:hover {
background-color: #f8f8f8;
}
.mk-toggle.fancy-style .mk-toggle-title:before {
position: absolute;
top: 10px;
right: 10px;
display: block;
padding: 3px 6px 2px;
content: "\f054";
font-size: 12px !important;
line-height: 16px;
color: #adadad;
}
.mk-toggle.fancy-style .mk-toggle-title > .mk-svg-icon {
position: absolute;
top: 10px;
right: 10px;
display: block;
padding: 3px 6px 2px;
fill: #adadad;
}
.mk-toggle.fancy-style .mk-toggle-title.active-toggle {
border-bottom: 1px solid #ececec;
}
.mk-toggle.fancy-style .mk-toggle-title.active-toggle:before,
.mk-toggle.fancy-style .mk-toggle-title.active-toggle > .mk-svg-icon {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mk-toggle.simple-style .mk-toggle-title {
position: relative;
display: block;
padding: 8px 25px 8px 23px;
color: #444444;
font-size: 13px;
cursor: pointer;
}
.mk-toggle.simple-style .mk-toggle-title span {
vertical-align: middle;
}
.mk-toggle.simple-style .mk-toggle-title:before {
position: absolute;
top: 11px;
left: -4px;
display: block;
padding: 3px 6px 2px;
color: #adadad;
content: "\f054";
font-size: 12px;
line-height: 12px;
}
.mk-toggle.simple-style .mk-toggle-title .mk-svg-icon { 
position: absolute;
top: 11px;
display: block;
padding: 3px 6px 2px;
fill: #adadad;
}
.mk-toggle.simple-style .mk-toggle-title i .mk-svg-icon {
left: -4px;
right:auto;
}
.mk-toggle.simple-style .mk-toggle-title > .mk-svg-icon {
left: auto;
right:-4px;
}
.mk-toggle.simple-style .mk-toggle-title.active-toggle:before,
.mk-toggle.simple-style .mk-toggle-title.active-toggle > .mk-svg-icon {
left: auto;
right:-4px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mk-toggle .mk-toggle-pane {
position: relative;
display: none;
padding: 20px;
background-color: #ffffff;
}
.mk-accordion-tab .mk-svg-icon {
vertical-align: middle;
}
.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 {
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:hover .mk-svg-icon,
#mk-tabs .wpb_tabs_nav a:focus .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: 0px;
}
#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, 0.06);
}
.mk-tweet-shortcode .tweet-icon {
top: 15px;
left: 10px;
position: absolute;
}
.mk-twitter-shortcode {
margin-bottom: 20px;
} .video-container {
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
height: 0;
}
.video-container iframe,
.video-container object,
.video-container video,
.video-container embed {
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: #cccccc;
}
.video-container .video-thumbnail-overlay {
position: relative;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.video-container .mk-svg-icon {
display: block;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: all 200ms ease-in-out;
}
.video-container .mk-svg-icon:hover {
cursor: pointer;
}
.video-container .fade-in .mk-svg-icon {
opacity: 0.5;
}
.video-container .fade-in .mk-svg-icon:hover {
opacity: 1;
}
.video-container .scale-up .mk-svg-icon {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.video-container .scale-up .mk-svg-icon:hover {
-webkit-transform: scale(1.5);
-ms-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 iframe,
.fancybox-video object,
.fancybox-video video,
.fancybox-video embed {
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:before,
.fancybox-video-close:after {
position: absolute;
left: 14px;
content: ' ';
height: 31px;
width: 2px;
background-color: #fff;
}
.fancybox-video-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.fancybox-video-close:after {
-webkit-transform: rotate(-45deg);
-ms-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;
}