Domain: antoinekatan.com
Server Adress: 10.127.20.23
privdayz.com
/* ==========================================================================
Global partials
========================================================================== */
/* ==========================================================================
Shortcodes styles
========================================================================== */
/* ==========================================================================
Accordions shortcode style - begin
========================================================================== */
.mkdf-accordion-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
counter-reset: accordion-counter;
}
.mkdf-accordion-holder .mkdf-accordion-title {
position: relative;
cursor: pointer;
margin: 0;
box-sizing: border-box;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out;
margin-left: 70px;
margin-top: 38px;
border-bottom: 1px solid #000;
padding: 7px 0 7px 0px;
counter-increment: accordion-counter;
}
.mkdf-accordion-holder .mkdf-accordion-title:before {
content: counter(accordion-counter, decimal-leading-zero);
position: absolute;
left: -58px;
top: 50%;
transform: translateY(-50%);
font-size: 25px;
}
.mkdf-accordion-holder .mkdf-accordion-title:first-child {
margin-top: 0px !important;
}
.mkdf-accordion-holder .mkdf-accordion-title .mkdf-tab-title {
display: block;
line-height: inherit;
}
.mkdf-accordion-holder .mkdf-accordion-title .mkdf-accordion-mark {
position: absolute;
top: 50%;
right: 16px;
width: 25px;
height: 18px;
font-size: 25px;
line-height: 25px;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.mkdf-accordion-holder .mkdf-accordion-title .mkdf-accordion-mark span {
position: absolute;
display: block;
width: 100%;
height: 100%;
font-size: inherit;
line-height: inherit;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.mkdf-accordion-holder .mkdf-accordion-title .mkdf-accordion-mark span:before {
display: block;
line-height: inherit;
}
.mkdf-accordion-holder .mkdf-accordion-title .mkdf-accordion-mark span.mkdf_icon_minus {
opacity: 0;
}
.mkdf-accordion-holder .mkdf-accordion-title .mkdf-accordion-mark span.mkdf_icon_plus {
opacity: 1;
}
.mkdf-accordion-holder .mkdf-accordion-title.ui-state-active .mkdf-accordion-mark span.mkdf_icon_minus, .mkdf-accordion-holder .mkdf-accordion-title.ui-state-hover .mkdf-accordion-mark span.mkdf_icon_minus {
opacity: 1;
}
.mkdf-accordion-holder .mkdf-accordion-title.ui-state-active .mkdf-accordion-mark span.mkdf_icon_plus, .mkdf-accordion-holder .mkdf-accordion-title.ui-state-hover .mkdf-accordion-mark span.mkdf_icon_plus {
opacity: 0;
}
.mkdf-accordion-holder .mkdf-accordion-content {
margin-left: 70px;
margin-right: 8%;
padding: 21px 0 5px;
}
.mkdf-accordion-holder .mkdf-accordion-content p {
margin: 0;
}
.mkdf-accordion-holder.mkdf-ac-boxed.mkdf-white-skin .mkdf-accordion-title {
color: #fff;
margin-top: 35px;
}
.mkdf-accordion-holder.mkdf-ac-boxed.mkdf-white-skin .mkdf-accordion-content {
color: #fff;
}
.mkdf-accordion-holder.mkdf-ac-boxed .mkdf-accordion-title:before {
background: #000;
color: #fff;
padding: 6px 11px;
left: -70px;
}
.mkdf-accordion-holder.mkdf-ac-boxed .mkdf-accordion-content {
padding: 21px 0 6px;
}
/* ==========================================================================
Accordions shortcode style - end
========================================================================== */
/* ==========================================================================
Section Title shortcode styles - begin
========================================================================== */
.mkdf-awards-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
box-sizing: border-box;
margin-bottom: 48px;
}
.mkdf-awards-holder .mkdf-awards-inner .mkdf-awards-year {
float: left;
}
.mkdf-awards-holder .mkdf-awards-inner .mkdf-awards-title {
float: left;
margin-left: 35px;
width: 85%;
}
.mkdf-awards-holder .mkdf-awards-inner .mkdf-awards-title-text {
margin: 0 0 12px 0;
}
.mkdf-awards-holder .mkdf-awards-inner .mkdf-awards-year-text {
margin: 5px 0 0 0;
}
.mkdf-awards-holder .mkdf-awards-inner .mkdf-awards-item-text {
margin-top: 20px;
}
/* ==========================================================================
Section Title shortcode styles - end
========================================================================== */
/* ==========================================================================
Banner shortcode style - begin
========================================================================== */
.mkdf-banner-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.touch .mkdf-banner-holder {
cursor: pointer;
}
.mkdf-banner-holder.mkdf-visible-on-hover:hover .mkdf-banner-text-holder {
opacity: 1;
}
.mkdf-banner-holder.mkdf-visible-on-hover .mkdf-banner-text-holder {
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.mkdf-banner-holder.mkdf-disabled .mkdf-banner-text-holder {
display: none;
}
.mkdf-banner-holder.mkdf-banner-info-centered .mkdf-banner-text-holder {
padding: 70px 20px;
text-align: center;
}
.mkdf-banner-holder .mkdf-banner-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-banner-holder .mkdf-banner-image img {
display: block;
}
.mkdf-banner-holder .mkdf-banner-text-holder {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 35px;
background-color: rgba(0, 0, 0, 0.4);
box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
.mkdf-banner-holder .mkdf-banner-text-holder {
padding: 25px;
}
}
.mkdf-banner-holder .mkdf-banner-text-outer {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.mkdf-banner-holder .mkdf-banner-text-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: bottom;
}
.mkdf-banner-holder .mkdf-banner-subtitle {
margin: 0 0 4px;
color: #fff;
}
.mkdf-banner-holder .mkdf-banner-title {
margin: 0;
color: #fff;
}
.mkdf-banner-holder .mkdf-banner-title .mkdf-banner-title-light {
font-weight: 300;
}
.mkdf-banner-holder .mkdf-banner-link-text {
position: relative;
display: inline-block;
vertical-align: top;
margin: 11px 0 0;
color: #fff;
line-height: 1em;
z-index: 2;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.mkdf-banner-holder .mkdf-banner-link-text:hover .mkdf-banner-link-hover {
width: 100%;
}
.mkdf-banner-holder .mkdf-banner-link-text .mkdf-banner-link-original {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
}
.mkdf-banner-holder .mkdf-banner-link-text .mkdf-banner-link-original span {
color: inherit;
}
.mkdf-banner-holder .mkdf-banner-link-text .mkdf-banner-link-hover {
position: absolute;
top: 0;
left: 0;
width: 0.1%;
height: 100%;
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
-webkit-transition: width 0.4s ease-in-out;
-moz-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
.mkdf-banner-holder .mkdf-banner-link-text .mkdf-banner-link-hover span {
color: #000;
}
.mkdf-banner-holder .mkdf-banner-link-text .mkdf-banner-link-icon,
.mkdf-banner-holder .mkdf-banner-link-text .mkdf-banner-link-label {
position: relative;
display: inline-block;
vertical-align: top;
}
.mkdf-banner-holder .mkdf-banner-link-text .mkdf-banner-link-icon {
margin: 0 2px 0 0;
font-size: 15px;
}
.mkdf-banner-holder .mkdf-banner-link-text .mkdf-banner-link-label {
font-size: 14px;
line-height: inherit;
}
.mkdf-banner-holder .mkdf-banner-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
/* ==========================================================================
Banner shortcode style - end
========================================================================== */
/* ==========================================================================
Button shortcode style - begin
========================================================================== */
.mkdf-btn {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-size: 12px;
line-height: 2em;
letter-spacing: 0.2em;
font-family: "Heebo", sans-serif;
font-weight: 400;
text-transform: uppercase;
outline: none;
box-sizing: border-box;
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
padding: 15px 28px;
cursor: pointer;
}
.mkdf-btn.mkdf-btn-simple {
padding: 0 !important;
color: #000;
background-color: transparent;
border: 0;
vertical-align: middle;
}
.mkdf-btn.mkdf-btn-simple .mkdf-btn-text {
display: inline-block;
vertical-align: middle;
}
.mkdf-btn.mkdf-btn-simple:not(.mkdf-btn-custom-hover-color):hover {
color: #000 !important;
}
.mkdf-btn.mkdf-btn-simple:not(.mkdf-btn-custom-hover-bg):hover {
background-color: transparent !important;
}
.mkdf-btn.mkdf-btn-simple:not(.mkdf-btn-custom-border-hover):hover {
border-color: transparent !important;
}
.mkdf-btn.mkdf-btn-solid {
color: #fff;
background-color: #000;
border: 1px solid transparent;
}
.mkdf-btn.mkdf-btn-solid:not(.mkdf-btn-custom-hover-color):hover {
color: #fff !important;
}
.mkdf-btn.mkdf-btn-solid:not(.mkdf-btn-custom-hover-bg):hover {
background-color: #000 !important;
}
.mkdf-btn.mkdf-btn-solid:not(.mkdf-btn-custom-border-hover):hover {
border-color: #000 !important;
}
.mkdf-btn.mkdf-btn-outline {
color: #000;
background-color: transparent;
border: 1px solid #000;
}
.mkdf-btn.mkdf-btn-outline:not(.mkdf-btn-custom-hover-color):hover {
color: #fff !important;
}
.mkdf-btn.mkdf-btn-outline:not(.mkdf-btn-custom-hover-bg):hover {
background-color: #000 !important;
}
.mkdf-btn.mkdf-btn-outline:not(.mkdf-btn-custom-border-hover):hover {
border-color: #000 !important;
}
.mkdf-btn.mkdf-btn-small {
padding: 13px 18px;
font-size: 11px;
}
.mkdf-btn.mkdf-btn-large {
padding: 17px 38px;
}
.mkdf-btn.mkdf-btn-huge {
display: block;
width: 100%;
text-align: center;
padding: 19px 48px;
}
.mkdf-btn.mkdf-btn-icon:hover > i,
.mkdf-btn.mkdf-btn-icon:hover > span:not(.mkdf-btn-text), .mkdf-btn.mkdf-btn-icon:hover:after {
transform: translate3d(3px, -3px, 0);
}
.mkdf-btn.mkdf-btn-icon > i,
.mkdf-btn.mkdf-btn-icon > span:not(.mkdf-btn-text) {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 0 0 5px;
font-size: 1.142857142857143em;
line-height: inherit;
transition: transform 0.3s cubic-bezier(0, 0.95, 0.77, 1);
}
.mkdf-btn.mkdf-btn-icon > i:before,
.mkdf-btn.mkdf-btn-icon > span:not(.mkdf-btn-text):before {
display: block;
line-height: inherit;
}
.mkdf-btn.mkdf-btn-icon:after {
display: inline-block;
transition: transform 0.3s cubic-bezier(0, 0.95, 0.77, 1);
}
/* ==========================================================================
Button shortcode style - end
========================================================================== */
/* ==========================================================================
Call To Action shortcode style - begin
========================================================================== */
.mkdf-call-to-action-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Layout Style - begin *****/
/***** Layout Style - end *****/
/***** Columns Space - begin *****/
/***** Columns Space - end *****/
}
.mkdf-call-to-action-holder .mkdf-cta-text-holder,
.mkdf-call-to-action-holder .mkdf-cta-button-holder {
position: relative;
display: inline-block;
vertical-align: middle;
}
.mkdf-call-to-action-holder .mkdf-cta-text-holder h1, .mkdf-call-to-action-holder .mkdf-cta-text-holder h2, .mkdf-call-to-action-holder .mkdf-cta-text-holder h3, .mkdf-call-to-action-holder .mkdf-cta-text-holder h4, .mkdf-call-to-action-holder .mkdf-cta-text-holder h5, .mkdf-call-to-action-holder .mkdf-cta-text-holder h6 {
margin: 0;
}
.mkdf-call-to-action-holder .mkdf-cta-button-holder .mkdf-btn {
white-space: nowrap;
}
.mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-inner {
display: table;
}
.mkdf-call-to-action-holder.mkdf-normal-layout:not(.mkdf-content-in-grid) .mkdf-cta-inner {
width: 100%;
}
.mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-text-holder,
.mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-button-holder {
display: table-cell;
box-sizing: border-box;
}
.mkdf-call-to-action-holder.mkdf-normal-layout .mkdf-cta-button-holder {
text-align: right;
}
.mkdf-call-to-action-holder.mkdf-simple-layout .mkdf-cta-inner {
text-align: center;
}
.mkdf-call-to-action-holder.mkdf-simple-layout .mkdf-cta-text-holder,
.mkdf-call-to-action-holder.mkdf-simple-layout .mkdf-cta-button-holder {
width: 100%;
}
.mkdf-call-to-action-holder.mkdf-simple-layout .mkdf-cta-button-holder {
margin: 28px 0 0;
}
.mkdf-call-to-action-holder.mkdf-two-halves-columns .mkdf-cta-text-holder,
.mkdf-call-to-action-holder.mkdf-two-halves-columns .mkdf-cta-button-holder {
width: 50%;
}
.mkdf-call-to-action-holder.mkdf-two-thirds-columns .mkdf-cta-text-holder {
width: 66.66666666666667%;
}
.mkdf-call-to-action-holder.mkdf-two-thirds-columns .mkdf-cta-button-holder {
width: 33.33333333333333%;
}
.mkdf-call-to-action-holder.mkdf-three-quarters-columns .mkdf-cta-text-holder {
width: 75%;
}
.mkdf-call-to-action-holder.mkdf-three-quarters-columns .mkdf-cta-button-holder {
width: 25%;
}
.mkdf-call-to-action-holder.mkdf-four-fifths-columns .mkdf-cta-text-holder {
width: 80%;
}
.mkdf-call-to-action-holder.mkdf-four-fifths-columns .mkdf-cta-button-holder {
width: 20%;
}
/* ==========================================================================
Call To Action shortcode style - end
========================================================================== */
/* ==========================================================================
Clients Carousel shortcode style - begin
========================================================================== */
.mkdf-clients-carousel-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-clients-carousel-holder .mkdf-cc-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-clients-carousel-holder .mkdf-cc-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.touch .mkdf-clients-carousel-holder .mkdf-cc-item {
cursor: pointer;
}
.mkdf-clients-carousel-holder .mkdf-cc-item img {
display: block;
}
.mkdf-clients-carousel-holder .mkdf-cc-link {
position: relative;
display: inline-block;
vertical-align: top;
}
/***** Hover Types - begin *****/
.mkdf-cc-hover-switch-images .mkdf-cc-item {
display: flex;
align-items: center;
justify-content: center;
}
.mkdf-cc-hover-switch-images .mkdf-cc-item.mkdf-cci-has-link a:hover .mkdf-cc-image {
opacity: 0;
}
.mkdf-cc-hover-switch-images .mkdf-cc-item.mkdf-cci-has-link a:hover .mkdf-cc-hover-image {
opacity: 1;
}
.mkdf-cc-hover-switch-images .mkdf-cc-item.mkdf-cci-no-link:hover .mkdf-cc-image {
opacity: 0;
}
.mkdf-cc-hover-switch-images .mkdf-cc-item.mkdf-cci-no-link:hover .mkdf-cc-hover-image {
opacity: 1;
}
.mkdf-cc-hover-switch-images .mkdf-cc-item.mkdf-cci-no-link .mkdf-cc-hover-image {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.mkdf-cc-hover-switch-images .mkdf-cc-item .mkdf-cc-image {
width: auto;
opacity: 1;
will-change: opacity;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.mkdf-cc-hover-switch-images .mkdf-cc-item .mkdf-cc-hover-image {
position: absolute;
top: 0;
left: 0;
width: auto;
opacity: 0;
will-change: opacity;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
border-collapse: initial;
}
.mkdf-cc-hover-roll-over .mkdf-cc-item {
overflow: hidden;
}
.mkdf-cc-hover-roll-over .mkdf-cc-item.mkdf-cci-has-link a:hover .mkdf-cc-image {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
}
.mkdf-cc-hover-roll-over .mkdf-cc-item.mkdf-cci-has-link a:hover .mkdf-cc-hover-image {
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.mkdf-cc-hover-roll-over .mkdf-cc-item.mkdf-cci-no-link:hover .mkdf-cc-image {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
}
.mkdf-cc-hover-roll-over .mkdf-cc-item.mkdf-cci-no-link:hover .mkdf-cc-hover-image {
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.mkdf-cc-hover-roll-over .mkdf-cc-item .mkdf-cc-image {
position: relative;
display: block;
width: auto;
margin: 0 auto;
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
transition: transform 0.4s ease;
}
.mkdf-cc-hover-roll-over .mkdf-cc-item .mkdf-cc-hover-image {
position: absolute;
top: -1px;
left: 50%;
width: auto;
-webkit-transform: translate(-50%, -100%);
-moz-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
transition: transform 0.4s ease;
}
/***** Hover Types - end *****/
/* ==========================================================================
Clients Carousel shortcode style - end
========================================================================== */
/* ==========================================================================
clients Holder shortcode style - begin
========================================================================== */
.mkdf-clients-grid-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
}
.mkdf-clients-grid-holder.mkdf-cg-alignment-left {
text-align: left;
}
.mkdf-clients-grid-holder.mkdf-cg-alignment-right {
text-align: right;
}
.mkdf-clients-grid-holder .mkdf-cc-link {
position: relative;
display: inline-block;
vertical-align: top;
}
/* ==========================================================================
clients Holder shortcode style - end
========================================================================== */
/* ==========================================================================
Countdown shortcode style - begin
========================================================================== */
.mkdf-countdown {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-countdown.mkdf-light-skin .countdown-row .countdown-section .countdown-amount,
.mkdf-countdown.mkdf-light-skin .countdown-row .countdown-section .countdown-period {
color: #fff;
}
.mkdf-countdown .countdown-rtl {
direction: rtl;
}
.mkdf-countdown .countdown-row {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
clear: both;
}
.mkdf-countdown .countdown-row.countdown-show1 .countdown-section {
width: 100%;
}
.mkdf-countdown .countdown-row.countdown-show2 .countdown-section {
width: 50%;
}
.mkdf-countdown .countdown-row.countdown-show3 .countdown-section {
width: 33.33333%;
}
.mkdf-countdown .countdown-row.countdown-show4 .countdown-section {
width: 25%;
}
.mkdf-countdown .countdown-row.countdown-show5 .countdown-section {
width: 20%;
}
.mkdf-countdown .countdown-row.countdown-show6 .countdown-section {
width: 16.66667%;
}
.mkdf-countdown .countdown-row .countdown-section {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0 5px;
box-sizing: border-box;
}
.mkdf-countdown .countdown-row .countdown-section .countdown-amount {
position: relative;
display: block;
color: #000;
font-size: 45px;
line-height: 1em;
font-weight: 400;
}
.mkdf-countdown .countdown-row .countdown-section .countdown-period {
display: block;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.04em;
margin-top: 14px;
}
/* ==========================================================================
Countdown shortcode style - end
========================================================================== */
/* ==========================================================================
Counter shortcode style - begin
========================================================================== */
.mkdf-counter-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.mkdf-counter-holder .mkdf-counter-inner {
position: relative;
display: block;
vertical-align: middle;
text-align: center;
}
.mkdf-counter-holder .mkdf-counter {
height: 1em;
display: inline-block !important;
vertical-align: middle;
color: #000;
font-size: 48px;
line-height: 1em;
font-weight: 400;
overflow: hidden;
}
.mkdf-counter-holder .mkdf-counter-title {
margin: 20px 0 0;
font-size: 16px;
font-style: normal;
letter-spacing: 0.04em;
}
.mkdf-counter-holder .mkdf-counter-text {
margin: 14px 0 0;
}
/* ==========================================================================
Counter shortcode style - end
========================================================================== */
/* ==========================================================================
Custom Font shortcode style - begin
========================================================================== */
.mkdf-custom-font-holder .mkdf-cf-typed-wrap {
width: 0;
white-space: nowrap;
}
.mkdf-custom-font-holder .mkdf-cf-typed {
display: inline-block;
}
.mkdf-custom-font-holder .mkdf-cf-typed span {
display: none;
}
.mkdf-custom-font-holder .mkdf-cf-typed ~ .typed-cursor {
display: inline-block;
opacity: 1;
-webkit-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-webkit-keyframes blink {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
@keyframes blink {
0% {
opacity: 1;
filter: alpha(opacity=100);
}
50% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
}
}
/* ==========================================================================
Custom Font shortcode style - end
========================================================================== */
/* ==========================================================================
Dropcaps shortcode style - begin
========================================================================== */
.mkdf-dropcaps {
position: relative;
display: inline-block;
vertical-align: top;
float: left;
line-height: 42px;
font-size: 42px;
color: #999;
font-weight: 300;
text-align: center;
margin: 0 7px 0 0;
}
.mkdf-dropcaps.mkdf-square, .mkdf-dropcaps.mkdf-circle {
height: 35px;
width: 35px;
font-size: 22px;
line-height: 35px;
font-weight: 600;
color: #fff;
background-color: #000;
margin: 6px 9px 0 0;
box-sizing: border-box;
}
.mkdf-dropcaps.mkdf-circle {
border-radius: 3em;
}
/* ==========================================================================
Dropcaps shortcode style - end
========================================================================== */
/* ==========================================================================
Elements Holder shortcode style - begin
========================================================================== */
.mkdf-elements-holder {
width: 100%;
display: table;
table-layout: fixed;
}
.mkdf-elements-holder.mkdf-eh-full-height {
height: 100%;
}
.mkdf-elements-holder.mkdf-ehi-float .mkdf-eh-item {
float: left;
}
.mkdf-elements-holder.mkdf-two-columns .mkdf-eh-item {
width: 50%;
}
.mkdf-elements-holder.mkdf-three-columns .mkdf-eh-item {
width: 33.33333%;
}
.mkdf-elements-holder.mkdf-four-columns .mkdf-eh-item {
width: 25%;
}
.mkdf-elements-holder.mkdf-five-columns .mkdf-eh-item {
width: 20%;
}
.mkdf-elements-holder.mkdf-six-columns .mkdf-eh-item {
width: 16.66667%;
}
.mkdf-elements-holder .mkdf-eh-item {
display: table-cell;
vertical-align: middle;
height: 100%;
background-position: center;
background-size: cover;
}
.mkdf-elements-holder .mkdf-eh-item.mkdf-vertical-alignment-top {
vertical-align: top;
}
.mkdf-elements-holder .mkdf-eh-item.mkdf-vertical-alignment-bottom {
vertical-align: bottom;
}
.mkdf-elements-holder .mkdf-eh-item.mkdf-horizontal-alignment-center {
text-align: center;
}
.mkdf-elements-holder .mkdf-eh-item.mkdf-horizontal-alignment-right {
text-align: right;
}
.mkdf-elements-holder .mkdf-eh-item .mkdf-elements-holder-item-inner {
width: 100%;
}
.mkdf-elements-holder .mkdf-ehi-content {
padding: 0 20px;
}
/* ==========================================================================
Elements Holder shortcode style - end
========================================================================== */
/* ==========================================================================
Frame Slider shortcode style - begin
========================================================================== */
.mkdf-frame-slider-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 65px 0 48px;
}
.mkdf-frame-slider-holder .mkdf-fs-phone {
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 100%;
background: url("img/frame-slider.png") top center no-repeat;
z-index: 2;
pointer-events: none;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.mkdf-frame-slider-holder .mkdf-fs-slides {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
cursor: -webkit-grab;
visibility: hidden;
}
.mkdf-frame-slider-holder .mkdf-fs-slides a, .mkdf-frame-slider-holder .mkdf-fs-slides img {
display: block;
}
/* ==========================================================================
Frame Slider shortcode style - end
========================================================================== */
/* ==========================================================================
Full Screen Image Slider shortcode style - begin
========================================================================== */
.mkdf-full-screen-image-slider {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
opacity: 0;
}
.mkdf-full-screen-image-slider.mkdf-fsis-is-init {
opacity: 1;
}
.mkdf-full-screen-image-slider.mkdf-fsis-active .mkdf-fsis-slider .owl-nav .owl-prev {
left: -100px;
}
.mkdf-full-screen-image-slider.mkdf-fsis-active .mkdf-fsis-slider .owl-nav .owl-next {
right: -100px;
}
.mkdf-full-screen-image-slider.mkdf-fsis-active .mkdf-fsis-slider .owl-dots {
bottom: -30px;
}
.mkdf-full-screen-image-slider.mkdf-fsis-active .mkdf-fsis-prev-nav {
left: -100px;
}
.mkdf-full-screen-image-slider.mkdf-fsis-active .mkdf-fsis-next-nav {
right: -100px;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
height: 100vh;
z-index: inherit;
}
.admin-bar .mkdf-full-screen-image-slider .mkdf-fsis-slider {
height: calc(100vh - 32px);
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-stage-outer {
overflow: visible;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-nav .owl-prev,
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-nav .owl-next {
width: 40px;
text-align: center;
-webkit-transition: left 0.4s ease, right 0.4s ease;
-moz-transition: left 0.4s ease, right 0.4s ease;
transition: left 0.4s ease, right 0.4s ease;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-nav .owl-prev {
left: 25px;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-nav .owl-prev:hover {
left: 15px;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-nav .owl-next {
right: 25px;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-nav .owl-next:hover {
right: 15px;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-dots {
position: absolute;
left: 0;
bottom: calc(8% - 14px);
width: 100%;
margin: 0;
counter-reset: section;
z-index: 3;
-webkit-transition: bottom 0.4s ease;
-moz-transition: bottom 0.4s ease;
transition: bottom 0.4s ease;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-dots .owl-dot {
margin: 0 14px;
color: #000;
font-size: 16px;
line-height: 28px;
font-weight: 500;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-dots .owl-dot:hover, .mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-dots .owl-dot.active {
color: #000;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-dots .owl-dot span {
display: none;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider .owl-dots .owl-dot:after {
counter-increment: section;
content: "0" counter(section);
}
.mkdf-full-screen-image-slider .mkdf-fsis-thumb-nav {
position: absolute;
top: 20%;
height: 60%;
width: 100px;
display: block;
z-index: 1;
background-position: 20% 20%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-prev-nav {
left: 0;
-webkit-transition: background 0.3s ease, left 0.4s ease;
-moz-transition: background 0.3s ease, left 0.4s ease;
transition: background 0.3s ease, left 0.4s ease;
}
.mkdf-full-screen-image-slider .mkdf-fsis-next-nav {
right: 0;
-webkit-transition: background 0.3s ease, right 0.4s ease;
-moz-transition: background 0.3s ease, right 0.4s ease;
transition: background 0.3s ease, right 0.4s ease;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider-mask {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.mkdf-full-screen-image-slider .mkdf-fsis-slider-mask.mkdf-drag {
z-index: 2;
}
.mkdf-full-screen-image-slider .mkdf-fsis-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
height: 100vh;
overflow: hidden;
}
.admin-bar .mkdf-full-screen-image-slider .mkdf-fsis-item {
height: calc(100vh - 32px);
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-content-image-init .mkdf-fsis-image-top {
top: -2%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-content-image-init .mkdf-fsis-image-left {
left: 9%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-content-image-init .mkdf-fsis-image-right {
right: 14%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-content-image-init .mkdf-fsis-title,
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-content-image-init .mkdf-fsis-subtitle {
top: 0;
opacity: 1;
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-image-hover .mkdf-fsis-image-top {
top: calc(-2% - 10px);
left: calc(28% - 20px);
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-image-hover .mkdf-fsis-image-left {
bottom: calc(2% - 20px);
left: calc(9% - 10px);
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-image-hover .mkdf-fsis-image-right {
bottom: calc(7% - 20px);
right: calc(14% - 10px);
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-image-hover .mkdf-fsis-frame-top,
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-image-hover .mkdf-fsis-frame-bottom {
height: 18%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-image-hover .mkdf-fsis-frame-left,
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-image-hover .mkdf-fsis-frame-right {
width: 18%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-active-image .mkdf-fsis-image-top {
top: calc(-2% - 25px);
left: calc(28% - 50px);
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-active-image .mkdf-fsis-image-left {
bottom: calc(2% - 50px);
left: calc(9% - 25px);
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-active-image .mkdf-fsis-image-right {
bottom: calc(7% - 50px);
right: calc(14% - 25px);
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-active-image .mkdf-fsis-frame-top,
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-active-image .mkdf-fsis-frame-bottom {
height: 0;
}
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-active-image .mkdf-fsis-frame-left,
.mkdf-full-screen-image-slider .mkdf-fsis-item.mkdf-fsis-active-image .mkdf-fsis-frame-right {
width: 0;
}
.mkdf-full-screen-image-slider .mkdf-fsis-image-wrapper {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-image-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center;
}
.mkdf-full-screen-image-slider .mkdf-fsis-image {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.mkdf-full-screen-image-slider .mkdf-fsis-content-image {
position: absolute;
}
.mkdf-full-screen-image-slider .mkdf-fsis-content-image img {
width: auto;
max-width: 600px;
}
.mkdf-full-screen-image-slider .mkdf-fsis-image-top {
top: -50%;
left: 28%;
-webkit-transform: rotate(-23deg);
-moz-transform: rotate(-23deg);
transform: rotate(-23deg);
-webkit-transition: top 0.8s ease, left 0.8s ease;
-moz-transition: top 0.8s ease, left 0.8s ease;
transition: top 0.8s ease, left 0.8s ease;
}
.mkdf-full-screen-image-slider .mkdf-fsis-image-left {
bottom: 2%;
left: -50%;
-webkit-transform: rotate(-10.5deg);
-moz-transform: rotate(-10.5deg);
transform: rotate(-10.5deg);
-webkit-transition: bottom 0.8s ease, left 0.8s ease;
-moz-transition: bottom 0.8s ease, left 0.8s ease;
transition: bottom 0.8s ease, left 0.8s ease;
}
.mkdf-full-screen-image-slider .mkdf-fsis-image-right {
bottom: 7%;
right: -50%;
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
transform: rotate(-12deg);
-webkit-transition: bottom 0.8s ease, right 0.8s ease;
-moz-transition: bottom 0.8s ease, right 0.8s ease;
transition: bottom 0.8s ease, right 0.8s ease;
}
.mkdf-full-screen-image-slider .mkdf-fsis-title {
position: relative;
top: 15px;
margin: 0;
padding: 0 12%;
line-height: 1.2em;
color: #000;
opacity: 0;
box-sizing: border-box;
-webkit-transition: opacity 0.2s ease-in, top 0.3s ease-in;
-moz-transition: opacity 0.2s ease-in, top 0.3s ease-in;
transition: opacity 0.2s ease-in, top 0.3s ease-in;
}
.mkdf-full-screen-image-slider .mkdf-fsis-subtitle {
position: relative;
top: 25px;
margin: 20px 0 0;
padding: 0 14%;
color: #000;
opacity: 0;
box-sizing: border-box;
-webkit-transition: opacity 0.2s ease-in, top 0.3s ease-in;
-moz-transition: opacity 0.2s ease-in, top 0.3s ease-in;
transition: opacity 0.2s ease-in, top 0.3s ease-in;
}
.mkdf-full-screen-image-slider .mkdf-fsis-frame {
position: fixed;
background-color: #fff;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.mkdf-full-screen-image-slider .mkdf-fsis-frame-top {
top: 0;
left: 0;
width: 100%;
height: 20%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-frame-bottom {
bottom: 0;
left: 0;
width: 100%;
height: 20%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-frame-left {
top: 0;
left: 0;
width: 20%;
height: 100%;
}
.mkdf-full-screen-image-slider .mkdf-fsis-frame-right {
top: 0;
right: 0;
width: 20%;
height: 100%;
}
/* ==========================================================================
Full Screen Image Slider shortcode style - end
========================================================================== */
/* ==========================================================================
Full Screen Sections shortcode style - begin
========================================================================== */
html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow: hidden;
/*Avoid flicker on slides transitions for mobile phones #336 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#superContainer {
height: 100%;
position: relative;
/* Touch detection for Windows 8 */
-ms-touch-action: none;
/* IE 11 on Windows Phone 8.1*/
touch-action: none;
}
.fp-scrollable {
overflow: hidden;
position: relative;
}
.fp-scroller {
overflow: hidden;
}
.iScrollIndicator {
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
.fp-auto-height.mkdf-fss-item,
.fp-auto-height .mkdf-fss-slide,
.fp-auto-height .fp-tableCell {
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.mkdf-fss-item,
.fp-responsive .fp-auto-height-responsive .mkdf-fss-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important;
}
#fp-nav {
position: fixed;
top: 50%;
right: 40px;
margin: -32px 0 0;
z-index: 1001;
}
@media only screen and (max-width: 1024px) {
#fp-nav {
right: 30px;
}
}
#fp-nav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li {
position: relative;
display: block;
margin: 10px 0;
padding: 0;
}
#fp-nav ul li a {
position: relative;
width: 12px;
height: 12px;
display: block;
background-color: rgba(80, 80, 80, 0.3);
border-radius: 100%;
z-index: 1;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
#fp-nav ul li a.active, #fp-nav ul li a:hover {
background-color: rgba(80, 80, 80, 0.7);
}
.mkdf-light-header #fp-nav ul li a span {
background-color: rgba(255, 255, 255, 0.3);
}
.mkdf-light-header #fp-nav ul li a.active span, .mkdf-light-header #fp-nav ul li a:hover span {
background-color: #fff;
}
.mkdf-dark-header #fp-nav ul li a span {
background-color: rgba(0, 0, 0, 0.3);
}
.mkdf-dark-header #fp-nav ul li a.active span, .mkdf-dark-header #fp-nav ul li a:hover span {
background-color: #000;
}
#fp-nav ul li a span {
position: relative;
height: 100%;
width: 100%;
display: block;
}
.mkdf-full-screen-sections {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-full-screen-sections .mkdf-fss-wrapper {
visibility: hidden;
}
.mkdf-full-screen-sections .mkdf-fss-item {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background-position: center;
background-size: cover;
box-sizing: border-box;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mkdf-full-screen-sections .mkdf-fss-item.active {
transform: scale(0.92);
}
.mkdf-full-screen-sections .mkdf-fss-item.active.fp-completely {
transform: scale(1);
}
.mkdf-full-screen-sections .mkdf-fss-item.fp-completely:not(.active) {
transform: scale(0.92);
}
.mkdf-full-screen-sections .mkdf-fss-item .fp-scroller > .vc_column_container {
padding: 0;
margin: 0;
}
.mkdf-full-screen-sections .mkdf-fss-item .fp-scroller > .vc_column_container > .vc_column-inner {
padding: 0;
margin: 0;
}
.mkdf-full-screen-sections .mkdf-fss-item.mkdf-fss-item-va-top .mkdf-fss-item-inner {
vertical-align: top;
}
.mkdf-full-screen-sections .mkdf-fss-item.mkdf-fss-item-va-bottom .mkdf-fss-item-inner {
vertical-align: bottom;
}
.mkdf-full-screen-sections .mkdf-fss-item.mkdf-fss-item-ha-left .mkdf-fss-item-inner {
text-align: left;
}
.mkdf-full-screen-sections .mkdf-fss-item.mkdf-fss-item-ha-center .mkdf-fss-item-inner {
text-align: center;
}
.mkdf-full-screen-sections .mkdf-fss-item.mkdf-fss-item-ha-right .mkdf-fss-item-inner {
text-align: right;
}
.mkdf-full-screen-sections .mkdf-fss-item.mkdf-fss-item-has-link .mkdf-fss-item-inner a {
position: relative;
z-index: 2;
}
.mkdf-full-screen-sections .mkdf-fss-item .mkdf-fss-item-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
padding: 5%;
box-sizing: border-box;
}
.mkdf-full-screen-sections .mkdf-fss-item .mkdf-fss-item-inner a {
position: relative;
z-index: 2;
}
.mkdf-full-screen-sections .mkdf-fss-item .mkdf-fss-item-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.mkdf-full-screen-sections .mkdf-fss-nav-holder {
position: fixed;
bottom: 48px;
left: 57px;
display: block;
width: 55px;
text-align: center;
visibility: hidden;
z-index: 1001;
}
.mkdf-full-screen-sections .mkdf-fss-nav-holder a {
display: block;
font-size: 55px;
line-height: 0.9;
color: #000;
height: auto;
opacity: 1;
-webkit-transition: color 0.2s ease-out, opacity 0.25s ease-out;
-moz-transition: color 0.2s ease-out, opacity 0.25s ease-out;
transition: color 0.2s ease-out, opacity 0.25s ease-out;
}
.mkdf-full-screen-sections .mkdf-fss-nav-holder a:hover {
color: rgba(0, 0, 0, 0.7);
}
.mkdf-light-header .mkdf-full-screen-sections .mkdf-fss-nav-holder a {
color: #fff;
}
.mkdf-light-header .mkdf-full-screen-sections .mkdf-fss-nav-holder a:hover {
color: rgba(255, 255, 255, 0.7);
}
.mkdf-dark-header .mkdf-full-screen-sections .mkdf-fss-nav-holder a {
color: #000;
}
.mkdf-dark-header .mkdf-full-screen-sections .mkdf-fss-nav-holder a:hover {
color: rgba(0, 0, 0, 0.7);
}
.mkdf-full-screen-sections .mkdf-fss-nav-holder a span {
display: block;
line-height: inherit;
}
.mkdf-full-screen-sections .mkdf-fss-nav-holder a span:before {
display: block;
line-height: inherit;
}
@media only screen and (max-width: 1024px) {
.mkdf-full-screen-sections .mkdf-fss-nav-holder {
bottom: 28px;
left: 37px;
}
}
/* ==========================================================================
Full Screen Sections shortcode style - end
========================================================================== */
/* ==========================================================================
Google Map shortcode style - begin
========================================================================== */
.mkdf-google-map-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-google-map-holder .mkdf-google-map-direction {
position: absolute;
top: 10px;
left: 10px;
padding: 0 8px;
font-size: 13px;
line-height: 24px;
color: #000;
background-color: #fff;
z-index: 999;
box-sizing: border-box;
}
.mkdf-google-map-holder .mkdf-google-map-direction:hover {
color: #000;
}
.mkdf-google-map-holder .mkdf-google-map {
display: block;
width: 100%;
height: 300px;
}
.mkdf-google-map-holder .mkdf-google-map iframe,
.mkdf-google-map-holder .mkdf-google-map object,
.mkdf-google-map-holder .mkdf-google-map embed {
width: 100%;
display: block;
}
.mkdf-google-map-holder .mkdf-google-map img {
max-width: none;
}
.mkdf-google-map-holder .mkdf-snazzy-map {
display: none;
}
.mkdf-google-map-holder .mkdf-google-map-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
}
/* ==========================================================================
Google Map shortcode style - end
========================================================================== */
/* ==========================================================================
Icon List Item shortcode style - begin
========================================================================== */
.mkdf-icon-list-holder {
position: relative;
display: table;
table-layout: fixed;
height: auto;
width: 100%;
margin-bottom: 8px;
}
.mkdf-icon-list-holder .mkdf-il-icon-holder,
.mkdf-icon-list-holder .mkdf-il-text {
position: relative;
display: table-cell;
vertical-align: top;
}
.mkdf-icon-list-holder .mkdf-il-icon-holder {
width: 1%;
}
.mkdf-icon-list-holder .mkdf-il-icon-holder > * {
position: relative;
display: inline-block;
vertical-align: top;
color: #000;
font-size: 17px;
line-height: inherit;
}
.mkdf-icon-list-holder .mkdf-il-icon-holder > *:before {
display: block;
line-height: inherit;
}
.mkdf-icon-list-holder .mkdf-il-text {
width: 99%;
padding: 0 0 0 13px;
box-sizing: border-box;
}
/* ==========================================================================
Icon List Item shortcode style - end
========================================================================== */
/* ==========================================================================
Icon With Text shortcode style - begin
========================================================================== */
.mkdf-iwt {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-iwt:hover .mkdf-iwt-title-text:after {
width: 100%;
}
.mkdf-iwt .mkdf-iwt-icon a {
position: relative;
display: inline-block;
vertical-align: middle;
}
.mkdf-iwt .mkdf-iwt-icon .mkdf-icon-shortcode {
line-height: 1;
}
.mkdf-iwt .mkdf-iwt-icon .mkdf-icon-shortcode.mkdf-circle, .mkdf-iwt .mkdf-iwt-icon .mkdf-icon-shortcode.mkdf-square, .mkdf-iwt .mkdf-iwt-icon .mkdf-icon-shortcode.mkdf-dropcaps.mkdf-circle {
line-height: 2;
}
.mkdf-iwt .mkdf-iwt-title {
margin: 0;
line-height: 1.2em;
}
.mkdf-iwt .mkdf-iwt-title a {
position: relative;
display: inline-block;
vertical-align: top;
}
.mkdf-iwt .mkdf-iwt-title-text {
position: relative;
}
.mkdf-iwt .mkdf-iwt-title-text:after {
width: 0;
height: 2px;
background: #000;
position: absolute;
bottom: -1px;
left: 0;
content: '';
transition: width 0.5s ease;
}
.mkdf-iwt .mkdf-iwt-text {
margin: 17px 0 0;
}
.mkdf-iwt.mkdf-iwt-icon-left {
width: auto;
}
.mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-icon,
.mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-content {
display: table-cell;
vertical-align: top;
}
.mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-icon {
position: relative;
top: 1px;
}
.mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-icon img {
max-width: none;
}
.mkdf-iwt.mkdf-iwt-icon-left .mkdf-iwt-content {
padding: 0 0 0 13px;
}
.mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-icon,
.mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-title-text {
position: relative;
display: table-cell;
vertical-align: middle;
}
.mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-icon .mkdf-icon-element {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-icon img {
max-width: none;
}
.mkdf-iwt.mkdf-iwt-icon-left-from-title .mkdf-iwt-title-text {
padding: 0 0 0 17px;
}
.mkdf-iwt.mkdf-iwt-icon-top {
text-align: left;
}
.mkdf-iwt.mkdf-iwt-icon-top .mkdf-iwt-content {
padding: 26px 0 0;
}
/* ==========================================================================
Icon With Text shortcode style - end
========================================================================== */
/* ==========================================================================
Icon shortcode style - begin
========================================================================== */
.mkdf-icon-shortcode {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 1.1em;
}
.mkdf-icon-shortcode.mkdf-circle, .mkdf-icon-shortcode.mkdf-square, .mkdf-icon-shortcode.mkdf-dropcaps.mkdf-circle {
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
background-color: #000;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.mkdf-icon-shortcode.mkdf-circle a, .mkdf-icon-shortcode.mkdf-square a, .mkdf-icon-shortcode.mkdf-dropcaps.mkdf-circle a {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
}
.mkdf-icon-shortcode.mkdf-circle .mkdf-icon-element, .mkdf-icon-shortcode.mkdf-square .mkdf-icon-element, .mkdf-icon-shortcode.mkdf-dropcaps.mkdf-circle .mkdf-icon-element {
color: #fff;
line-height: inherit;
}
.mkdf-icon-shortcode.mkdf-circle {
border-radius: 50%;
}
.mkdf-icon-shortcode .mkdf-icon-element {
display: block;
line-height: inherit;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.mkdf-icon-shortcode .mkdf-icon-element:before {
display: block;
line-height: inherit;
}
.mkdf-icon-animation-holder {
position: relative;
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
-webkit-transition: transform 0.15s ease-in-out;
-moz-transition: transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out;
}
.mkdf-icon-animation-holder.mkdf-icon-animation-show {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.mkdf-icon-tiny {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}
.mkdf-icon-small {
font-size: 2em;
}
.mkdf-icon-medium {
font-size: 3em;
}
.mkdf-icon-large {
font-size: 4em;
}
.mkdf-icon-huge {
font-size: 5em;
}
/* ==========================================================================
Icon shortcode style - end
========================================================================== */
/* ==========================================================================
Image Gallery shortcode style - begin
========================================================================== */
.mkdf-image-gallery {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Image Gallery Masonry Style - begin *****/
/***** Image Gallery Masonry Style - end *****/
/***** Custom Link Behavior Style - begin *****/
/***** Custom Link Behavior Style - end *****/
/***** Lightbox Behavior Style - begin *****/
/***** Lightbox Behavior Style - end *****/
/***** Zoom Behavior Style - begin *****/
/***** Zoom Behavior Style - end *****/
/***** Grayscale Behavior Style - begin *****/
/***** Grayscale Behavior Style - end *****/
}
.mkdf-image-gallery.mkdf-has-shadow .mkdf-ig-image-inner {
box-shadow: 0 0 5px 2.5px rgba(0, 0, 0, 0.3);
}
.mkdf-image-gallery.mkdf-has-shadow.mkdf-ig-slider-type .owl-stage-outer, .mkdf-image-gallery.mkdf-has-shadow.mkdf-ig-carousel-type .owl-stage-outer {
padding: 0 0 20px;
}
.mkdf-image-gallery.mkdf-has-shadow.mkdf-ig-slider-type .mkdf-ig-image, .mkdf-image-gallery.mkdf-has-shadow.mkdf-ig-carousel-type .mkdf-ig-image {
box-shadow: 0 0 5px 2.5px rgba(0, 0, 0, 0.3);
}
.mkdf-image-gallery .mkdf-ig-image a, .mkdf-image-gallery .mkdf-ig-image img {
position: relative;
display: block;
}
.mkdf-image-gallery .mkdf-ig-image-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-image-gallery .mkdf-ig-slider {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-image-gallery.mkdf-ig-masonry-type .mkdf-ig-image.mkdf-fixed-masonry-item .mkdf-ig-image-inner,
.mkdf-image-gallery.mkdf-ig-masonry-type .mkdf-ig-image.mkdf-fixed-masonry-item a {
height: 100%;
}
.mkdf-image-gallery.mkdf-image-behavior-custom-link .mkdf-ig-image a:hover:after {
opacity: 1;
}
.mkdf-image-gallery.mkdf-image-behavior-custom-link .mkdf-ig-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(0, 0, 0, 0.08);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.mkdf-image-gallery.mkdf-image-behavior-lightbox .mkdf-ig-image a:hover:after {
opacity: 1;
}
.mkdf-image-gallery.mkdf-image-behavior-lightbox .mkdf-ig-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(0, 0, 0, 0.08);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.touch .mkdf-image-gallery.mkdf-image-behavior-zoom .mkdf-ig-image {
cursor: pointer;
}
.mkdf-image-gallery.mkdf-image-behavior-zoom .mkdf-ig-image:hover img {
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
transform: scale(1.04);
}
.mkdf-image-gallery.mkdf-image-behavior-zoom .mkdf-ig-image .mkdf-ig-image-inner {
overflow: hidden;
}
.mkdf-image-gallery.mkdf-image-behavior-zoom .mkdf-ig-image img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mkdf-image-gallery.mkdf-image-behavior-grayscale .mkdf-ig-image {
overflow: hidden;
}
.touch .mkdf-image-gallery.mkdf-image-behavior-grayscale .mkdf-ig-image {
cursor: pointer;
}
.mkdf-image-gallery.mkdf-image-behavior-grayscale .mkdf-ig-image:hover img {
-webkit-filter: grayscale(0);
filter: none;
}
.mkdf-image-gallery.mkdf-image-behavior-grayscale .mkdf-ig-image img {
filter: url("img/desaturate.svg#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ==========================================================================
Image Gallery shortcode style - end
========================================================================== */
/* ==========================================================================
Image Tooltip shortcode style - begin
========================================================================== */
.mkdf-image-tooltip {
position: relative;
display: inline-block;
}
.mkdf-image-tooltip .mkdf-preload-image {
height: 0;
opacity: 0;
display: none;
width: 0;
}
.mkdf-image-tooltip:hover + .tooltip {
display: block;
top: 49px;
}
.mkdf-image-tooltip:hover + .tooltip img {
opacity: 1;
}
.mkdf-image-tooltip:after {
content: '';
display: block;
position: absolute;
bottom: 2px;
left: 0;
width: 96%;
height: 2px;
background: currentColor;
}
.tooltip {
position: absolute !important;
}
.tooltip img {
opacity: 0;
-webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* ==========================================================================
Image Tooltip shortcode style - end
========================================================================== */
/* ==========================================================================
Image With Text shortcode style - begin
========================================================================== */
.mkdf-image-with-text-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Custom Link Behavior Style - begin *****/
/***** Custom Link Behavior Style - end *****/
/***** Lightbox Behavior Style - begin *****/
/***** Lightbox Behavior Style - end *****/
/***** Zoom Behavior Style - begin *****/
/***** Zoom Behavior Style - end *****/
/***** Grayscale Behavior Style - begin *****/
/***** Grayscale Behavior Style - end *****/
}
.mkdf-image-with-text-holder:hover .mkdf-iwt-title {
background-size: 100% 100%;
color: #fff;
}
.mkdf-image-with-text-holder:hover .mkdf-iwt-text p {
background-size: 100% 100%;
color: #fff;
}
.mkdf-image-with-text-holder .mkdf-iwt-title {
position: relative;
display: inline-block;
margin: 0 0 33px;
padding: 3px;
background-repeat: no-repeat;
background-image: linear-gradient(transparent calc(-100%), #000 1px);
background-size: 0 100%;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mkdf-image-with-text-holder.mkdf-has-shadow .mkdf-iwt-image {
box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.08);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.mkdf-image-with-text-holder .mkdf-iwt-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-image-with-text-holder .mkdf-iwt-image a, .mkdf-image-with-text-holder .mkdf-iwt-image img {
position: relative;
display: block;
}
.mkdf-image-with-text-holder .mkdf-iwt-text-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-image-with-text-holder .mkdf-iwt-text {
margin: 0 0 4px;
font-style: italic;
}
.mkdf-image-with-text-holder .mkdf-iwt-text p {
margin: 0;
display: inline-block;
padding: 3px;
background-repeat: no-repeat;
background-image: linear-gradient(transparent calc(-100%), #000 1px);
background-size: 0 100%;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mkdf-image-with-text-holder.mkdf-image-behavior-custom-link .mkdf-iwt-image a:hover:after {
opacity: 1;
}
.mkdf-image-with-text-holder.mkdf-image-behavior-custom-link .mkdf-iwt-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(0, 0, 0, 0.18);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.mkdf-image-with-text-holder.mkdf-image-behavior-lightbox .mkdf-iwt-image a:hover:after {
opacity: 1;
}
.mkdf-image-with-text-holder.mkdf-image-behavior-lightbox .mkdf-iwt-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(0, 0, 0, 0.18);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.mkdf-image-with-text-holder.mkdf-image-behavior-zoom .mkdf-iwt-image {
overflow: hidden;
}
.touch .mkdf-image-with-text-holder.mkdf-image-behavior-zoom .mkdf-iwt-image {
cursor: pointer;
}
.mkdf-image-with-text-holder.mkdf-image-behavior-zoom .mkdf-iwt-image:hover img {
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
transform: scale(1.04);
}
.mkdf-image-with-text-holder.mkdf-image-behavior-zoom .mkdf-iwt-image img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mkdf-image-with-text-holder.mkdf-image-behavior-grayscale .mkdf-iwt-image {
overflow: hidden;
}
.touch .mkdf-image-with-text-holder.mkdf-image-behavior-grayscale .mkdf-iwt-image {
cursor: pointer;
}
.mkdf-image-with-text-holder.mkdf-image-behavior-grayscale .mkdf-iwt-image:hover img {
-webkit-filter: grayscale(0);
filter: none;
}
.mkdf-image-with-text-holder.mkdf-image-behavior-grayscale .mkdf-iwt-image img {
filter: url("img/desaturate.svg#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ==========================================================================
Image With Text shortcode style - end
========================================================================== */
/* ==========================================================================
Pie Chart shortcode style - begin
========================================================================== */
.mkdf-pie-chart-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.mkdf-pie-chart-holder .mkdf-pc-percentage {
position: relative;
display: block;
height: 176px;
width: 176px;
line-height: 176px;
text-align: center;
margin: 0 auto;
}
.mkdf-pie-chart-holder .mkdf-pc-percentage canvas {
position: absolute;
top: 0;
left: 0;
}
.mkdf-pie-chart-holder .mkdf-pc-percentage .mkdf-pc-percent {
position: relative;
display: inline-block;
vertical-align: middle;
color: #000;
font-size: 45px;
line-height: inherit;
font-weight: 400;
}
.mkdf-pie-chart-holder .mkdf-pc-percentage .mkdf-pc-percent:after {
position: relative;
content: '%';
font-size: 45px;
}
.mkdf-pie-chart-holder .mkdf-pc-text-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
margin: 45px 0 0;
}
.mkdf-pie-chart-holder .mkdf-pc-text-holder .mkdf-pc-title {
margin: 0;
letter-spacing: 0.02em;
}
.mkdf-pie-chart-holder .mkdf-pc-text-holder .mkdf-pc-text {
margin: 20px 0 0;
}
/* ==========================================================================
Pie Chart shortcode style - end
========================================================================== */
/* ==========================================================================
Pricing Tables shortcode style - begin
========================================================================== */
.mkdf-pricing-tables {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-price-table .mkdf-pt-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
background-color: #fff;
border: 1px solid #c9c9c9;
}
.mkdf-price-table .mkdf-pt-inner ul {
list-style: none;
margin: 0;
padding: 0;
}
.mkdf-price-table .mkdf-pt-inner ul li {
margin: 0;
padding: 10px 30px;
text-align: center;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-title-holder {
position: relative;
color: #000;
font-weight: 300;
letter-spacing: 1px;
font-style: italic;
font-size: 17px;
font-family: "Heebo", sans-serif;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-title-holder .mkdf-pt-title {
display: block;
padding: 37px 0 17px;
box-sizing: border-box;
letter-spacing: 0;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices {
position: relative;
padding: 0px 15px 0;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices .mkdf-pt-value {
position: relative;
font-size: 24px;
line-height: 1em;
font-weight: 400;
font-size: 60px;
color: #000;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices .mkdf-pt-price {
position: relative;
display: inline-block;
left: -5px;
line-height: 1em;
font-weight: 400;
font-size: 60px;
color: #000;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices .mkdf-pt-mark {
position: relative;
display: block;
margin: 1px 0 0;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-prices:after {
content: '';
width: 35%;
height: 3px;
display: inline-block;
background: #000;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-content {
padding: 40px 15px;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-button {
padding: 18px 15px 50px;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-button a {
padding: 17px 50px;
}
.mkdf-price-table .mkdf-pt-inner ul li.mkdf-pt-button a:after {
font-family: ElegantIcons;
content: "\26";
font-size: 14px;
margin-left: 14px;
}
.mkdf-price-table .mkdf-pt-inner .mkdf-pt-plus {
display: none;
}
.mkdf-price-table.mkdf-pt-active-item .mkdf-pt-inner {
border: 1px solid #0f0f0f;
}
.mkdf-price-table.mkdf-pt-active-item .mkdf-pt-inner .mkdf-pt-plus {
display: inline;
position: absolute;
line-height: 1em;
}
.mkdf-price-table.mkdf-pt-active-item .mkdf-pt-inner .mkdf-pt-plus.first {
left: 8px;
top: 5px;
}
.mkdf-price-table.mkdf-pt-active-item .mkdf-pt-inner .mkdf-pt-plus.second {
right: 8px;
top: 5px;
}
.mkdf-price-table.mkdf-pt-active-item .mkdf-pt-inner .mkdf-pt-plus.third {
right: 8px;
bottom: 5px;
}
.mkdf-price-table.mkdf-pt-active-item .mkdf-pt-inner .mkdf-pt-plus.fourth {
left: 8px;
bottom: 5px;
}
/* ==========================================================================
Pricing Tables shortcode style - end
========================================================================== */
/* ==========================================================================
Process shortcode style - begin
========================================================================== */
.mkdf-process-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-process-holder.mkdf-two-columns .mkdf-mark-horizontal-holder .mkdf-process-mark {
width: 50%;
}
.mkdf-process-holder.mkdf-two-columns .mkdf-mark-vertical-holder .mkdf-process-mark {
height: 50%;
}
.mkdf-process-holder.mkdf-two-columns .mkdf-process-item {
width: 50%;
}
.mkdf-process-holder.mkdf-three-columns .mkdf-mark-horizontal-holder .mkdf-process-mark {
width: 33.33333%;
}
.mkdf-process-holder.mkdf-three-columns .mkdf-mark-vertical-holder .mkdf-process-mark {
height: 33.33333%;
}
.mkdf-process-holder.mkdf-three-columns .mkdf-process-item {
width: 33.33333%;
}
.mkdf-process-holder.mkdf-four-columns .mkdf-mark-horizontal-holder .mkdf-process-mark {
width: 25%;
}
.mkdf-process-holder.mkdf-four-columns .mkdf-mark-vertical-holder .mkdf-process-mark {
height: 25%;
}
.mkdf-process-holder.mkdf-four-columns .mkdf-process-item {
width: 25%;
}
.mkdf-process-holder.mkdf-process-appeared .mkdf-process-circle {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.mkdf-process-holder.mkdf-process-appeared .mkdf-mark-horizontal-holder .mkdf-process-line {
width: 100%;
}
.mkdf-process-holder.mkdf-process-appeared .mkdf-mark-vertical-holder .mkdf-process-line {
height: 100%;
}
.mkdf-process-holder.mkdf-process-appeared .mkdf-process-item {
opacity: 1;
}
.mkdf-process-holder .mkdf-mark-horizontal-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
clear: both;
}
.mkdf-process-holder .mkdf-mark-horizontal-holder .mkdf-process-mark {
float: left;
}
.mkdf-process-holder .mkdf-mark-horizontal-holder .mkdf-process-line {
top: 50%;
left: 50%;
width: 0;
height: 1px;
-webkit-transition: width 0.4s ease 0.1s;
-moz-transition: width 0.4s ease 0.1s;
transition: width 0.4s ease 0.1s;
}
.mkdf-process-holder .mkdf-mark-vertical-holder {
position: absolute;
top: 26px;
left: 0;
display: none;
width: 46px;
height: 100%;
}
.mkdf-process-holder .mkdf-mark-vertical-holder .mkdf-process-line {
top: 23px;
left: 50%;
width: 1px;
height: 0;
-webkit-transition: height 0.4s ease 0.1s;
-moz-transition: height 0.4s ease 0.1s;
transition: height 0.4s ease 0.1s;
}
.mkdf-process-holder .mkdf-process-mark {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
}
.mkdf-process-holder .mkdf-process-mark:last-child .mkdf-process-line {
display: none;
}
.mkdf-process-holder .mkdf-process-mark:nth-child(2) .mkdf-process-circle {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.mkdf-process-holder .mkdf-process-mark:nth-child(2) .mkdf-process-line {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.mkdf-process-holder .mkdf-process-mark:nth-child(3) .mkdf-process-circle {
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}
.mkdf-process-holder .mkdf-process-mark:nth-child(3) .mkdf-process-line {
-webkit-transition-delay: 1.2s;
-moz-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.mkdf-process-holder .mkdf-process-mark:nth-child(4) .mkdf-process-circle {
-webkit-transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.mkdf-process-holder .mkdf-process-mark:nth-child(4) .mkdf-process-line {
-webkit-transition-delay: 1.8s;
-moz-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.mkdf-process-holder .mkdf-process-circle {
position: relative;
display: inline-block;
vertical-align: top;
width: 46px;
height: 46px;
font-size: 18px;
line-height: 46px;
font-weight: 700;
color: #fff;
background-color: #000;
border-radius: 100%;
opacity: 0;
-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
-moz-transition: opacity .2s ease, -moz-transform .3s ease;
transition: opacity .2s ease, transform .3s ease;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
}
.mkdf-process-holder .mkdf-process-line {
position: absolute;
background-color: #000;
}
.mkdf-process-holder .mkdf-process-inner {
margin: 0 -15px;
}
.mkdf-process-holder .mkdf-process-item {
position: relative;
display: inline-block;
vertical-align: top;
float: left;
padding: 0 15px;
opacity: 0;
text-align: center;
box-sizing: border-box;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.mkdf-process-holder .mkdf-process-item:nth-child(2) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.mkdf-process-holder .mkdf-process-item:nth-child(3) {
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
transition-delay: 1s;
}
.mkdf-process-holder .mkdf-process-item:nth-child(4) {
-webkit-transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.mkdf-process-holder .mkdf-pi-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 26px 0 10px;
}
.mkdf-process-holder .mkdf-pi-title {
margin: 0;
}
.mkdf-process-holder .mkdf-pi-text {
margin: 11px 0 0;
}
/* ==========================================================================
Process shortcode style - end
========================================================================== */
/* ==========================================================================
Progress Bar shortcode style - begin
========================================================================== */
.mkdf-progress-bar {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-progress-bar.mkdf-pb-percent-floating {
width: 100%;
height: 100%;
}
.mkdf-progress-bar.mkdf-pb-percent-floating .mkdf-pb-percent {
position: absolute;
left: 0;
right: auto;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.mkdf-progress-bar .mkdf-pb-title-holder {
position: relative;
margin: 10px 0 4px;
}
.mkdf-progress-bar .mkdf-pb-title-holder .mkdf-pb-title {
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 100;
}
.mkdf-progress-bar .mkdf-pb-percent {
position: absolute;
right: 0;
bottom: 1px;
width: auto;
display: inline-block;
vertical-align: middle;
opacity: 0;
z-index: 10;
}
.mkdf-progress-bar .mkdf-pb-percent:after {
content: '%';
}
.mkdf-progress-bar .mkdf-pb-content-holder {
position: relative;
height: 3px;
overflow: hidden;
background-color: #ebebeb;
}
.mkdf-progress-bar .mkdf-pb-content-holder .mkdf-pb-content {
height: 3px;
max-width: 100%;
overflow: hidden;
background-color: #000;
}
/* ==========================================================================
Progress Bar shortcode style - end
========================================================================== */
/* ==========================================================================
Section Title shortcode styles - begin
========================================================================== */
.mkdf-section-title-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
box-sizing: border-box;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-tiny-space .mkdf-st-inner {
margin: 0 -5px;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-tiny-space .mkdf-st-title,
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-tiny-space .mkdf-st-text {
padding: 0 5px;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-small-space .mkdf-st-inner {
margin: 0 -10px;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-small-space .mkdf-st-title,
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-small-space .mkdf-st-text {
padding: 0 10px;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-normal-space .mkdf-st-inner {
margin: 0 -15px;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-normal-space .mkdf-st-title,
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-normal-space .mkdf-st-text {
padding: 0 15px;
}
.mkdf-section-title-holder.mkdf-st-two-columns .mkdf-st-title,
.mkdf-section-title-holder.mkdf-st-two-columns .mkdf-st-text {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%;
float: left;
margin: 0;
box-sizing: border-box;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-title-left .mkdf-st-title {
text-align: right;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-title-left .mkdf-st-text {
text-align: left;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-title-right .mkdf-st-title {
float: right;
text-align: left;
}
.mkdf-section-title-holder.mkdf-st-two-columns.mkdf-st-title-right .mkdf-st-text {
text-align: right;
}
.mkdf-section-title-holder .mkdf-st-title {
display: block;
margin: 0;
}
.mkdf-section-title-holder .mkdf-st-title .mkdf-st-title-bold {
font-weight: 700;
}
.mkdf-section-title-holder .mkdf-st-title .mkdf-st-title-light {
font-weight: 300;
}
.mkdf-section-title-holder .mkdf-st-text {
display: block;
margin: 14px 0 0;
}
/* ==========================================================================
Section Title shortcode styles - end
========================================================================== */
/* ==========================================================================
Separator shortcode style - begin
========================================================================== */
.mkdf-separator-holder {
position: relative;
height: auto;
font-size: 0;
line-height: 1em;
}
.mkdf-separator-holder .mkdf-separator {
display: inline-block;
}
.mkdf-separator-holder.mkdf-separator-center {
text-align: center;
}
.mkdf-separator-holder.mkdf-separator-left {
text-align: left;
}
.mkdf-separator-holder.mkdf-separator-right {
text-align: right;
}
.mkdf-separator-holder.mkdf-separator-full-width .mkdf-separator {
width: 100% !important;
}
.mkdf-single-image-holder .mkdf-separator {
position: relative;
display: inline-block;
vertical-align: middle;
border-bottom: 1px solid #000;
margin: 10px 0;
}
/* ==========================================================================
Separator shortcode style - end
========================================================================== */
/* ==========================================================================
Single Image shortcode style - begin
========================================================================== */
.mkdf-single-image-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
border: 0;
/***** Custom Link Behavior Style - begin *****/
/***** Custom Link Behavior Style - end *****/
/***** Lightbox Behavior Style - begin *****/
/***** Lightbox Behavior Style - end *****/
/***** Zoom Behavior Style - begin *****/
/***** Zoom Behavior Style - end *****/
/***** Grayscale Behavior Style - begin *****/
/***** Grayscale Behavior Style - end *****/
/***** Moving Behavior Style - begin *****/
/***** Moving Behavior Style - end *****/
}
.mkdf-single-image-holder.mkdf-has-shadow .mkdf-si-inner {
box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.08);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.mkdf-single-image-holder .mkdf-si-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-single-image-holder .mkdf-si-inner a, .mkdf-single-image-holder .mkdf-si-inner img {
position: relative;
display: block;
}
.mkdf-single-image-holder.mkdf-image-behavior-custom-link .mkdf-si-inner a:hover:after {
opacity: 1;
}
.mkdf-single-image-holder.mkdf-image-behavior-custom-link .mkdf-si-inner a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(0, 0, 0, 0.18);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.mkdf-single-image-holder.mkdf-image-behavior-lightbox .mkdf-si-inner a:hover:after {
opacity: 1;
}
.mkdf-single-image-holder.mkdf-image-behavior-lightbox .mkdf-si-inner a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(0, 0, 0, 0.18);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.mkdf-single-image-holder.mkdf-image-behavior-zoom .mkdf-si-inner {
overflow: hidden;
}
.touch .mkdf-single-image-holder.mkdf-image-behavior-zoom .mkdf-si-inner {
cursor: pointer;
}
.mkdf-single-image-holder.mkdf-image-behavior-zoom .mkdf-si-inner:hover img {
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
transform: scale(1.04);
}
.mkdf-single-image-holder.mkdf-image-behavior-zoom .mkdf-si-inner img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mkdf-single-image-holder.mkdf-image-behavior-grayscale .mkdf-si-inner {
overflow: hidden;
}
.touch .mkdf-single-image-holder.mkdf-image-behavior-grayscale .mkdf-si-inner {
cursor: pointer;
}
.mkdf-single-image-holder.mkdf-image-behavior-grayscale .mkdf-si-inner:hover img {
-webkit-filter: grayscale(0);
filter: none;
}
.mkdf-single-image-holder.mkdf-image-behavior-grayscale .mkdf-si-inner img {
filter: url("img/desaturate.svg#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mkdf-single-image-holder.mkdf-image-behavior-moving .mkdf-si-inner {
overflow: hidden;
padding: 10% 0;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 120%;
-webkit-transition: background 0.7s ease-out;
-moz-transition: background 0.7s ease-out;
transition: background 0.7s ease-out;
}
.mkdf-single-image-holder.mkdf-image-behavior-moving .mkdf-si-inner:hover {
background-position: 90% center;
}
.touch .mkdf-single-image-holder.mkdf-image-behavior-moving .mkdf-si-inner {
cursor: pointer;
}
.mkdf-single-image-holder.mkdf-image-behavior-moving .mkdf-si-inner img {
z-index: -1;
max-width: 80%;
}
@media only screen and (max-width: 1024px) {
.mkdf-single-image-holder.mkdf-image-behavior-moving .mkdf-si-inner {
padding: 0;
background: none;
}
.mkdf-single-image-holder.mkdf-image-behavior-moving .mkdf-si-inner img {
z-index: inherit;
max-width: 100%;
}
}
/* ==========================================================================
Single Image shortcode style - end
========================================================================== */
/* ==========================================================================
Social Share shortcode style - begin
========================================================================== */
.mkdf-social-share-holder {
position: relative;
display: inline-block;
vertical-align: top;
}
.mkdf-social-share-holder .mkdf-social-title {
position: relative;
display: inline;
vertical-align: top;
margin-right: 13px;
}
.mkdf-social-share-holder ul {
position: relative;
display: inline-block;
vertical-align: top;
list-style: none;
padding: 0;
margin: 0;
}
.mkdf-social-share-holder li {
position: relative;
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
}
.mkdf-social-share-holder li a {
font-size: 18px;
}
.mkdf-social-share-holder.mkdf-list li {
margin-right: 27px;
margin-top: 2px;
}
.mkdf-social-share-holder.mkdf-list li:last-child {
margin-right: 0;
}
.mkdf-social-share-holder.mkdf-text li {
margin-right: 13px;
}
.mkdf-social-share-holder.mkdf-text li:last-child {
margin-right: 0;
}
.mkdf-social-share-holder.mkdf-dropdown {
position: relative;
display: inline-block;
vertical-align: bottom;
}
.mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li {
opacity: 1;
visibility: visible;
cursor: pointer;
/* opacity and visibility need to be different, but not background-color */
}
.mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li:nth-child(2) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li:nth-child(3) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li:nth-child(4) {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li:nth-child(5) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li:nth-child(6) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.mkdf-social-share-holder.mkdf-dropdown:hover .mkdf-social-share-dropdown ul li:nth-child(7) {
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener {
display: block;
}
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown-opener .mkdf-social-share-title {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown {
position: absolute;
visibility: hidden;
z-index: 950;
}
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown ul {
position: relative;
display: block;
z-index: 990;
margin: 0;
padding: 0 !important;
}
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown li {
position: absolute;
display: block;
text-align: center;
visibility: hidden;
overflow: hidden;
opacity: 0;
box-sizing: border-box;
-webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown li a {
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.mkdf-social-share-holder.mkdf-dropdown .mkdf-social-share-dropdown li * {
display: block;
line-height: inherit;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown {
bottom: 0;
left: 0;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li {
width: 90px;
height: 30px;
line-height: 30px;
border: 1px solid #c2c2c2;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li:not(:first-child) {
border-top: none;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li.mkdf-facebook-share a:hover {
background-color: #3b5998;
color: #fff;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li.mkdf-twitter-share a:hover {
background-color: #00aced;
color: #fff;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li.mkdf-google_plus-share a:hover {
background-color: #dd4b39;
color: #fff;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li.mkdf-linkedin-share a:hover {
background-color: #007bb5;
color: #fff;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li.mkdf-tumblr-share a:hover {
background-color: #32506d;
color: #fff;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li.mkdf-pinterest-share a:hover {
background-color: #cb2027;
color: #fff;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li.mkdf-vk-share a:hover {
background-color: #45668e;
color: #fff;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li a {
font-size: 12px;
color: #000;
background-color: #fff;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li:nth-child(1) {
bottom: -30px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li:nth-child(2) {
bottom: -60px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li:nth-child(3) {
bottom: -90px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li:nth-child(4) {
bottom: -120px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li:nth-child(5) {
bottom: -150px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li:nth-child(6) {
bottom: -180px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-bottom .mkdf-social-share-dropdown li:nth-child(7) {
bottom: -210px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown {
top: 0;
right: 0;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown li {
width: calc(90px / 3);
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown li:nth-child(1) {
left: 5px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown li:nth-child(2) {
left: 35px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown li:nth-child(3) {
left: 65px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown li:nth-child(4) {
left: 95px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown li:nth-child(5) {
left: 125px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown li:nth-child(6) {
left: 155px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-right .mkdf-social-share-dropdown li:nth-child(7) {
left: 185px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown {
top: 0;
left: 0;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown li {
width: calc(90px / 3);
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown li:nth-child(1) {
right: 5px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown li:nth-child(2) {
right: 35px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown li:nth-child(3) {
right: 65px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown li:nth-child(4) {
right: 95px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown li:nth-child(5) {
right: 125px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown li:nth-child(6) {
right: 155px;
}
.mkdf-social-share-holder.mkdf-dropdown.mkdf-left .mkdf-social-share-dropdown li:nth-child(7) {
right: 185px;
}
/* ==========================================================================
Social Share shortcode style - end
========================================================================== */
/* ==========================================================================
Tabs shortcode style - begin
========================================================================== */
.mkdf-tabs {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-tabs .mkdf-tabs-nav {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0;
padding: 0;
list-style: none;
}
.mkdf-tabs .mkdf-tabs-nav li {
float: left;
margin: 0;
padding: 0;
}
.mkdf-tabs .mkdf-tabs-nav li a {
position: relative;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
.mkdf-tabs .mkdf-tab-container {
box-sizing: border-box;
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-tabs .mkdf-tab-container p {
margin: 0;
}
.mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li a {
padding: 10px 25px;
font-size: 17px;
line-height: 25px;
font-weight: 400;
letter-spacing: 1px;
color: #000;
border-bottom: 1px solid #000;
}
.mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li.ui-state-active a,
.mkdf-tabs.mkdf-tabs-standard .mkdf-tabs-nav li.ui-state-hover a {
color: #fff;
background-color: #000;
border-bottom: 1px solid #000;
}
.mkdf-tabs.mkdf-tabs-standard .mkdf-tab-container {
margin: 25px 0 0;
}
.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li {
margin: 0 12px 0 0;
}
.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li a {
padding: 10px 25px;
font-size: 17px;
line-height: 25px;
font-weight: 400;
letter-spacing: 1px;
color: #000;
background-color: #fff;
border: 1px solid #000;
}
.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li.ui-state-active a,
.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li.ui-state-hover a {
color: #fff;
background-color: #000;
border: 1px solid #000;
}
.mkdf-tabs.mkdf-tabs-boxed .mkdf-tabs-nav li:last-child {
margin: 0;
}
.mkdf-tabs.mkdf-tabs-boxed .mkdf-tab-container {
margin: 25px 0 0;
}
.mkdf-tabs.mkdf-tabs-simple .mkdf-tabs-nav li {
margin: 0 31px 0 0;
}
.mkdf-tabs.mkdf-tabs-simple .mkdf-tabs-nav li a {
padding: 3px 0;
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #000;
}
.mkdf-tabs.mkdf-tabs-simple .mkdf-tabs-nav li.ui-state-active a,
.mkdf-tabs.mkdf-tabs-simple .mkdf-tabs-nav li.ui-state-hover a {
color: #000;
border-bottom: 1px solid #000;
}
.mkdf-tabs.mkdf-tabs-simple .mkdf-tabs-nav li:last-child {
margin: 0;
}
.mkdf-tabs.mkdf-tabs-simple .mkdf-tab-container {
padding: 31px 0;
}
.mkdf-tabs.mkdf-tabs-vertical {
display: table;
}
.mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav {
display: table-cell;
vertical-align: top;
width: 140px;
height: 100%;
border-right: 1px solid #000;
box-sizing: border-box;
}
.mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li {
display: block;
float: none;
padding: 12px 0;
text-align: center;
}
.mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li a {
font-size: 17px;
line-height: 26px;
font-weight: 400;
color: #000;
display: block;
}
.mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li.ui-state-active, .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li.ui-state-hover {
background-color: #000;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li.ui-state-active a, .mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li.ui-state-hover a {
color: #fff;
}
.mkdf-tabs.mkdf-tabs-vertical .mkdf-tabs-nav li:last-child {
margin: 0;
}
.mkdf-tabs.mkdf-tabs-vertical .mkdf-tab-container {
display: table-cell;
vertical-align: top;
width: calc(100% - 140px);
height: 100%;
padding: 0 0 0 45px;
box-sizing: border-box;
}
.ui-widget-content {
padding: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
background: none;
border: 0;
border-radius: 0;
}
.ui-widget-content .ui-widget-header {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: initial;
background: none;
border: 0;
border-radius: 0;
}
.ui-widget-content .ui-tabs-nav li {
position: initial;
font-weight: inherit;
color: inherit;
background: initial;
border: 0;
border-radius: 0;
}
.ui-widget-content .ui-widget-content {
color: inherit;
background: none;
border: 0;
border-radius: 0;
}
/* ==========================================================================
Tabs shortcode style - end
========================================================================== */
/* ==========================================================================
# Team carousel - begin
========================================================================== */
@media only screen and (max-width: 680px) {
.mkdf-team-carousel-holder .mkdf-owl-slider .owl-nav {
display: none;
}
}
.mkdf-team-carousel-holder .mkdf-owl-slider .owl-nav .owl-prev {
left: -50px;
}
.mkdf-team-carousel-holder .mkdf-owl-slider .owl-nav .owl-next {
right: -50px;
}
/* ==========================================================================
# Team carousel - end
========================================================================== */
/* ==========================================================================
Team shortcode style - begin
========================================================================== */
.mkdf-team-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.touch .mkdf-team-holder.mkdf-team-info-on-image {
cursor: pointer;
}
.mkdf-team-holder.mkdf-team-info-on-image:hover .mkdf-team-social-wrapper {
opacity: 1;
}
.mkdf-team-holder.mkdf-team-info-on-image:hover .mkdf-team-social-inner {
-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16), opacity 0.5s;
-moz-transition: -moz-transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16), opacity 0.5s;
transition: transform 0.45s cubic-bezier(0.64, 0.01, 0.15, 1.16), opacity 0.5s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mkdf-team-holder.mkdf-team-info-on-image .mkdf-team-social-holder {
margin: 7px 0 0;
}
.mkdf-team-holder.mkdf-team-grayscale-image .mkdf-team-image img:hover {
-webkit-filter: grayscale(100%);
/* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.mkdf-team-holder .mkdf-team-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-team-holder .mkdf-team-image img {
display: block;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.mkdf-team-holder .mkdf-team-info {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 26px 0 0;
}
.mkdf-team-holder .mkdf-team-name {
margin: 6px 0 0;
}
.mkdf-team-holder .mkdf-team-position {
margin: 5px 0 0 0;
}
.mkdf-team-holder .mkdf-team-text {
margin: 10px 0 0;
}
.mkdf-team-holder .mkdf-team-social-wrapper {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.85);
z-index: 1;
opacity: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.mkdf-team-holder .mkdf-team-social-outer {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.mkdf-team-holder .mkdf-team-social-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
padding: 20px 40px 33px;
vertical-align: bottom;
-webkit-transition: -webkit-transform 0.2s ease;
-moz-transition: -moz-transform 0.2s ease;
transition: transform 0.2s ease;
-webkit-transform: translate3d(0, 40px, 0);
-moz-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.mkdf-team-holder .mkdf-team-social-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 13px 0 0;
}
.mkdf-team-holder .mkdf-team-social-holder .mkdf-team-icon {
font-size: 15px;
margin: 0 14px 0 0;
}
.mkdf-team-holder .mkdf-team-social-holder .mkdf-team-icon:hover a {
color: #cabd31;
}
.mkdf-team-holder .mkdf-team-social-holder .mkdf-team-icon .mkdf-icon-element {
font-size: inherit;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/* ==========================================================================
Team shortcode style - end
========================================================================== */
/* ==========================================================================
Text Marquee shortcode style - begin
========================================================================== */
.mkdf-text-marquee {
position: relative;
white-space: nowrap;
color: #000;
font-size: 60px;
line-height: 1.2em;
font-weight: 400;
overflow: hidden;
}
.mkdf-text-marquee .mkdf-marquee-element {
position: relative;
display: inline-block;
vertical-align: top;
padding: 0 25px;
box-sizing: border-box;
}
.mkdf-text-marquee .mkdf-marquee-element.mkdf-aux-text {
position: absolute;
top: 0;
left: 0;
}
/* ==========================================================================
Text Marquee shortcode style - end
========================================================================== */
/* ==========================================================================
Vertical Split Slider shortcode style - begin
========================================================================== */
.mkdf-vss-initialized .mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner {
padding: 0;
}
.mkdf-vss-initialized .mkdf-content .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner {
padding: 0;
}
.mkdf-vertical-split-slider {
position: relative;
opacity: 0;
margin: 0 -2px;
overflow: hidden;
}
.mkdf-vertical-split-slider .mkdf-vss-ms-left,
.mkdf-vertical-split-slider .mkdf-vss-ms-right {
position: absolute;
width: 50%;
height: 100%;
box-sizing: border-box;
}
.mkdf-vertical-split-slider .mkdf-vss-ms-left {
top: 0;
left: 0;
}
.mkdf-vertical-split-slider .mkdf-vss-ms-left .mkdf-vss-ms-section {
background-position: 100% center;
background-size: cover;
}
.mkdf-vertical-split-slider .mkdf-vss-ms-right {
top: 10000px;
right: 0;
}
.mkdf-vertical-split-slider .mkdf-vss-ms-right .mkdf-vss-ms-section {
background-position: 0 center;
background-size: cover;
}
.mkdf-vertical-split-slider .mkdf-vss-ms-section.ms-table {
display: table;
width: 100%;
table-layout: fixed;
box-sizing: border-box;
}
.mkdf-vertical-split-slider .mkdf-vss-ms-section .ms-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
box-sizing: border-box;
-webkit-transition: padding 0.45s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: padding 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transition: padding 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.mkdf-vertical-split-slider .mkdf-vss-ms-section .ms-easing {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.mkdf-vertical-split-slider.mkdf-vss-scrolled .mkdf-vss-ms-left .mkdf-vss-ms-section .ms-tableCell {
padding: 7.5rem 0 7.5rem 7.5rem;
}
.mkdf-vertical-split-slider.mkdf-vss-scrolled .mkdf-vss-ms-right .mkdf-vss-ms-section .ms-tableCell {
padding: 7.5rem 7.5rem 7.5rem 0;
}
.mkdf-vertical-split-slider.mkdf-vss-scrolled .mkdf-vss-horizontal-mask:before, .mkdf-vertical-split-slider.mkdf-vss-scrolled .mkdf-vss-horizontal-mask:after {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
.mkdf-vertical-split-slider.mkdf-vss-scrolled .mkdf-vss-vertical-mask:before, .mkdf-vertical-split-slider.mkdf-vss-scrolled .mkdf-vss-vertical-mask:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
.mkdf-vertical-split-slider .mkdf-vss-horizontal-mask:before, .mkdf-vertical-split-slider .mkdf-vss-horizontal-mask:after {
content: '';
position: absolute;
left: 0;
right: 0;
background-color: #fff;
height: 7.5rem;
z-index: 500;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: -moz-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.mkdf-vertical-split-slider .mkdf-vss-horizontal-mask:before {
top: 0;
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
.mkdf-vertical-split-slider .mkdf-vss-horizontal-mask:after {
bottom: 0;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.mkdf-vertical-split-slider .mkdf-vss-vertical-mask:before, .mkdf-vertical-split-slider .mkdf-vss-vertical-mask:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
background-color: #fff;
width: 7.5rem;
z-index: 500;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: -moz-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.mkdf-vertical-split-slider .mkdf-vss-vertical-mask:before {
left: 0;
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
}
.mkdf-vertical-split-slider .mkdf-vss-vertical-mask:after {
right: 0;
-webkit-transform-origin: center right;
-ms-transform-origin: center right;
transform-origin: center right;
}
.mkdf-vss-responsive {
display: none;
}
.mkdf-vss-responsive .mkdf-vss-ms-section {
background-position: center;
background-size: cover;
}
#multiscroll-nav {
position: fixed;
top: 50%;
right: 64px;
margin-top: -10px;
opacity: 1;
z-index: 1000;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.mkdf-fullscreen-menu-opened #multiscroll-nav {
z-index: -1;
}
#multiscroll-nav ul {
margin: 0;
padding: 0;
}
#multiscroll-nav ul li {
position: relative;
display: block;
margin: 12px 3px;
overflow: hidden;
}
#multiscroll-nav ul li a {
position: relative;
display: block;
width: 12px;
height: 12px;
margin: 0 auto;
background-color: transparent;
border: 2px solid rgba(0, 0, 0, 0.5);
border-radius: 3em;
z-index: 1;
box-sizing: border-box;
}
#multiscroll-nav ul li a.active {
background-color: #000;
border-color: #000;
}
.mkdf-light-header #multiscroll-nav ul li a {
border-color: #fff;
}
.mkdf-light-header #multiscroll-nav ul li a.active {
background-color: #fff;
}
.mkdf-dark-header #multiscroll-nav ul li a {
border-color: #000;
}
.mkdf-dark-header #multiscroll-nav ul li a.active {
background-color: #000;
}
#multiscroll-nav ul li a span {
display: block;
}
/* ==========================================================================
Vertical Split Slider shortcode style - end
========================================================================== */
/* ==========================================================================
Video Button shortcode start styles
========================================================================== */
.mkdf-video-button-holder {
position: relative;
display: inline-block;
vertical-align: middle;
}
.mkdf-video-button-holder:hover .mkdf-video-button-play {
animation: mkdf-video-animation .5s;
}
@keyframes mkdf-video-animation {
0% {
left: 0;
}
50% {
left: 10px;
}
100% {
left: 0;
}
}
.mkdf-video-button-holder.mkdf-vb-has-img .mkdf-video-button-play,
.mkdf-video-button-holder.mkdf-vb-has-img .mkdf-video-button-play-image {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.mkdf-video-button-holder.mkdf-vb-has-img .mkdf-video-button-play .mkdf-video-button-play-inner,
.mkdf-video-button-holder.mkdf-vb-has-img .mkdf-video-button-play-image .mkdf-video-button-play-inner {
position: relative;
top: 50%;
left: 0;
display: block;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.mkdf-video-button-holder .mkdf-video-button-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.mkdf-video-button-holder .mkdf-video-button-image img {
display: block;
}
.mkdf-video-button-holder .mkdf-video-button-play,
.mkdf-video-button-holder .mkdf-video-button-play-image {
position: relative;
display: inline-block;
vertical-align: top;
z-index: 1;
}
.mkdf-video-button-holder .mkdf-video-button-play {
color: #000;
font-size: 40px;
line-height: 1;
}
.mkdf-video-button-holder .mkdf-video-button-play span {
display: block;
line-height: inherit;
}
.mkdf-video-button-holder .mkdf-video-button-play span:before {
display: block;
line-height: inherit;
}
.mkdf-video-button-holder .mkdf-video-button-play-image.mkdf-vb-has-hover-image:hover img:first-child {
opacity: 0;
}
.mkdf-video-button-holder .mkdf-video-button-play-image.mkdf-vb-has-hover-image:hover img:nth-child(2) {
opacity: 1;
}
.mkdf-video-button-holder .mkdf-video-button-play-image img {
display: block;
margin: 0 auto;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.mkdf-video-button-holder .mkdf-video-button-play-image img:first-child {
position: relative;
opacity: 1;
}
.mkdf-video-button-holder .mkdf-video-button-play-image img:nth-child(2) {
position: absolute;
top: 0;
left: 50%;
opacity: 0;
-webkit-transform: translateX(-50%) translateZ(0);
-moz-transform: translateX(-50%) translateZ(0);
transform: translateX(-50%) translateZ(0);
}
.rev_slider_wrapper .mkdf-video-button-holder .mkdf-video-button-play-image img:nth-child(2) {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
/* ==========================================================================
Video Button shortcode end styles
========================================================================== */
/*# sourceMappingURL=../../../../plugins/quart-core/assets/css/shortcodes-map.css.map */
