/* General Styles */
/* * RESET CSS */
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
position: relative;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
.google_map img {
max-width: none !important;
}
.theme-content img,
#mk-sidebar img,
#mk-footer img,
.mk-page-section img,
.mk-edge-slider img {
max-width: 100%;
width: auto\9;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
margin: 0;
vertical-align: middle;
font-size: 100%;
}
button,
input {
line-height: normal;
*overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
a {
color: #777;
}
p {
line-height: 22px;
margin-bottom: 30px;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
strong,
th,
thead td {
font-weight: bold;
}
cite,
em,
dfn {
font-style: italic;
}
code,
pre {
margin: 10px 0 20px 0;
display: block;
font-size: 12px;
line-height: 20px;
border: 1px solid #e8e8e8;
padding: 20px 10px;
background: #ffffff;
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
overflow: auto;
background: url("../../images/pre_code.gif") repeat scroll 0 0 #f2f3f5;
}
del {
color: #666;
text-decoration: line-through;
}
ins,
dfn {
border-bottom: 1px solid #ccc;
}
small,
sup,
sub {
font-size: 85%;
}
abbr,
acronym {
text-transform: uppercase;
letter-spacing: .1em;
}
a abbr,
a acronym {
border: none;
}
abbr[title],
acronym[title],
dfn[title] {
border-bottom: 1px dotted #ccc;
cursor: help;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
p,
ul,
ol,
dl,
table,
fieldset,
blockquote,
pre,
code {
margin-bottom: 20px;
}
a {
text-decoration: none;
}
p,
a {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
outline: 0 none;
text-decoration: none;
}
.floatleft,
.alignleft {
float: left;
text-align: left;
}
.floatright,
.alignright {
float: right;
text-align: right;
}
.aligncenter {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.clearboth {
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
.clearboth:after {
display: block;
visibility: hidden;
clear: both;
width: 0;
height: 0;
content: ' ';
font-size: 0;
line-height: 0;
}
* html .clearboth {
height: 1%;
}
ul {
margin-bottom: 1em;
margin-left: 1.5em;
list-style-type: disc;
}
ul li {
margin-left: .85em;
}
ul ul {
list-style-type: square;
}
ul ul ul {
list-style-type: circle;
}
ol {
margin-bottom: 1em;
margin-left: 2.35em;
list-style-position: outside;
list-style-type: decimal;
}
dt {
font-weight: bold;
font-size: 110%;
margin-bottom: 0.2em;
}
dd {
margin: 0;
padding: 0 0 1em 15px;
}
ol ol,
ul ol {
margin-left: 2.5em;
}
ul ol,
ol ul,
ol ol,
ul ul {
margin-bottom: 0;
}
fieldset {
padding: 1em;
border: 1px solid #dddddd;
}
legend {
padding: 0 .8em;
font-weight: bold;
font-size: 1.2em;
}
textarea,
input[type=text],
input[type=password],
input[type=email],
select {
outline: none;
border: none;
font-size: inherit;
}
input,
select {
cursor: pointer;
}
input[type=text],
input[type=password],
input[type=email] {
cursor: text;
}
textarea {
overflow: auto;
}
textarea,
input[type=text],
input[type=tel],
input[type=email],
input[type=password],input[type=date] {
font-size: 13px;
color: #767676;
padding: 10px 12px;
background-color: #fdfdfd;
border: 1px solid #e3e3e3;
outline: none;
margin-bottom: 4px;
}
textarea:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus {
background-color: #fff;
border: 1px solid #dcdcdc;
}
#theme-page select {
background-color: #fff;
border: 1px solid #e3e3e3;
background: url('../../images/selectbox-arrow.png') right center no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 12px 14px 12px 20px;
font-size: 12px;
line-height: 14px;
color: #252525;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
font-weight: bold;
min-width: 240px;
max-width: 100%;
display: block;
}
option {
padding: 0 4px;
}
/* HEADEING STYLES */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.8em;
font-weight: normal;
line-height: 1.2em;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1 {
font-size: 36px;
margin-bottom: 16px;
}
h2 {
font-size: 30px;
margin-bottom: 14px;
}
h3 {
font-size: 28px;
margin-bottom: 10px;
}
h4 {
font-size: 24px;
margin-bottom: 9px;
}
h5 {
font-size: 18px;
margin-bottom: 8px;
}
h6 {
font-size: 14px;
margin-bottom: 8px;
}
.visuallyhidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
left: -100000px;
top: -100000px;
margin: -1px;
padding: 0;
border: 0;
}
/* *** Isotope Filtering *** */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/* *** Isotope CSS3 transitions *** */
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/* *** disabling Isotope CSS3 transitions *** */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.mk-video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.mk-video-container iframe,
.mk-video-container object,
.mk-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mk-video-wrapper {
max-width: 100%;
}
.mk-background-stretch {
background-size: cover;
}
.mk_rev_slider_wrapper {
overflow: hidden;
}
.ls-jupiter .ls-nav-prev,
.ls-jupiter .ls-nav-next {
z-index: 10 !important;
}
/* Makes the site print friendly... */
@media print {
a {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
a[href="#"],
a[href="javascript:"] {
content: "";
}
#mk-header,
#mk-sidebar,
#mk-footer,
.news-post-heading,
.mk-quick-contact-wrapper,
.mk-go-top,
.mk-back-top,
.mk-loop-next-prev,
.single-social-section,
.single-post-tags,
.single-back-top,
.mk-about-author-wrapper,
.blog-similar-posts,
#comments {
display: none !important;
}
.theme-page-wrapper {
width: 100% !important;
}
}
input[type="text"],
textarea,
.mk-grid div,
[class*='mk-col-'],
*:after,
*:before,
.text-input,
.theme-page-wrapper,
.mk-blog-grid-item,
#mk-page-introduce,
.mk-header-toolbar,
.mk-news-item,
.mk-employee-item,
#mk-notification-bar,
.mk-blog-classic-item,
.mk-fullwidth-boxed,
.mk-image-caption,
.mk-gallery-shortcode .gallery-inner,
.testimonial-column .testimonial-item,
.mk-blog-grid-item,
.page-section-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[class*='mk-col-'] {
float: left;
padding-right: 25px;
}
[class*='mk-col-']:last-of-type {
padding-right: 0px;
}
.mk-grid {
width: 100%;
min-width: 755px;
margin: 0 auto;
}
.mk-grid:after {
content: "";
display: table;
clear: both;
}
.mk-grid-pad {
padding: 20px 0 0px 20px;
}
.mk-grid-pad > [class*='mk-col-']:last-of-type {
padding-right: 20px;
}
.mk-push-right {
float: right;
}
/* Content Columns */
.mk-col-1-1 {
width: 100%;
}
.mk-col-2-3,
.mk-col-8-12 {
width: 66.66%;
}
.mk-col-1-2,
.mk-col-6-12 {
width: 50%;
}
.mk-col-1-3,
.mk-col-4-12 {
width: 33.33%;
}
.mk-col-1-4,
.mk-col-3-12 {
width: 25%;
}
.mk-col-1-5 {
width: 20%;
}
.mk-col-1-6,
.mk-col-2-12 {
width: 16.667%;
}
.mk-col-1-7 {
width: 14.28%;
}
.mk-col-1-8 {
width: 12.5%;
}
.mk-col-1-9 {
width: 11.1%;
}
.mk-col-1-10 {
width: 10%;
}
.mk-col-1-11 {
width: 9.09%;
}
.mk-col-1-12 {
width: 8.33%;
}
/* Layout Columns */
.mk-col-11-12 {
width: 91.66%;
}
.mk-col-10-12 {
width: 83.333%;
}
.mk-col-9-12 {
width: 75%;
}
.mk-col-5-12 {
width: 41.66%;
}
.mk-col-7-12 {
width: 58.33%;
}
@media handheld, only screen and (max-width: 767px) {
.mk-grid {
width: 100%;
min-width: 0;
}
[class*='mk-col-'] {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
}
/* Grid with fluid columns */
.vc_row-fluid {
width: 100%;
*zoom: 1;
}
.vc_row-fluid:before,
.vc_row-fluid:after {
display: table;
content: "";
}
.vc_row-fluid:after {
clear: both;
}
.vc_row-fluid [class*="vc_span"] {
display: block;
width: 100%;
min-height: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.5%;
}
.vc_row-fluid [class*="vc_span"]:first-child {
margin-left: 0;
}
.mk-fullwidth-true > [class*="vc_span"]:first-child {
border-left: none !important;
}
.mk-fullwidth-true > [class*="vc_span"]:last-child {
border-right: none !important;
}
.vc_row-fluid > [class*="vc_span"]:not(:last-child) {
border-right: none !important;
}
.vc_row-fluid .vc_span12 {
width: 100%;
}
.vc_row-fluid .vc_span11 {
width: 91.45833333333334%;
}
.vc_row-fluid .vc_span10 {
width: 82.91666666666667%;
}
.vc_row-fluid .vc_span9 {
width: 74.375%;
}
.vc_row-fluid .vc_span8 {
width: 65.83333333333334%;
}
.vc_row-fluid .vc_span7 {
width: 57.29166666666667%;
}
.vc_row-fluid .vc_span6 {
width: 48.75%;
}
.vc_row-fluid .vc_span5 {
width: 40.208333333333336%;
}
.vc_row-fluid .vc_span4 {
width: 31.666666666666668%;
}
.vc_row-fluid .vc_span3 {
width: 23.125%;
}
.vc_row-fluid .vc_span_one_fifth {
width: 17.9487179487179488%;
*width: 17.87424986361156592%;
}
.vc_row-fluid .vc_span2 {
width: 14.583333333333334%;
}
.vc_row-fluid .vc_span1 {
width: 6.041666666666667%;
}
.wpb_row.attched-true [class*="vc_span"] {
margin-left: 0;
}
.wpb_row.attched-true .vc_span11 {
width: 91.666666666667%;
}
.wpb_row.attched-true .vc_span10 {
width: 83.333333333333%;
}
.wpb_row.attched-true .vc_span9 {
width: 75%;
}
.wpb_row.attched-true .vc_span8 {
width: 66.666666666667%;
}
.wpb_row.attched-true .vc_span7 {
width: 58.333333333333%;
}
.wpb_row.attched-true .vc_span6 {
width: 50%;
}
.wpb_row.attched-true .vc_span5 {
width: 41.666666666667%;
}
.wpb_row.attched-true .vc_span4 {
width: 33.333333333333%;
}
.wpb_row.attched-true .vc_span3 {
width: 25%;
}
.wpb_row.attched-true .vc_span2 {
width: 16.666666666667%;
}
.wpb_row.attched-true .vc_span1 {
width: 8.333333333333%;
}
.add-padding-1 > [class*="vc_span"] {
padding: 1%;
}
.add-padding-2 > [class*="vc_span"] {
padding: 2%;
}
.add-padding-3 > [class*="vc_span"] {
padding: 3%;
}
.add-padding-4 > [class*="vc_span"] {
padding: 4%;
}
.add-padding-5 > [class*="vc_span"] {
padding: 5%;
}
@media handheld, only screen and (max-width: 767px) {
.vc_row-fluid [class*="vc_span"] {
width: auto;
float: none;
margin-left: 0 !important;
}
.wpb_row.attched-true > [class*="vc_span"] {
width: auto;
}
}
@media handheld, only screen and (min-width: 650px) {
.featured-image a.post-type-badge,
.portfolio-logo-section .portfolio-social li a,
.widget_contact_form .contact-widget-button,
.widget_instagram ul li a,
.widget_posts_lists ul li.post-list-document .post-type-thumb,
.widget .mk-searchform .search-button,
.mk-image-shortcode-link,
.mk-process-steps p,
.widget-portfolio-overlay,
.portfolio-widget-info,
.portfolio-widget-lightbox,
.portfolio-widget-permalink,
.portfolio-carousel-overlay,
.blog-carousel-overlay,
.portfolio-carousel-lightbox,
.portfolio-carousel-permalink,
.blog-showcase-overlay,
.mk-portfolio-carousel .flex-viewport ul li img,
.mk-blog-showcase ul li img,
.featured-image img,
.permalink-badge,
.mk-lightbox,
.gallery-lightbox,
.post-type-badge,
.mk-similiar-thumbnail img,
.mk-skype-call,
.mk-skype-call i:before,
.widget_posts_lists ul li img,
.portfolio-showcase-extra-info,
.blog-showcase-extra-info,
.mk-blog-showcase ul li,
#mk-header-social ul li a,
.mk-blog-classic-item .featured-image a.permalink-badge,
.mk-blog-classic-item .featured-image a.zoom-badge,
.mk-blog-newspaper-item .newspaper-meta-wrapper,
.mk-blog-newspaper-item .featured-image a.permalink-badge,
.mk-blog-newspaper-item .featured-image a.zoom-badge,
.mk-pagination a,
.mk-woocommerce-pagination a,
.mk-blog-single-page .about-author-avatar-social-wrapper .about-author-social,
.mk-blog-single-page .about-author-avatar-social-wrapper .about-author-social li a,
.similar-posts-wrapper ul li .post-thumbnail .overlay-pattern,
.filter-portfolio ul li a,
.portfolio-carousel-extra-info,
.mk-portfolio-newspaper-item .zoom-badge,
.mk-clients-shortcode .client-logo,
.mk-pricing-cols .mk-pricing-button a,
.widget_social_networks a,
.widget-sub-navigation ul li a,
.mk-social-network-shortcode a i,
.mk-quick-contact-link,
.portfolio-similar-posts img,
.single-post-tags a,
.showcase-blog-overlay,
.mk-nav-responsive-link,
.mk-responsive-close,
#mk-footer-navigation ul li a,
.ls-jupiter .ls-nav-prev,
.ls-jupiter .ls-nav-next,
a.jp-play,
a.jp-pause,
#cboxPrevious,
#cboxNext,
#cboxClose,
.woo-hidden-section,
.mk-image-overlay,
.modern-post-type-icon,
.portfolio-modern-meta,
.mk-loop-next-prev a,
.portfolio-similar-meta,
.text-input,
.mk-textarea,
#mk-nav-search-wrapper form i,
.blog-grid-hover-icon,
.shop-flat-btn,
#review_form_wrapper input[type=submit],
.mk-message-box .button,
.blog-modern-btn,
.the-title a,
.mk-readmore,
.blog-social-share a,
.blog-modern-comment,
.blog-modern-share,
.mk-loadmore-button,
.button,
.mk-edge-next,
.mk-edge-prev,
.swiper-arrows,
.portfolio-classic-lightbox,
.black-hover-overlay,
.product-category .item-holder h4 {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-webkit-perspective: 1000;
}
}
.image-hover-overlay {
transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-ms-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
}
.modern-style-nav .mk-header-inner .main-navigation-ul > li > a {
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
-webkit-transition: border 0.2s ease-in-out;
-moz-transition: border 0.2s ease-in-out;
-ms-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
-webkit-perspective: 1000;
}
.mk-box-icon .icon-box-boxed .mk-main-ico {
transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.mk-blog-showcase-thumb a,
.mk-header-start-tour i,
.mk-accordion-tab:before,
.mk-toggle-title:before,
.mk-social-network-shortcode ul li a {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-webkit-perspective: 1000;
}
.mk-animate-element {
opacity: 0;
-webkit-perspective: 1000;
}
.no-transform .mk-animate-element {
opacity: 1;
}
.mk-animate-element.mk-in-viewport.fade-in {
-webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
-moz-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
-o-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 1;
}
.mk-animate-element.mk-in-viewport.scale-up {
-webkit-animation: mk_scale 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
-moz-animation: mk_scale 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
-o-animation: mk_scale 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: mk_scale 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 1;
}
.mk-animate-element.mk-in-viewport.right-to-left {
-webkit-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mk-animate-element.mk-in-viewport.left-to-right {
-webkit-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mk-animate-element.mk-in-viewport.top-to-bottom {
-webkit-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mk-animate-element.mk-in-viewport.bottom-to-top {
-webkit-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mk-animate-element.mk-in-viewport.flip-x {
-webkit-animation: mk_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: mk_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: mk_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_flip_x 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mk-animate-element.mk-in-viewport.flip-y {
-webkit-animation: mk_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: mk_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: mk_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: mk_flip_y 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
opacity: 1;
}
.mk-floating-vertical {
-webkit-animation: mk_float 2s infinite linear;
-moz-animation: mk_float 2s infinite linear;
-ms-animation: mk_float 2s infinite linear;
-o-animation: mk_float 2s infinite linear;
position: relative;
}
.mk-floating-horizontal {
-webkit-animation: mk_floatx 2s infinite linear;
-moz-animation: mk_floatx 2s infinite linear;
-ms-animation: mk_floatx 2s infinite linear;
-o-animation: mk_floatx 2s infinite linear;
position: relative;
}
.mk-floating-pulse {
-webkit-animation: mk_pulse 2s infinite linear;
-moz-animation: mk_pulse 2s infinite linear;
-ms-animation: mk_pulse 2s infinite linear;
-o-animation: mk_pulse 2s infinite linear;
}
.mk-floating-tossing {
-webkit-animation: mk_tossing 2s infinite linear;
-moz-animation: mk_tossing 2s infinite linear;
-ms-animation: mk_tossing 2s infinite linear;
-o-animation: mk_tossing 2s infinite linear;
}
.mk-icon-spin {
display: inline-block;
-moz-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
/* Floating */
@-webkit-keyframes mk_float {
0% {
top: 0px;
}
50% {
top: 15px;
}
100% {
top: 0px;
}
}
@-moz-keyframes mk_float {
0% {
top: 0px;
}
50% {
top: 15px;
}
100% {
top: 0px;
}
}
@-o-keyframes mk_float {
0% {
top: 0px;
}
50% {
top: 15px;
}
100% {
top: 0px;
}
}
@keyframes mk_float {
0% {
top: 0px;
}
50% {
top: 15px;
}
100% {
top: 0px;
}
}
@-webkit-keyframes mk_floatx {
0% {
left: 0px;
}
50% {
left: 15px;
}
100% {
left: 0px;
}
}
@-moz-keyframes mk_floatx {
0% {
left: 0px;
}
50% {
left: 15px;
}
100% {
left: 0px;
}
}
@-o-keyframes mk_floatx {
0% {
left: 0px;
}
50% {
left: 15px;
}
100% {
left: 0px;
}
}
@keyframes mk_floatx {
0% {
left: 0px;
}
50% {
left: 15px;
}
100% {
left: 0px;
}
}
@-webkit-keyframes mk_tossing {
0% {
-webkit-transform: rotate(-6deg);
}
50% {
-webkit-transform: rotate(6deg);
}
100% {
-webkit-transform: rotate(-6deg);
}
}
@-moz-keyframes mk_tossing {
0% {
-moz-transform: rotate(-6deg);
}
50% {
-moz-transform: rotate(6deg);
}
100% {
-moz-transform: rotate(-6deg);
}
}
@-o-keyframes mk_tossing {
0% {
-o-transform: rotate(-6deg);
}
50% {
-o-transform: rotate(6deg);
}
100% {
-o-transform: rotate(-6deg);
}
}
@keyframes mk_tossing {
0% {
transform: rotate(-6deg);
}
50% {
transform: rotate(6deg);
}
100% {
transform: rotate(-6deg);
}
}
@-webkit-keyframes mk_pulse {
0% {
-webkit-transform: scale(0.9);
opacity: 0.7;
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.9);
opacity: 0.7;
}
}
@-moz-keyframes mk_pulse {
0% {
-moz-transform: scale(0.9);
opacity: 0.7;
}
50% {
-moz-transform: scale(1);
opacity: 1;
}
100% {
-moz-transform: scale(0.9);
opacity: 0.7;
}
}
@-o-keyframes mk_pulse {
0% {
-o-transform: scale(0.9);
opacity: 0.7;
}
50% {
-o-transform: scale(1);
opacity: 1;
}
100% {
-o-transform: scale(0.9);
opacity: 0.7;
}
}
@keyframes mk_pulse {
0% {
transform: scale(0.9);
opacity: 0.7;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.9);
opacity: 0.7;
}
}
/* Flip Horizontally */
@-webkit-keyframes mk_flip_x {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes mk_flip_x {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes mk_flip_x {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes mk_flip_x {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
/* Flip Vertically */
@-webkit-keyframes mk_flip_y {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes mk_flip_y {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes mk_flip_y {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes mk_flip_y {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
/* Fade In animation */
@-webkit-keyframes mk_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
@-moz-keyframes mk_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
@-o-keyframes mk_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
@keyframes mk_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
/* Scale Up animation */
@-webkit-keyframes mk_scale {
0% {
-webkit-transform: scale(0.3);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes mk_scale {
0% {
-moz-transform: scale(0.3);
opacity: 0.1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes mk_scale {
0% {
-o-transform: scale(0.3);
opacity: 0.1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes mk_scale {
0% {
transform: scale(0.3);
opacity: 0.1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
/* Left to Right animation */
@-webkit-keyframes mk_left_to_right {
0% {
-webkit-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes mk_left_to_right {
0% {
-moz-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes mk_left_to_right {
0% {
-o-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes mk_left_to_right {
0% {
transform: translate(-15%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/* Right To Left animation */
@-webkit-keyframes mk_right_to_left {
0% {
-webkit-transform: translate(15%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes mk_right_to_left {
0% {
-moz-transform: translate(15%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes mk_right_to_left {
0% {
-o-transform: translate(15%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes mk_right_to_left {
0% {
transform: translate(15%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/* Bottom to Top animation */
@-webkit-keyframes mk_bottom_to_top {
0% {
-webkit-transform: translate(0, 60%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes mk_bottom_to_top {
0% {
-moz-transform: translate(0, 60%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes mk_bottom_to_top {
0% {
-o-transform: translate(0, 60%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes mk_bottom_to_top {
0% {
transform: translate(0, 60%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/* Top to Bottom animation */
@-webkit-keyframes mk_top_to_bottom {
0% {
-webkit-transform: translate(0, -20%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes mk_top_to_bottom {
0% {
-moz-transform: translate(0, -20%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes mk_top_to_bottom {
0% {
-o-transform: translate(0, -20%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes mk_top_to_bottom {
0% {
transform: translate(0, -20%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/* * HEADER SECTION */
#mk-header {
width: 100%;
position: relative;
}
#mk-header .mk-header-bg,
#mk-header .mk-classic-nav-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
}
#mk-header .header-logo {
top: -109px;
position: absolute;
display: block;
height: 100%;
z-index: 10;
}
#mk-header .header-logo.left-logo {
left: 36px;
float: left;
}
#mk-header .header-logo.right-logo {
right: 20px;
float: right;
}
#mk-header .header-logo a {
display: inline-block;
height: 100%;
position: relative;
}
#mk-header .header-logo a img {
display: block;
height: auto;
max-height: 100%;
width: auto;
}
#mk-header .header-logo .mk-resposnive-logo {
display: none;
}
@media handheld, only screen and (max-width: 780px) {
#mk-header .logo-is-responsive .mk-desktop-logo {
display: none !important;
}
#mk-header .logo-is-responsive .mk-resposnive-logo {
display: block !important;
}
}
#mk-header.classic-style-nav .header-logo.center-logo {
margin: 0 auto;
text-align: center;
z-index: 2;
width: 100%;
}
#mk-header.classic-style-nav .header-logo.center-logo a {
margin: 0 auto;
}
#mk-header .mk-header-inner {
position: relative;
z-index: 200;
width: 100%;
}
.modern-style-nav .mk-header-inner {
padding-bottom: 3px;
}
.modern-style-nav .mk-header-inner.mk-fixed {
position: fixed !important;
right: 0;
z-index: 210;
}
.classic-style-nav .mk-fixed .mk-classic-nav-bg {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mk-boxed-enabled #mk-boxed-layout {
width: 100%;
margin: 0 auto;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mk-boxed-enabled #mk-boxed-layout .mk-header-inner.mk-fixed {
right: auto !important;
}
.mk-header-start-tour {
font-weight: bold;
float: right;
padding-left: 20px;
}
.mk-header-start-tour i {
padding-left: 16px;
font-size: 18px;
}
.mk-header-start-tour:hover i {
padding-left: 9px;
}
.mk-header-right {
position: absolute;
right: 30px;
top: 0;
z-index: 30;
}
.header-grid.mk-grid {
position: relative;
}
.header-grid.mk-grid .header-logo.left-logo {
left: 0 !important;
}
.header-grid.mk-grid .header-logo.right-logo {
right: 0 !important;
}
.header-grid.mk-grid .header-logo.right-logo,
.header-grid.mk-grid .mk-header-right {
right: 0;
}
.not-found-page .theme-page-wrapper,
.not-found-page .mk-tabbed-box {
margin: 0 !important;
}
.not-found-page #theme-page {
margin-bottom: 0 !important;
padding: 0 !important;
}
.not-found-page .theme-content {
padding: 0 !important;
}
.mk-go-top {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #cccccc;
background-color: rgba(0, 0, 0, 0.4);
padding: 12px 14px;
position: fixed;
bottom: 10px;
right: -60px;
z-index: 100;
opacity: 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.mk-go-top.off {
right: -60px;
opacity: 0;
}
.mk-go-top.on {
right: 10px;
opacity: 1;
}
.mk-go-top:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.mk-go-top i {
color: #fff;
font-size: 24px;
line-height: 24px;
}
.mk-relative {
position: relative;
}
.no-margin-top {
padding-top: 10px !important;
}
.mk-zindex-fix {
position: relative;
z-index: 60;
}
.mk-love-this span {
color: #c2c2c2;
font-size: 11px;
}
.mk-love-this span:hover i {
color: #b1b1b1;
}
.mk-love-this i {
font-size: 16px;
color: #c2c2c2;
}
.mk-love-this.item-loved i {
color: #da4c26;
}
/* ---------------------------- */
/* * Page SECTION */
#theme-page {
overflow: hidden;
padding: 0;
margin: 0;
min-height: 200px;
}
#theme-page .theme-page-wrapper {
margin: 20px auto;
}
#theme-page .theme-page-wrapper.no-padding {
margin-top: 0;
margin-bottom: 0;
}
#theme-page .theme-page-wrapper .theme-content {
padding: 30px 20px;
}
#theme-page .theme-page-wrapper .theme-content.no-padding {
padding-bottom: 0;
padding-top: 0;
}
#theme-page .theme-page-wrapper #mk-sidebar {
position: relative;
}
#theme-page .theme-page-wrapper.right-layout #mk-sidebar {
float: right;
}
#theme-page .theme-page-wrapper.left-layout #mk-sidebar {
float: left;
}
#theme-page .theme-page-wrapper.right-layout .theme-content {
float: left;
}
#theme-page .theme-page-wrapper.left-layout .theme-content {
float: right;
}
#theme-page .theme-page-wrapper.right-layout .sidebar-wrapper {
padding: 20px 10px 30px 30px;
}
#theme-page .theme-page-wrapper.left-layout .sidebar-wrapper {
padding: 20px 30px 30px 10px;
}
* html #theme-page,
* html #mk-sidebar {
display: inline;
}
/* ---------------------------- */
@media handheld, only screen and (max-width: 768px) {
#theme-page {
padding: 0 !important;
}
.theme-page-wrapper {
margin: 0 auto 0 !important;
}
}
.mk-header-toolbar {
padding: 0 20px;
width: 100%;
position: relative;
z-index: 199;
}
.mk-header-toolbar .mk-button {
color: #fff !important;
}
.mk-header-tagline {
font-size: 12px;
line-height: 30px;
margin-right: 15px;
}
.header-toolbar-contact {
line-height: 30px;
margin-right: 15px;
}
.header-toolbar-contact i {
padding-right: 6px;
font-size: 16px;
}
.mk-header-date {
padding-right: 15px;
}
.mk-header-date i {
padding-right: 6px;
vertical-align: middle;
font-size: 16px;
}
.mk-language-nav {
position: relative;
display: inline-block;
margin-right: 15px;
line-height: 30px;
height: 30px;
}
.mk-language-nav > a {
font-size: 11px;
}
.mk-language-nav > a i {
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
margin-top: -1px;
}
.mk-language-nav:hover > .mk-language-nav-sub-wrapper {
display: block;
}
.mk-language-nav-sub-wrapper {
display: none;
position: absolute;
top: 30px;
left: 0;
z-index: 20;
padding-top: 8px;
}
.mk-language-nav-sub {
background-color: #fff;
position: relative;
border: 1px solid #d9d9d9;
-webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.mk-language-nav-sub:after {
position: absolute;
display: block;
content: "";
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #d9d9d9;
border-right: none;
border-bottom: none;
top: -7px;
left: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.mk-language-navigation {
margin: 0;
padding: 1px 0;
list-style: none;
}
.mk-language-navigation li {
margin: 0;
}
.mk-language-navigation li a {
display: block;
margin: 5px 0;
padding: 6px 12px 6px 0;
min-width: 120px;
color: #666666;
font-size: 11px;
line-height: 14px;
font-weight: bold;
}
.mk-language-navigation li a:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.mk-language-navigation li a .mk-lang-flag {
margin-left: 8px;
vertical-align: middle;
}
.mk-language-navigation li a .mk-lang-name {
padding-left: 8px;
}
.mk-language-navigation li.current-menu-item > a {
background-color: rgba(0, 0, 0, 0.05);
}
#mk-header-search {
display: inline-block;
float: right;
margin-left: 6px;
}
.mk-header-toolbar #mk-header-searchform {
padding-top: 4px;
}
.mk-header-inner #mk-header-searchform {
float: right;
display: inline-block;
}
.mk-header-inner #mk-header-searchform .text-input {
width: 200px;
padding: 5px 15px 5px 30px !important;
height: 30px;
line-height: 20px;
}
.mk-header-inner #mk-header-searchform .mk-icon-search {
left: 7px;
top: 50%;
margin-top: -8px;
opacity: 0.7;
}
#mk-header-searchform span {
display: inline-block;
position: relative;
overflow: hidden;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
#mk-header-searchform span .text-input {
background-color: rgba(255, 255, 255, 0.2);
font-size: 12px;
width: 90px;
height: 23px;
padding: 3px 15px 3px 25px;
line-height: 16px;
margin: 0;
border: none;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
opacity: 0.7;
}
#mk-header-searchform span .text-input:focus {
opacity: 1;
}
#mk-header-searchform span i {
font-size: 16px;
opacity: 0.7;
position: absolute;
}
#mk-header-searchform span .mk-icon-search {
left: 7px;
top: 3px;
}
.header-search-btn {
width: 100%;
height: 100%;
display: block;
border: none;
outline: none;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
}
#mk-header-social {
display: inline-block;
float: right;
height: 30px;
}
#mk-header-social ul {
list-style: none;
margin: 7px 0 0;
padding: 0;
}
#mk-header-social ul li {
margin: 0;
display: inline-block;
}
#mk-header-social ul li a {
position: relative;
display: block;
margin-right: 4px;
opacity: 0.8;
}
#mk-header-social ul li a i:before {
font-size: 16px;
}
#mk-header-social ul li a .mk-jupiter-icon-simple-xing {
padding: 0 !important;
}
#mk-header-social ul li a:hover {
opacity: 1;
}
.mk-header-login {
float: right;
display: inline-block;
margin: 4px 20px 0 0;
position: relative;
}
.mk-header-login .mk-login-link i {
margin-right: 4px;
vertical-align: middle;
font-size: 16px;
}
.mk-login-register,
#mk-header-subscribe {
position: absolute;
right: -10px;
width: 250px;
top: 30px;
background-color: #fff;
border: 1px solid #d9d9d9;
-webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
padding: 15px;
display: none;
}
.mk-login-register:before,
#mk-header-subscribe:before {
position: absolute;
display: block;
content: "";
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #d9d9d9;
border-right: none;
border-bottom: none;
top: -6px;
right: 30px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
z-index: 8;
}
.mk-login-register .form-section,
#mk-header-subscribe .form-section {
margin-bottom: 8px;
display: block;
}
.mk-login-register .form-section .text-input,
#mk-header-subscribe .form-section .text-input {
width: 100%;
background-color: #fff;
}
.mk-login-register .register-login-links,
#mk-header-subscribe .register-login-links {
display: inline-block;
float: left;
padding-top: 5px;
}
.mk-login-register .register-login-links a,
#mk-header-subscribe .register-login-links a {
color: #888888;
line-height: 12px;
display: inline-block;
}
.mk-login-register .register-login-links .mk-create-account,
#mk-header-subscribe .register-login-links .mk-create-account {
padding-left: 5px;
margin-left: 5px;
border-left: 2px solid #b6b6b6;
}
.mk-login-register .mk-login-remember,
#mk-header-subscribe .mk-login-remember {
display: block;
margin: 5px 0 10px;
}
.mk-login-register .shop-flat-btn,
#mk-header-subscribe .shop-flat-btn {
float: right;
}
.mk-login-register .mk-login-title,
#mk-header-subscribe .mk-login-title {
font-size: 16px;
}
#mk-register-panel {
display: none;
}
#mk-register-panel .register-login-links {
float: right;
display: block;
margin: 5px 0;
}
#mk-forget-panel {
display: none;
}
#mk-forget-panel .register-login-links {
float: right;
display: block;
margin: 5px 0;
}
.user-profile-box img {
float: left;
}
.user-profile-box a {
margin: 0 0 0px 60px;
display: block;
color: #747474;
}
.mk-header-signup {
float: right;
display: inline-block;
margin: 4px 10px 0 0;
}
.mk-header-signup .mk-subscribe-link i {
vertical-align: middle;
margin-right: 4px;
font-size: 16px;
margin-top: -2px;
}
.mk-header-signup {
position: relative;
}
#mk-header-subscribe label {
margin-bottom: 8px;
display: block;
}
#mk-header-subscribe .text-input {
background-color: #fff;
width: 100%;
margin-bottom: 10px;
}
.mk-header-checkout {
float: right;
display: inline-block;
margin: 5px 20px 0 0;
position: relative;
height: 25px;
}
.mk-header-checkout:hover > #mk-header-checkout {
display: block;
}
.mk-header-checkout .mk-checkout-btn i {
margin-right: 4px;
font-size: 16px;
}
#mk-header-checkout {
position: absolute;
top: 25px;
right: 0;
background-color: #fff;
-webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
border: 1px solid #d9d9d9;
padding: 15px;
display: none;
z-index: 9;
width: 320px;
}
#mk-header-checkout:before {
position: absolute;
display: block;
content: "";
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #d9d9d9;
border-right: none;
border-bottom: none;
top: -6px;
right: 30px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
z-index: 8;
}
#mk-toolbar-navigation {
display: inline-block;
margin-right: 10px;
height: 30px;
}
#mk-toolbar-navigation ul {
padding: 0;
margin: 0;
}
#mk-toolbar-navigation ul li {
margin: 0;
padding: 0;
display: inline-block;
line-height: 26px;
}
#mk-toolbar-navigation ul li:last-child > a {
border: none !important;
}
#mk-toolbar-navigation ul li a {
font-size: 11px;
line-height: 10px;
display: inline-block;
padding: 0 5px;
}
#mk-toolbar-navigation ul li ul {
display: none;
}
#mk-toolbar-navigation ul li a,
.mk-language-nav > a,
.mk-header-login .mk-login-link,
.mk-subscribe-link,
.mk-checkout-btn,
.mk-header-tagline a {
font-size: 12px;
}
#mk-toolbar-navigation ul li a:hover,
.mk-language-nav > a:hover,
.mk-header-login .mk-login-link:hover,
.mk-subscribe-link:hover,
.mk-checkout-btn:hover,
.mk-header-tagline a:hover {
opacity: 0.8;
}
#mk-notification-bar {
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
padding: 6px 15px;
width: 100%;
position: relative;
z-index: 100;
min-height: 24px;
text-align: center;
}
#mk-notification-bar .mk-noti-icon {
margin-right: 15px;
line-height: 4px;
display: inline-block;
}
#mk-notification-bar .mk-noti-message,
#mk-notification-bar .mk-noti-more {
font-size: 12px;
line-height: 12px;
font-weight: bolder;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
display: inline-block;
}
#mk-notification-bar .mk-noti-more {
margin-left: 6px;
}
#mk-notification-bar #mk-bar-close i {
position: absolute;
right: 15px;
top: 50%;
margin-top: -8px;
color: #fff;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.main-nav-side-search {
display: inline-block;
margin: 0 0 0 10px;
vertical-align: top;
position: relative;
float:left;
}
.mk-search-trigger {
display: block;
font-size: 16px;
}
.classic-style-nav .mk-search-trigger {
padding: 16px 0;
}
#mk-nav-search-wrapper {
position: absolute;
right: -90px;
width: 330px;
height: 56px;
-webkit-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
background-color: #fff;
display: none;
}
#mk-nav-search-wrapper:before {
position: absolute;
display: block;
content: "";
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #e3e3e3;
border-right: none;
border-bottom: none;
top: -6px;
right: 88px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
z-index: 8;
}
#mk-nav-search-wrapper form {
display: block;
overflow: hidden;
}
#mk-nav-search-wrapper form.ajax-searching .nav-side-search-icon:before {
-moz-animation: spin 0.8s infinite linear;
-o-animation: spin 0.8s infinite linear;
-webkit-animation: spin 0.8s infinite linear;
animation: spin 0.8s infinite linear;
display: inline-block;
content: "\e2a2";
}
#mk-nav-search-wrapper input[type=text] {
position: absolute;
left: 0;
top: 0;
border: none;
height: 100%;
background-color: #fff;
padding: 0 10px;
width: 275px;
line-height: 30px;
border: 1px solid #e3e3e3;
border-right: none;
}
#mk-nav-search-wrapper input[type=submit] {
width: 100%;
height: 100%;
display: block;
border: none;
outline: none;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
}
#mk-nav-search-wrapper .nav-side-search-icon {
width: 56px;
height: 100%;
line-height: 56px;
font-size: 16px;
position: absolute;
right: 0;
top: 0;
display: block;
color: #fff;
text-align: center;
background-color: #bfbcbc;
}
.main-nav-align-right.mk-boxed-enabled #mk-nav-search-wrapper {
right: -30px;
}
.main-nav-align-right.mk-boxed-enabled #mk-nav-search-wrapper:before {
display: none;
}
#mk-nav-search-wrapper .ui-autocomplete {
background-color: #fff;
border: 1px solid #e3e3e3;
border-top: none;
border-bottom: none;
overflow: auto;
text-align: left;
top: 48px !important;
list-style: none;
margin: 0;
padding: 0;
-webkit-box-shadow: 0 30px 50px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 30px 50px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 30px 50px 10px rgba(0, 0, 0, 0.15);
}
#mk-nav-search-wrapper .ui-autocomplete li {
line-height: 16px;
padding: 10px;
border-bottom: 1px solid #e3e3e3;
margin: 0;
overflow: hidden;
cursor: pointer;
}
#mk-nav-search-wrapper .ui-autocomplete li a {
cursor: pointer;
}
#mk-nav-search-wrapper .ui-autocomplete li a:hover {
color: #252525;
}
#mk-nav-search-wrapper .ui-autocomplete li .search-date {
color: #999999;
font-size: 11px;
}
#mk-nav-search-wrapper .ui-autocomplete li .search-title {
font-size: 12px;
text-transform: uppercase;
color: #252525;
line-height: 18px;
display: block;
margin-bottom: 3px;
font-weight: bold;
}
#mk-nav-search-wrapper .ui-autocomplete li:hover {
background-color: #fbfbfb;
}
#mk-nav-search-wrapper .ui-autocomplete li img,
#mk-nav-search-wrapper .ui-autocomplete li i {
width: 32px;
height: 32px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
border: 1px solid #d2d2d2;
float: left;
margin-right: 15px;
}
#mk-nav-search-wrapper .ui-autocomplete li i {
background-color: #f3f3f3;
text-align: center;
}
#mk-nav-search-wrapper .ui-autocomplete li i:before {
font-size: 16px;
color: #636363;
line-height: 32px;
}
.shopping-cart-header {
float: right;
position: relative;
}
.shoping-cart-link {
float: right;
padding: 2px 20px 0;
margin: 0;
}
.shoping-cart-link i {
font-size: 16px;
line-height: 16px;
position: relative;
}
.shoping-cart-link span {
position: absolute;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding: 5px 8px;
color: #fff;
font-size: 12px;
line-height: 12px;
font-weight: bold;
font-style: normal;
top: -12px;
left: 12px;
}
.mk-shopping-cart-box {
position: absolute;
right: -10px;
top: 80px;
width: 280px;
padding: 0 10px;
display: none;
background-color: #fff;
border: 1px solid #d9d9d9;
-webkit-box-shadow: 0 30px 50px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 30px 50px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 30px 50px 10px rgba(0, 0, 0, 0.15);
}
.mk-shopping-cart-box:after {
position: absolute;
display: block;
content: "";
width: 12px;
height: 12px;
background-color: #fff;
border: 1px solid #d9d9d9;
border-right: none;
border-bottom: none;
top: -7px;
right: 32px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#mk-header-checkout .widget,
.mk-shopping-cart-box .widget {
margin: 0;
}
#mk-header-checkout .product_list_widget,
.mk-shopping-cart-box .product_list_widget {
margin-bottom: 15px;
}
#mk-header-checkout .product_list_widget li,
.mk-shopping-cart-box .product_list_widget li {
margin: 0 !important;
line-height: 22px !important;
padding: 10px 0 !important;
border-top: 1px solid #efefef;
}
#mk-header-checkout .product_list_widget li a,
.mk-shopping-cart-box .product_list_widget li a {
font-size: 12px;
font-weight: normal !important;
padding-left: 10px;
}
#mk-header-checkout .product_list_widget li .variation,
.mk-shopping-cart-box .product_list_widget li .variation {
display: none !important;
}
#mk-header-checkout .product_list_widget li .quantity,
.mk-shopping-cart-box .product_list_widget li .quantity {
font-size: 16px;
font-weight: bold;
margin-top: 10px;
display: inline-block;
text-align: left;
}
#mk-header-checkout .product_list_widget li:first-child,
.mk-shopping-cart-box .product_list_widget li:first-child {
border-top: none;
}
#mk-header-checkout .product_list_widget li img,
.mk-shopping-cart-box .product_list_widget li img {
padding: 0 !important;
}
#mk-header-checkout .total,
.mk-shopping-cart-box .total {
font-size: 16px;
font-weight: bold;
display: block;
text-align: center;
border-top: 1px solid #efefef !important;
padding-top: 15px !important;
}
#mk-header-checkout .total .amount,
.mk-shopping-cart-box .total .amount {
color: #da4c26;
}
#mk-header-checkout .buttons,
.mk-shopping-cart-box .buttons {
margin-bottom: 20px;
text-align: center;
}
#mk-header-checkout .buttons .shop-black-btn,
.mk-shopping-cart-box .buttons .shop-black-btn {
background-color: #898989 !important;
}
#mk-header-checkout .buttons .shop-black-btn:hover,
.mk-shopping-cart-box .buttons .shop-black-btn:hover {
background-color: #707070 !important;
}
#mk-header-checkout .buttons a,
.mk-shopping-cart-box .buttons a {
padding: 14px 14px !important;
line-height: 11px !important;
}
@media handheld, only screen and (max-width: 780px) {
.mk-header-right {
display: none !important;
}
}
.mk-toolbar-resposnive-icon {
position: absolute;
left: 50%;
top: 0;
z-index: 80;
line-height: 16px !important;
width: 24px;
height: 24px;
cursor: pointer;
display: none;
}
.mk-toolbar-resposnive-icon i {
font-size: 16px;
line-height: 16px;
}
.toolbar-oppend .mk-toolbar-resposnive-icon i:before {
content: "\f077" !important;
}
@media handheld, only screen and (max-width: 780px) {
.mk-header-toolbar {
padding: 10px 5px;
display: none;
}
.mk-toolbar-resposnive-icon {
display: block;
}
.mk-header-signup,
.mk-header-login,
#mk-header-social,
#mk-header-tagline,
.header-toolbar-contact,
.header-toolbar-contact,
.mk-header-date,
#mk-toolbar-navigation,
.mk-header-checkout {
width: 100% !important;
float: none !important;
display: block !important;
height: auto !important;
line-height: 25px !important;
margin: 0 10px 5px !important;
padding: 0;
}
.mk-login-register,
#mk-header-subscribe {
right: auto;
left: 0;
z-index: 50;
}
.mk-login-register:before,
#mk-header-subscribe:before {
right: auto;
left: 10px;
}
#mk-header-social li i:before {
font-size: 32px !important;
}
#mk-toolbar-navigation li:first-child a {
padding-left: 0;
}
#mk-header-checkout {
right: auto;
top: 30px;
}
#mk-header-checkout:before {
right: auto;
left: 30px;
}
}
/* /* Navigation */
.mk-header-nav-container {
line-height: 4px;
display: block;
position: relative;
z-index: 10;
margin: 0 auto;
}
@media handheld, only screen and (max-width: 1140px) {
#mk-header .mk-header-nav-container {
width: 100% !important;
}
#mk-header .mk-classic-menu-wrapper {
width: 100% !important;
}
}
.classic-style-nav .mk-classic-nav-bg {
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.classic-style-nav .mk-header-nav-container {
width: 100% !important;
float: none !important;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.classic-style-nav #mk-main-navigation > ul > li > a {
padding: 16px 25px;
border-top: 2px solid transparent;
line-height: 16px;
}
.classic-style-nav .mk-header-nav-container.mk-fixed {
position: fixed !important;
left: 0;
z-index: 210;
border: none;
}
.classic-style-nav .mk-header-nav-container.mk-fixed .mk-classic-nav-bg {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
#mk-main-navigation {
display: inline-block;
text-align: center;
margin: 0 auto;
float:left;
}
.mk-classic-menu-wrapper {
position: relative;
z-index: 99;
margin: 0 auto;
float:left;
}
.mk-classic-menu-wrapper .main-navigation-ul > li > a i {
padding-right: 7px;
}
/* Mega Menu Styles */
.main-navigation-ul ul,
.main-navigation-ul ul li {
list-style: none;
}
.main-navigation-ul ul {
position: relative;
padding: 0;
margin: 0;
}
.main-navigation-ul ul li ul {
display: none;
}
.main-navigation-ul .sub,
.main-navigation-ul ul {
display: none;
}
.main-navigation-ul .sub .megamenu-title,
.main-navigation-ul ul .megamenu-title {
text-align: left;
font-size: 14px;
line-height: 14px;
font-weight: bold;
padding: 9px 14px 4px 15px;
margin: 0 0 6px;
}
.main-navigation-ul .sub ul {
display: block;
}
.main-navigation-ul {
list-style: none;
text-align: center;
margin: 0 auto;
padding: 0;
}
.main-navigation-ul .sub ul {
display: block;
}
.main-navigation-ul {
width: 100%;
display: inline-block;
}
.main-navigation-ul li {
margin: 0 1px 0 0;
padding: 0;
float: left;
}
.main-navigation-ul > li > a {
float: left;
border-top: 3px solid transparent;
display: block;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
position: relative;
}
.modern-style .main-navigation-ul > li > a i {
position: absolute;
left: 50%;
top: 15%;
margin-left: -8px;
text-transform: none !important;
}
.mk-mega-icon {
display: none;
}
.main-navigation-ul .mk-mega-icon {
display: block;
position: absolute;
right: 9px;
top: 11px;
}
.mk-fixed .modern-style .main-navigation-ul > li > a i {
opacity: 0;
}
.main-navigation-ul li .sub-container {
position: absolute;
}
.main-navigation-ul li .sub {
-webkit-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
border: 1px solid #d3d3d3;
}
.main-navigation-ul li .sub .row {
width: 100%;
overflow: hidden;
clear: both;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.main-navigation-ul li .sub li {
list-style: none;
float: none;
margin: 0;
}
.mk_megamenu_columns_2 {
width: 49.5%;
}
.mk_megamenu_columns_3 {
width: 33.25%;
}
.mk_megamenu_columns_4 {
width: 24.9%;
}
.mk_megamenu_columns_5 {
width: 19.8%;
}
.mk_megamenu_columns_6 {
width: 16.5%;
}
.sub-container.non-mega .sub li a {
width: 210px;
}
.main-navigation-ul li .sub li.mega-hdr {
margin: 0;
float: left;
border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.main-navigation-ul li .sub li.mega-hdr.last {
border: none;
}
.main-navigation-ul li .sub a {
display: block;
position: relative;
font-size: 12px;
text-align: left;
float: none;
background-color: transparent !important;
margin: 0;
padding: 6px 10px;
text-transform: capitalize;
font-weight: normal;
line-height: 18px;
}
.main-navigation-ul li .sub a i {
margin-right: 8px;
font-size: 16px;
}
.main-navigation-ul .sub li.mega-hdr li a {
font-weight: normal;
}
.main-navigation-ul .sub ul li {
padding-right: 0;
}
.main-navigation-ul li .sub-container.non-mega .sub {
padding: 15px;
}
.main-navigation-ul li .sub-container.non-mega .sub li {
width: auto !important;
}
.main-navigation-ul li .sub-container.non-mega li {
padding: 0;
margin: 0;
min-width: 180px;
}
.main-navigation-ul li .sub-container.non-mega li a {
line-height: 18px;
padding: 9px 15px;
}
.main-navigation-ul li .sub-container.non-mega > ul {
padding: 0 !important;
}
.main-navigation-ul li .sub-container.mega .mk_mega_menu {
padding: 0 10px 10px 10px;
}
.main-navigation-ul li .sub-container.mega > .sub-menu {
padding: 20px 0 !important;
}
.main-navigation-ul li .sub-container.mk-nested-sub > ul li {
position: relative;
}
.main-navigation-ul li .sub-container.mk-nested-sub ul ul {
display: none;
top: -5px;
padding: 5px 0;
position: absolute;
-webkit-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);
border: 1px solid #d3d3d3;
}
.mk-nav-responsive-link {
display: none;
position: absolute;
right: 30px;
top: 50%;
margin-top: -8px;
z-index: 12;
line-height: 8px;
cursor: pointer;
}
.mk-nav-responsive-link i {
font-size: 16px;
}
#mk-responsive-nav > li > ul,
#mk-responsive-nav > li > div {
display: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#mk-responsive-nav > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#mk-responsive-nav .mk-nav-arrow {
position: absolute;
right: 0px;
top: 0px;
text-align: center;
cursor: pointer;
opacity: 0.7;
width: 70px;
height: 100%;
line-height: 50px;
}
#mk-responsive-nav .mk-nav-arrow:hover {
opacity: 1;
}
.menu-html-content {
line-height: 22px !important;
text-align: left;
}
#mk-responsive-nav {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
width: 100%;
display: none;
margin: 0;
padding: 0;
z-index: 20;
}
#mk-responsive-nav li {
display: block;
margin: 0;
}
#mk-responsive-nav li .sub li a {
width: auto !important;
}
#mk-responsive-nav li a {
border-top: 1px solid rgba(255, 255, 255, 0.1);
display: block;
font-size: 14px;
padding: 15px 20px;
text-align: left;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 13px;
position: relative;
}
#mk-responsive-nav li a > i {
display: none;
}
#mk-responsive-nav li a:hover {
background-color: rgba(0, 0, 0, 0.03);
}
#mk-responsive-nav li a .sub-menu {
left: auto;
position: relative;
}
#mk-responsive-nav li a .mk_mega_menu .megamenu-title {
background-color: rgba(0, 0, 0, 0.03);
font-size: 14px;
font-weight: 700;
}
#mk-responsive-nav li a .mk_mega_menu .row {
width: auto;
}
#mk-responsive-nav li ul {
margin: 0;
padding: 0;
}
#mk-responsive-nav li ul li a,
#mk-responsive-nav li ul li .megamenu-title {
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 12px 15px 12px 35px;
text-align: left;
text-transform: none;
font-weight: normal;
}
#mk-responsive-nav > .responsive-searchform {
display: block !important;
}
.responsive-searchform {
margin: 10px;
position: relative;
}
.responsive-searchform .text-input {
width: 100%;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 0.02);
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #9e9e9e !important;
}
.responsive-searchform .mk-icon-search {
position: absolute;
right: 15px;
font-size: 20px;
bottom: 14px;
color: #ccc;
color: rgba(0, 0, 0, 0.3);
}
.responsive-searchform .mk-icon-search input {
width: 100%;
height: 100%;
background: none;
border: none;
outline: none;
position: absolute;
left: 0;
top: 0;
}
#mk-footer {
width: 100%;
position: relative;
padding: 50px 0 0;
}
#mk-footer.mk-footer-disable {
padding-top: 0;
}
#mk-footer .footer-wrapper {
position: relative;
min-height: 100px;
}
#mk-footer .mk-padding-wrapper {
padding: 0 20px;
}
@media handheld, only screen and (max-width: 960px) {
#mk-footer [class*='mk-col-'] {
width: 50% !important;
}
}
@media handheld, only screen and (max-width: 790px) {
#mk-footer [class*='mk-col-'] {
width: 100% !important;
}
}
/* SUB FOOTER SECTION */
#sub-footer .mk-footer-copyright {
opacity: 0.4;
font-size: 11px;
float: left;
padding: 20px 0;
font-size: bold;
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
}
#sub-footer .mk-footer-logo {
float: left;
display: inline-block;
padding: 8px 20px 8px 0;
}
#mk-footer-navigation {
float: right;
}
#mk-footer-navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
#mk-footer-navigation ul li {
display: inline-block;
float: left;
margin: 0;
padding: 0;
}
#mk-footer-navigation ul li a {
margin: 20px 12px;
display: block;
font-size: 11px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
opacity: 0.6;
}
#mk-footer-navigation ul li a:hover {
opacity: 1;
}
#mk-footer-navigation ul li ul {
display: none;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-footer-copyright {
padding-left: 20px !important;
}
}
@media handheld, only screen and (max-width: 960px) {
#mk-footer-navigation {
float: none;
width: auto;
text-align: center;
}
#mk-footer-navigation ul li {
display: block !important;
}
.mk-footer-copyright {
display: block;
float: none !important;
text-align: left;
clear: both;
padding: 10px 10px 5px !important;
}
}
@media handheld, only screen and (max-width: 540px) {
#mk-footer-navigation ul li {
float: none !important;
width: 100% !important;
}
#mk-footer-navigation ul li a {
margin: 5px auto;
}
.mk-footer-copyright {
text-align: center;
}
}
.mk-footer-tweets {
padding: 40px 0 20px;
text-align: center;
}
.mk-footer-tweets ul {
padding: 0;
margin: 0 auto;
width: 50%;
}
.mk-footer-tweets ul li .tweet-text {
font-size: 18px;
line-height: 26px;
margin-bottom: 15px;
display: block;
}
.mk-footer-tweets ul li .tweet-username {
font-size: 38px;
display: block;
margin-bottom: 30px;
line-height: 32px;
}
.mk-footer-tweets ul li .tweet-time {
font-size: 14px;
margin-bottom: 30px;
display: block;
color: #999999;
}
.mk-footer-tweets.mk-light-skin .tweet-text {
color: #444444;
}
.mk-footer-tweets.mk-light-skin .tweet-text a {
color: #444444;
}
.mk-footer-tweets.mk-dark-skin .tweet-text {
color: #fff;
}
.mk-footer-tweets.mk-dark-skin .tweet-text a {
color: #fff;
}
.mk-footer-tweets.mk-dark-skin .tweet-time {
color: #999999;
}
#mk-page-introduce {
padding: 15px 0;
position: relative;
z-index: 8;
}
#mk-page-introduce.intro-left {
text-align: left;
}
#mk-page-introduce.intro-right {
text-align: right;
}
#mk-page-introduce.intro-center {
text-align: center;
}
.page-introduce-title {
margin: 15px 20px 15px;
line-height: 120%;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.page-introduce-title.mk-drop-shadow {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.page-introduce-subtitle {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
display: inline-block;
line-height: 100%;
margin: 0px 20px 15px 23px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#mk-breadcrumbs .mk-breadcrumbs-inner {
float: right;
display: inline-block;
margin: 0 20px -15px 0;
line-height: 11px;
padding: 10px 12px 8px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
-ms-word-wrap: break-word;
word-wrap: break-word;
background-color: rgba(0, 0, 0, 0.1);
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin {
color: #fff;
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a,
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin .separator {
color: #d1d1d1;
color: rgba(255, 255, 255, 0.5);
}
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin {
color: #919191;
}
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin a,
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin .separator {
color: #bcbcbc;
}
@media handheld, only screen and (max-width: 700px) {
#mk-breadcrumbs .mk-breadcrumbs-inner {
margin: 15px 0 -15px !important;
float: none !important;
display: block !important;
text-align: center;
}
}
#mk-breadcrumbs .separator {
padding: 0 3px;
}
@media handheld, only screen and (max-width: 1140px) {
#mk-page-introduce {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
@media handheld, only screen and (max-width: 760px) {
#mk-page-introduce .introduce-fancy-title {
padding: 8px 20px;
font-size: 20px !important;
line-height: 35px !important;
}
#mk-page-introduce .introduce-fancy-title span {
padding: 8px 20px;
font-size: 20px !important;
}
}
.mk-news-container {
margin-bottom: 50px;
}
.mk-news-item {
background-color: #f6f6f6;
position: relative;
border: 1px solid #e1e1e1;
margin: 0 10px 10px 0;
opacity: 0;
overflow: hidden;
float: left;
}
.mk-news-item .news-categories {
font-weight: bold;
font-size: 12px;
}
.mk-news-item .news-the-title {
font-size: 16px;
font-weight: bold;
}
.mk-news-item .mk-read-more {
font-size: 11px;
}
.mk-news-item .mk-read-more i {
margin-left: 5px;
vertical-align: middle;
}
.news-full-with-image .news-meta-wrapper,
.news-half-with-image .news-meta-wrapper,
.news-fourth-with-image .news-meta-wrapper {
position: absolute;
left: 0;
bottom: 0;
margin: 20px;
}
.news-full-with-image .news-categories,
.news-half-with-image .news-categories,
.news-fourth-with-image .news-categories {
line-height: 28px;
color: #fff;
}
.news-full-with-image .news-categories span,
.news-half-with-image .news-categories span,
.news-fourth-with-image .news-categories span {
line-height: 100%;
padding: 3px 0;
}
.news-full-with-image .news-date,
.news-half-with-image .news-date,
.news-fourth-with-image .news-date {
background-color: rgba(0, 0, 0, 0.8);
padding: 4px 6px;
position: absolute;
top: 10px;
right: 10px;
font-size: 10px;
line-height: 10px;
color: #fff;
}
.news-full-with-image img,
.news-half-with-image img,
.news-fourth-with-image img {
height: 100%;
width: 100%;
}
.news-full-with-image .news-the-title,
.news-half-with-image .news-the-title,
.news-fourth-with-image .news-the-title {
line-height: 32px;
}
.news-full-with-image .news-the-title a,
.news-half-with-image .news-the-title a,
.news-fourth-with-image .news-the-title a {
color: #fff;
}
.news-full-with-image .news-the-title span,
.news-half-with-image .news-the-title span,
.news-fourth-with-image .news-the-title span {
line-height: 100%;
background-color: #000;
padding: 4px 0;
box-shadow: 8px 0 0 #000000, -8px 0 0 #000000;
}
.news-full-without-image,
.news-half-without-image,
.news-fourth-without-image {
padding: 20px;
}
.news-full-without-image .news-categories,
.news-half-without-image .news-categories,
.news-fourth-without-image .news-categories {
margin-bottom: 5px;
}
.news-full-without-image .news-the-title,
.news-half-without-image .news-the-title,
.news-fourth-without-image .news-the-title {
margin: 0;
}
.news-full-without-image .news-date,
.news-half-without-image .news-date,
.news-fourth-without-image .news-date {
color: #777777;
font-size: 11px;
margin-bottom: 10px;
display: block;
}
.news-full-with-image {
width: 98.8%;
}
.news-full-without-image {
width: 98.5%;
}
.news-half-with-image {
width: 49%;
}
.news-half-without-image {
width: 49%;
}
.news-fourth-with-image {
width: 24%;
}
.news-fourth-without-image {
width: 24%;
}
@media handheld, only screen and (max-width: 1024px) {
.news-half-with-image,
.news-fourth-with-image,
.news-full-with-image {
height: auto !important;
}
.news-half-with-image .news-meta-wrapper,
.news-fourth-with-image .news-meta-wrapper,
.news-full-with-image .news-meta-wrapper {
position: relative !important;
left: auto !important;
bottom: auto !important;
margin: 20px;
}
.news-full-with-image,
.news-full-without-image {
width: 97% !important;
}
.news-half-with-image,
.news-fourth-with-image,
.news-fourth-without-image,
.news-half-without-image {
width: 48% !important;
height: auto !important;
}
}
@media handheld, only screen and (max-width: 767px) {
.news-full-with-image,
.news-full-without-image {
width: 100% !important;
}
.mk-news-item {
margin-right: 0 !important;
}
.news-half-with-image,
.news-fourth-with-image {
width: 100% !important;
}
.news-fourth-without-image,
.news-half-without-image {
width: 100% !important;
}
}
.news-post-heading {
padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: 3px solid #dddddd;
border-bottom: 3px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.news-single-social {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: 5px;
display: inline-block;
}
.news-single-social li {
display: inline-block;
margin: 0;
padding: 0 7px 0 5px;
border-right: 1px solid #bcbcbc;
line-height: 14px;
}
.news-single-social li.mk-news-share {
position: relative;
}
.news-single-social li.mk-news-share .news-share-buttons {
position: absolute;
background-color: #e9e9e9;
border: 1px solid #cccccc;
display: block;
padding: 10px 6px;
width: 215px;
top: 30px;
right: 0;
white-space: nowrap;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
display: none;
}
.news-single-social li.mk-news-share .news-share-buttons:after {
position: absolute;
display: block;
content: "";
top: -6px;
right: 43px;
width: 12px;
height: 12px;
background-color: #e9e9e9;
border: 1px solid #cccccc;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-right: none;
border-bottom: none;
}
.news-single-social li.mk-news-share .news-share-buttons .share-button {
display: inline-block;
float: left;
padding-left: 10px;
}
.news-single-social li:last-child {
border: none !important;
}
.news-single-social li a {
line-height: 16px;
display: block;
}
.back-news-page {
font-size: 12px;
font-weight: bold;
margin-right: 20px;
}
.back-news-page i {
display: inline-block;
font-size: 16px;
color: #bbbbbb;
margin-right: 8px;
}
.news-single-date {
display: inline-block;
}
.news-single-date a {
font-size: 11px;
color: #999999;
}
.news-single-categories {
font-size: 12px;
font-weight: bold;
color: #999999;
display: inline-block;
text-transform: uppercase;
}
.single-news-meta {
line-height: 13px;
}
.news-featured-image {
margin: 10px 0 50px;
}
.news-post-content {
margin-bottom: 50px;
}
.mk-back-top {
text-align: right;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 3px solid #dddddd;
border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}
.mk-back-top .mk-back-top-link {
color: #999999;
font-size: 12px;
}
.mk-back-top .mk-back-top-link i {
margin-right: 5px;
}
.mk-news-tab-heading {
background-color: #ebebeb;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
background: -webkit-linear-gradient(top, #f7f7f7, #ebebeb);
background: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
background: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
background: -o-linear-gradient(top, #f7f7f7, #ebebeb);
background-color: #f7f7f7;
border: 1px solid #dbdbdb;
border-bottom: none;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
background-clip: padding-box;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
}
.mk-news-tab-title {
float: left;
font-size: 14px;
line-height: 12px;
padding: 14px 20px 0 20px;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
color: #333333;
}
@media handheld, only screen and (max-width: 700px) {
.mk-news-tab-title {
display: none;
}
}
.mk-news-tab {
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
}
.mk-news-tab .mk-tabs-tabs {
margin: 0 0 -1px 0 !important;
position: relative;
z-index: 10;
float: right;
}
.mk-news-tab .mk-tabs-tabs li {
margin: 0;
position: relative;
padding: 0;
display: inline;
float: left;
}
.mk-news-tab .mk-tabs-tabs li.ui-tabs-active > a {
cursor: default;
border-bottom: none;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background: -webkit-linear-gradient(top, transparent, transparent);
background: -moz-linear-gradient(top, transparent, transparent);
background: -ms-linear-gradient(top, transparent, transparent);
background: -o-linear-gradient(top, transparent, transparent);
background-color: transparent;
padding-bottom: 16px;
}
.mk-news-tab .mk-tabs-tabs li a {
font-weight: bold;
color: #333333;
display: block;
line-height: 100%;
padding: 15px 20px;
margin: 0;
border-left: 1px solid #dbdbdb;
white-space: nowrap;
}
@media handheld, only screen and (max-width: 700px) {
.mk-news-tab .mk-tabs-tabs {
float: none;
}
.mk-news-tab .mk-tabs-tabs li {
display: block;
float: none;
}
.mk-news-tab .mk-tabs-tabs li a {
border: none;
border-bottom: 1px solid #dbdbdb;
}
.mk-news-tab .mk-tabs-tabs li.ui-tabs-active > a {
border-bottom: 1px solid #dbdbdb;
padding-bottom: 15px;
}
}
.mk-news-tab .mk-tabs-panes {
position: relative;
z-index: 1;
margin: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
background-clip: padding-box;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
border: 1px solid #dbdbdb;
}
.mk-news-tab .mk-tabs-panes .mk-tabs-pane {
padding: 20px;
position: relative;
z-index: 8;
}
.news-tab-wrapper {
float: left;
width: 50%;
padding: 15px;
}
@media handheld, only screen and (max-width: 700px) {
.news-tab-wrapper {
width: 100%;
padding: 10px;
}
}
.news-tab-wrapper .news-tab-thumb {
margin-bottom: 20px;
display: block;
}
.news-tab-wrapper .the-title {
line-height: 16px;
margin-bottom: 5px;
}
.news-tab-wrapper .the-title a {
font-size: 15px;
line-height: 22px;
text-transform: capitalize;
color: #333333;
}
.news-tab-wrapper .new-tab-readmore i {
padding-left: 6px;
font-size: 14px;
}
.not-found-wrapper {
text-align: center;
padding: 30px 0 100px 0;
}
.not-found-title {
font-size: 28px;
display: block;
margin-bottom: 20px;
font-weight: bold;
color: #333333;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.not-found-subtitle {
font-size: 180px;
line-height: 100%;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
display: block;
font-weight: 300;
border-bottom: 1px dotted #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
}
.not-found-desc {
color: #333333;
font-size: 14px;
text-transform: uppercase;
display: block;
margin-bottom: 30px;
}
.mk-notfound-search {
position: relative;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
background-color: #f4f4f4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #d2d2d2;
padding: 15px;
display: inline-block;
}
.mk-notfound-search:before {
display: block;
position: absolute;
width: 22px;
height: 19px;
left: 50%;
top: -18px;
content: " ";
background: url(../../images/not-found-search-tri.png) no-repeat;
}
.mk-notfound-search span {
position: relative;
}
.mk-notfound-search .notfound-text-input {
width: 360px;
background-color: #fff;
padding: 4px 25px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.mk-notfound-search .mk-icon-remove-sign {
position: absolute;
left: 7px;
top: 0px;
font-size: 16px;
color: #cccccc;
cursor: pointer;
}
.mk-notfound-search .notfound-search-btn {
background: none;
border: none;
outline: none;
position: absolute;
left: 0;
top: 0;
}
.mk-notfound-search .mk-icon-search {
position: absolute;
right: 8px;
top: -1px;
font-size: 16px;
color: #cccccc;
}
.mk-uc-header {
text-align: center;
padding: 100px 0 140px 0;
position: relative;
}
.mk-uc-wrapper {
position: relative;
z-index: 20;
width: 750px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
min-height: 500px;
background-color: #fff;
border: 1px solid #dddddd;
margin: -125px auto 100px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
@media handheld, only screen and (max-width: 760px) {
.mk-uc-wrapper {
width: 90% !important;
}
}
.mk-uc-title {
padding: 70px 30px 60px;
font-size: 32px;
line-height: 40px;
display: block;
color: #333333;
}
.mk-uc-subtitle {
display: block;
font-size: 16px;
color: #999999;
margin-bottom: 20px;
}
#mk-uc-countdown {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
#mk-uc-countdown li {
display: inline-block;
margin: 0 0 15px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fafafa;
border: 1px solid #dddddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
}
#mk-uc-countdown li .timestamp {
display: block;
font-size: 40px;
list-style: 100%;
font-weight: 300;
padding: 15px 18px;
color: #898989;
text-shadow: 1px 1px #fff;
border-bottom: 1px solid #dddddd;
}
#mk-uc-countdown li .timeRef {
color: #898989;
border-top: 1px solid #fdfdfd;
display: block;
padding: 3px;
font-size: 11px;
text-transform: capitalize;
}
@media handheld, only screen and (max-width: 750px) {
#mk-uc-countdown li {
width: 90%;
display: block;
margin: 0 auto 15px;
}
}
.mk-uc-social-subscribe {
margin: 40px auto 20px auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 15px;
background-color: #fafafa;
border: 1px solid #ddd;
}
.uc-social {
margin: 0;
padding: 9px 0 0;
list-style: none;
float: left;
}
@media handheld, only screen and (max-width: 750px) {
.uc-social {
float: none !important;
display: block;
margin: 0 auto 10px !important;
text-align: center;
}
.uc-social li {
float: none !important;
}
}
.uc-social li {
display: inline-block;
float: left;
margin: 0;
line-height: 4px;
}
.uc-social li a {
margin-right: 8px;
line-height: 4px;
}
.uc-social li a i {
font-size: 32px;
}
.uc-social li a.facebook-icon i {
color: #3d619b;
}
.uc-social li a.twitter-icon i {
color: #1fabc9;
}
.uc-social li a.googleplus-icon i {
color: #b7312c;
}
.uc-social li a.rss-icon i {
color: #fe3b1e;
}
#mk-uc-subscribe {
float: left;
display: inline-block;
margin-left: 20px;
}
#mk-uc-subscribe form {
position: relative;
}
#mk-uc-subscribe .text-input {
background-color: #fff;
width: 300px;
padding: 15px 70px 15px 10px;
}
#mk-uc-subscribe .mk-button {
position: absolute;
right: 8px;
top: 9px;
margin: 0;
padding: 9px 15px;
font-weight: normal;
font-size: 10px;
}
#mk-uc-subscribe .mk-button:active {
top: 9px;
}
/* Plugins Styles */
/* * jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author:Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active,
.mk-flexslider a:active,
.flex-container a:focus,
.mk-flexslider a:focus {
outline: none;
}
.mk-flex-slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* mk-flexslider Necessary Styles
******************************** */
.mk-flexslider {
margin: 0;
padding: 0;
}
.mk-flexslider .mk-flex-slides > li,
.mk-flexslider .mk-banner-slides > li {
display: none;
margin: 0;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.mk-flexslider .mk-flex-slides img,
.mk-flexslider .mk-banner-slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.mk-flex-slides:after,
.mk-banner-slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .mk-flex-slides {
display: block;
}
* html .mk-flex-slides {
height: 1%;
}
.mk-flexslider .mk-banner-slides {
margin: 0;
padding: 0;
list-style: none;
}
.mk-flexslider .mk-banner-slides li {
margin: 0;
}
/* flexslider Default Theme
******************************** */
.mk-flexslider {
margin: 0;
position: relative;
zoom: 1;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.loading .flex-viewport {
max-height: 100px;
}
.mk-flexslider .mk-flex-slides,
.mk-flexslider .mk-banner-slides {
zoom: 1;
}
.carousel li {
margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
display: block;
position: absolute;
z-index: 10;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.flex-direction-nav .flex-next {
opacity: 0.7;
}
.flex-direction-nav .flex-prev {
opacity: 0.7;
}
.flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.mk-flexslider:hover .flex-next:hover,
.mk-flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: .3 !important;
filter: alpha(opacity=30);
cursor: default;
}
/* Control Nav */
.flex-control-nav {
width: 100%;
left: 0;
position: absolute;
bottom: 10px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
display: block;
cursor: pointer;
}
.flex-control-paging li a.flex-active {
cursor: default;
}
.flex-control-thumbs {
margin: 20px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 100px;
height: 60px;
margin: 0 20px 0 0;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
/* The Preloader in the Slider */
#iCarousel-preloader {
position: absolute;
z-index: 1000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: #000 1px solid;
border-color: rgba(0, 0, 0, 0.6);
padding: 1px;
width: 150px;
height: 3px;
}
#iCarousel-preloader div {
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 3px;
background: #000;
background: rgba(0, 0, 0, 0.6);
width: 0px;
}
/* The timer in the Slider */
#iCarousel-timer {
position: absolute;
z-index: 1000;
border-radius: 5px;
cursor: pointer;
}
#iCarousel-timer div {
border-radius: 3px;
}
.mk-icarousel-slideshow {
width: 100%;
overflow: hidden;
padding: 10px 0;
visibility: hidden;
}
.mk-icarousel-slideshow > div {
width: 490px;
height: 400px;
position: relative;
margin: 20px auto;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px;
}
.mk-icarousel-slideshow div img {
border-radius: 4px;
border: 8px #333 solid !important;
border: 8px rgba(0, 0, 0, 0.5) solid !important;
width: 470px;
height: 360px !important;
}
/* The Navigation buttons in the Slider */
a.iCarouselNav {
display: block;
position: absolute;
top: 170px;
width: 38px;
height: 38px;
z-index: 1000;
opacity: 0.7;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
a.iCarouselNav:before {
position: absolute;
left: 13px;
top: 12px;
font-size: 16px;
color: #fff;
}
a.iCarouselNav:hover {
opacity: 1;
}
a#iCarouselPrev {
left: 16px;
}
a#iCarouselPrev:before {
content: "\f053";
}
a#iCarouselNext {
right: 20px;
}
a#iCarouselNext:before {
content: "\f054";
}
#mk_banner_builder .flex-viewport {
margin: 0 auto !important;
}
#mk_banner_builder > .flex-direction-nav a {
width: 42px;
height: 42px;
top: 50%;
margin-top: -20px;
text-align: center;
line-height: 42px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#mk_banner_builder > .flex-direction-nav a:hover {
background-color: rgba(0, 0, 0, 0.6);
}
#mk_banner_builder > .flex-direction-nav a i {
line-height: 42px;
font-size: 16px;
color: #fff;
}
#mk_banner_builder > .flex-direction-nav .flex-next {
right: 10px;
}
#mk_banner_builder > .flex-direction-nav .flex-prev {
left: 10px;
}
#mk_banner_builder:hover .flex-direction-nav .flex-next {
right: 20px;
}
#mk_banner_builder:hover .flex-direction-nav .flex-prev {
left: 20px;
}
.mk-edge-slider .mk-grid {
position: relative;
z-index: 14;
}
.mk-edge-slider .swiper-slide {
position: relative;
background-position: center;
background-repeat: no-repeat;
}
.mk-edge-slider .swiper-slide .edge-slide-content {
margin-top: 100px;
}
.mk-edge-slider .swiper-slide.left_top .edge-slide-content,
.mk-edge-slider .swiper-slide.center_top .edge-slide-content,
.mk-edge-slider .swiper-slide.right_top .edge-slide-content {
margin-top: 50px;
}
.mk-edge-slider .swiper-slide.center_top,
.mk-edge-slider .swiper-slide.center_center,
.mk-edge-slider .swiper-slide.center_bottom {
text-align: center;
}
.mk-edge-slider .swiper-slide.center_top .edge-slide-content,
.mk-edge-slider .swiper-slide.center_center .edge-slide-content,
.mk-edge-slider .swiper-slide.center_bottom .edge-slide-content {
margin-right: auto;
margin-left: auto;
}
.mk-edge-slider .swiper-slide.right_top .edge-slide-content,
.mk-edge-slider .swiper-slide.right_center .edge-slide-content,
.mk-edge-slider .swiper-slide.right_bottom .edge-slide-content {
float: right;
}
.mk-edge-slider:hover .mk-edge-next,
.mk-edge-slider:hover .mk-edge-prev {
opacity: 0.8;
}
.mk-edge-slider .mk-edge-next,
.mk-edge-slider .mk-edge-prev {
position: absolute;
top: 50%;
z-index: 10;
width: 60px;
height: 60px;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
text-align: center;
cursor: pointer;
opacity: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mk-edge-slider .mk-edge-next i,
.mk-edge-slider .mk-edge-prev i {
font-size: 16px;
line-height: 60px;
}
.mk-edge-slider .mk-edge-next:hover,
.mk-edge-slider .mk-edge-prev:hover {
background-color: rgba(0, 0, 0, 0.6);
opacity: 1;
}
.mk-edge-slider .mk-edge-next {
right: 30px;
}
.mk-edge-slider .mk-edge-prev {
left: 30px;
}
.mk-edge-slider .edge-slide-content.caption-light .edge-title,
.mk-edge-slider .edge-slide-content.caption-light .edge-desc {
color: #fff;
}
.mk-edge-slider .edge-slide-content.caption-dark .edge-title,
.mk-edge-slider .edge-slide-content.caption-dark .edge-desc {
color: #252525;
}
.mk-edge-slider .edge-title {
margin-bottom: 20px;
font-weight: 400;
font-size: 46px;
}
.mk-edge-slider .edge-desc {
font-weight: 200;
font-size: 25px;
line-height: 40px;
margin-bottom: 20px;
}
.mk-edge-slider .edge-default_anim .edge-title {
transition: all 0.35s ease-in-out 0.8s;
-webkit-transition: all 0.35s ease-in-out 0.8s;
-moz-transition: all 0.35s ease-in-out 0.8s;
-ms-transition: all 0.35s ease-in-out 0.8s;
-o-transition: all 0.35s ease-in-out 0.8s;
}
.mk-edge-slider .edge-default_anim .edge-desc {
transition: all 0.35s ease-in-out 0.9s;
-webkit-transition: all 0.35s ease-in-out 0.9s;
-moz-transition: all 0.35s ease-in-out 0.9s;
-ms-transition: all 0.35s ease-in-out 0.9s;
-o-transition: all 0.35s ease-in-out 0.9s;
}
.mk-edge-slider .edge-default_anim .edge-buttons {
transition: all 0.35s ease-in-out 1s !important;
-webkit-transition: all 0.35s ease-in-out 1s !important;
-moz-transition: all 0.35s ease-in-out 1s !important;
-ms-transition: all 0.35s ease-in-out 1s !important;
-o-transition: all 0.35s ease-in-out 1s !important;
}
.mk-edge-slider .edge-default_anim .edge-buttons a {
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.mk-edge-slider .edge-default_anim .edge-title,
.mk-edge-slider .edge-default_anim .edge-desc,
.mk-edge-slider .edge-default_anim .edge-buttons {
-webkit-transform: translate(0, 70px);
-moz-transform: translate(0, 70px);
-ms-transform: translate(0, 70px);
-o-transform: translate(0, 70px);
opacity: 0;
}
.mk-edge-slider .swiper-slide-active .edge-default_anim .edge-title,
.mk-edge-slider .swiper-slide-active .edge-default_anim .edge-desc,
.mk-edge-slider .swiper-slide-active .edge-default_anim .edge-buttons {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-fade-in,
.mk-edge-slider .edge-slide-top,
.mk-edge-slider .edge-slide-left,
.mk-edge-slider .edge-slide-bottom,
.mk-edge-slider .edge-slide-right,
.mk-edge-slider .edge-scale-down {
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
-ms-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;
opacity: 0;
}
.mk-edge-slider .swiper-slide-active .edge-fade-in {
opacity: 1;
}
.mk-edge-slider .edge-slide-top {
-webkit-transform: translate(0, -300%);
-moz-transform: translate(0, -300%);
-ms-transform: translate(0, -300%);
-o-transform: translate(0, -300%);
}
.mk-edge-slider .swiper-slide-active .edge-slide-top {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-slide-left {
-webkit-transform: translate(-300%, 0);
-moz-transform: translate(-300%, 0);
-ms-transform: translate(-300%, 0);
-o-transform: translate(-300%, 0);
}
.mk-edge-slider .swiper-slide-active .edge-slide-left {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-slide-bottom {
-webkit-transform: translate(0, 300%);
-moz-transform: translate(0, 300%);
-ms-transform: translate(0, 300%);
-o-transform: translate(0, 300%);
}
.mk-edge-slider .swiper-slide-active .edge-slide-bottom {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-slide-right {
-webkit-transform: translate(300%, 0);
-moz-transform: translate(300%, 0);
-ms-transform: translate(300%, 0);
-o-transform: translate(300%, 0);
}
.mk-edge-slider .swiper-slide-active .edge-slide-right {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1;
}
.mk-edge-slider .edge-scale-down {
transform: scale(1.3);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
}
.mk-edge-slider .swiper-slide-active .edge-scale-down {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.mk-edge-slider .edge-flip-x,
.mk-edge-slider .edge-flip-y {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-perspective: 1000;
opacity: 0;
-webkit-animation-duration: 0.6s;
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.mk-edge-slider .swiper-slide-active .edge-flip-x {
-webkit-animation-name: mk_flip_x;
-moz-animation-name: mk_flip_x;
-o-animation-name: mk_flip_x;
animation-name: mk_flip_x;
opacity: 1;
}
.mk-edge-slider .swiper-slide-active .edge-flip-y {
-webkit-animation-name: mk_flip_y;
-moz-animation-name: mk_flip_y;
-o-animation-name: mk_flip_y;
animation-name: mk_flip_y;
opacity: 1;
}
.mk-edge-slider .edge-slider-holder {
z-index: 10;
}
.mk-edge-slider .edge-slider-loading {
position: absolute;
width: 100%;
height: 100%;
z-index: 20;
left: 0;
top: 0;
background: #ffffff url(../../images/edge-loading.gif) center center no-repeat;
}
.mk-edge-slider .edge-skip-slider {
position: absolute;
left: 50%;
bottom: 20px;
cursor: pointer;
z-index: 10;
margin: -24px 0 0 -24px;
}
.mk-edge-slider .edge-skip-slider i {
color: #fff;
font-size: 48px;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-edge-slider .mk-grid {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
}
.mk-edge-slider .edge-title {
font-weight: 600;
font-size: 40px;
}
.mk-edge-slider .edge-desc {
font-weight: 400;
font-size: 20px;
line-height: 34px;
}
.mk-edge-slider .edge-slide-content {
width: 80%;
}
}
@media handheld, only screen and (max-width: 700px) {
.mk-edge-slider .mk-grid {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
.mk-edge-slider .mk-edge-next,
.mk-edge-slider .mk-edge-prev,
.mk-edge-slider .edge-skip-slider {
display: none;
}
.mk-edge-slider .edge-title {
font-weight: 700;
font-size: 22px;
}
.mk-edge-slider .edge-desc {
font-size: 14px;
line-height: 22px;
}
.mk-edge-slider .mk-button {
padding: 10px 12px !important;
font-size: 10px !important;
}
.mk-edge-slider .mk-button-align.left,
.mk-edge-slider .mk-button-align.center,
.mk-edge-slider .mk-button-align.right {
width: auto !important;
margin-bottom: 6px;
}
.mk-edge-slider .edge-slide-content {
width: 100%;
}
}
/* ===============================================================
Basic Swiper Styles
================================================================ */
.swiper-container {
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
/* Fix of Webkit flickering */
}
.swiper-wrapper {
position: relative;
width: 100%;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-property: -webkit-transform, left, top;
-moz-transition-property: -moz-transform, left, top;
-ms-transition-property: -ms-transform, left, top;
-o-transition-property: -o-transform, left, top;
transition-property: transform, left, top;
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-ms-transform: translate3d(0px, 0, 0);
-o-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
transform: translate3d(0px, 0, 0);
}
.swiper-free-mode > .swiper-wrapper {
margin: 0 auto;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-slide {
float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles,
here you need to specify container's and slide's
sizes,
pagination,
etc.
================================================================ */
.swiper-container {
/* height: 100px;
*/
/* Specify Swiper's Size: */
/* width:200px;
*/
}
.swiper-slide {
/* height: 100%;
*/
/* Specify Slides's Size: */
/* width:100%;
*/
}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-visible {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================ */
.swiper-pagination-switch {
/* Stylize pagination button: */
}
.swiper-active-switch {
/* Specific active button style: */
}
.swiper-visible-switch {
/* Specific visible button style: */
}
/* * Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.jplayer.org
* Copyright (c) 2010-2012 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
* - http://www.opensource.org/licenses/mit-license.php
* - http://www.gnu.org/copyleft/gpl.html
*
* Author:Silvia Benvenuti
* Skin Version:4.3 (jPlayer 2.2.0)
* Date:19th November 2012 */
div.jp-audio {
display: block;
}
div.jp-audio.audio-has-img {
margin-left: 100px;
}
div.jp-interface {
position: relative;
width: 100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
min-height: 90px;
}
/* @group CONTROLS */
div.jp-controls-holder {
clear: both;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
top: -8px;
/* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}
div.jp-interface ul.jp-controls {
list-style-type: none;
margin: -14px 0 0 -28px;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
}
div.jp-interface ul.jp-controls li {
margin: 0;
}
div.jp-interface ul.jp-controls li {
display: inline;
float: left;
}
div.jp-interface ul.jp-controls a {
display: block;
}
a.jp-play,
a.jp-pause {
padding: 9px 6px 7px 10px;
display: block;
width: 30px;
height: 30px;
text-align: center;
border: 1px solid #252525;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #252525;
}
a.jp-play:hover,
a.jp-pause:hover {
color: #fff;
border-color: #fff;
}
a.jp-play i,
a.jp-pause i {
line-height: 30px;
width: 30px;
font-size: 16px;
}
a.jp-pause {
padding: 9px 8px 7px;
display: none;
}
/* @end */
/* @group progress bar */
div.jp-progress {
background-color: rgba(0, 0, 0, 0.2);
}
div.jp-audio div.jp-progress {
position: absolute;
top: 0px;
left: 0;
height: 12px;
}
div.jp-audio div.jp-type-single div.jp-progress {
left: 0;
width: 100%;
}
div.jp-seek-bar {
width: 0px;
height: 100%;
cursor: pointer;
}
div.jp-play-bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
width: 0px;
height: 100%;
position: relative;
}
/* The seeking class is added/removed inside jPlayer */
/* @end */
/* @group volume controls */
a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
width: 18px;
height: 15px;
margin-top: 0px;
}
div.jp-volume-bar {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 20;
width: 26px;
height: 14px;
cursor: pointer;
background: url(../../images/jp-volume-control.png) left bottom no-repeat;
}
div.jp-volume-bar i {
position: absolute;
left: -12px;
color: #252525;
top: -3px;
font-size: 16px;
}
div.jp-volume-bar-value {
background: url(../../images/jp-volume-control.png) left top no-repeat;
width: 0px;
height: 14px;
}
/* @end */
/* @group current time and duration */
div.jp-audio div.jp-time-holder {
position: absolute;
top: 20px;
left: 0;
width: 100%;
padding: 0 10px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
color: #fff;
font-size: 12px;
width: 100%;
font-weight: bold;
}
div.jp-current-time,
div.jp-duration {
display: inline-block;
}
div.jp-current-time {
float: left;
}
div.jp-duration {
float: right;
}
/* @end */
div.jp-jplayer audio,
div.jp-jplayer {
width: 0px;
height: 0px;
}
div.jp-jplayer {
background-color: #000000;
}
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles {
list-style-type: none;
padding: 0;
margin: 0 auto;
overflow: hidden;
}
div.jp-audio .jp-type-single ul.jp-toggles {
width: 25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
width: 55px;
margin: 0;
position: absolute;
left: 325px;
top: 50px;
}
ul.jp-toggles li {
display: block;
float: right;
}
ul.jp-toggles li a {
display: block;
width: 25px;
height: 18px;
text-indent: -9999px;
line-height: 100%;
/* need this for IE6 */
}
a.jp-full-screen {
background: url("../../images/jplayer.blue.monday.jpg") 0 -310px no-repeat;
margin-left: 20px;
}
a.jp-full-screen:hover {
background: url("../../images/jplayer.blue.monday.jpg") -30px -310px no-repeat;
}
a.jp-restore-screen {
background: url("../../images/jplayer.blue.monday.jpg") -60px -310px no-repeat;
margin-left: 20px;
}
a.jp-restore-screen:hover {
background: url("../../images/jplayer.blue.monday.jpg") -90px -310px no-repeat;
}
a.jp-repeat {
background: url("../../images/jplayer.blue.monday.jpg") 0 -290px no-repeat;
}
a.jp-repeat:hover {
background: url("../../images/jplayer.blue.monday.jpg") -30px -290px no-repeat;
}
a.jp-repeat-off {
background: url("../../images/jplayer.blue.monday.jpg") -60px -290px no-repeat;
}
a.jp-repeat-off:hover {
background: url("../../images/jplayer.blue.monday.jpg") -90px -290px no-repeat;
}
a.jp-shuffle {
background: url("../../images/jplayer.blue.monday.jpg") 0 -270px no-repeat;
margin-left: 5px;
}
a.jp-shuffle:hover {
background: url("../../images/jplayer.blue.monday.jpg") -30px -270px no-repeat;
}
a.jp-shuffle-off {
background: url("../../images/jplayer.blue.monday.jpg") -60px -270px no-repeat;
margin-left: 5px;
}
a.jp-shuffle-off:hover {
background: url("../../images/jplayer.blue.monday.jpg") -90px -270px no-repeat;
}
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
padding: 5px;
font-size: .8em;
background-color: #eee;
border: 2px solid #009be3;
color: #000;
display: none;
}
.jp-no-solution a {
color: #000;
}
.jp-no-solution span {
font-size: 1em;
display: block;
text-align: center;
font-weight: bold;
}
/* @end */
/* Blog Styles */
.mk-blog-grid-item {
position: relative;
float: left;
overflow: hidden;
margin: 0;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.mk-blog-grid-item .blog-grid-holder {
margin: 0 12px 24px 12px;
border: 1px solid #e3e3e3;
background-color: #fff;
}
.mk-blog-grid-item.one-column {
width: 100%;
}
.mk-blog-grid-item.two-column {
width: 50%;
}
.mk-blog-grid-item.three-column {
width: 33.1%;
}
.mk-blog-grid-item.four-column {
width: 25%;
}
.mk-blog-grid-item.four-column .blog-grid-holder {
margin: 0 8px 16px 8px;
}
@media handheld, only screen and (max-width: 960px) {
.mk-blog-grid-item.three-column,
.mk-blog-grid-item.four-column {
width: 49.5% !important;
}
}
@media handheld, only screen and (max-width: 650px) {
.mk-blog-grid-item.three-column,
.mk-blog-grid-item.four-column,
.mk-blog-grid-item.two-column,
.mk-blog-grid-item.one-column {
width: 100% !important;
}
.mk-blog-grid-item.three-column .blog-grid-holder,
.mk-blog-grid-item.four-column .blog-grid-holder,
.mk-blog-grid-item.two-column .blog-grid-holder,
.mk-blog-grid-item.one-column .blog-grid-holder {
margin: 0 0 18px 0 !important;
}
}
.mk-blog-grid-item .featured-image {
position: relative;
display: block;
overflow: hidden;
}
.mk-blog-grid-item .featured-image img {
position: relative;
width: 100%;
}
.mk-blog-grid-item .featured-image:hover .blog-grid-hover-icon {
opacity: 1;
}
.mk-blog-grid-item .mk-blog-meta {
padding: 20px;
line-height: 18px;
}
.mk-blog-grid-item time {
display: block;
margin-bottom: 10px;
}
.mk-blog-grid-item time a {
color: #999999;
font-style: italic;
font-size: 11px;
}
.mk-blog-grid-item .the-title {
margin-top: 5px;
text-transform: uppercase !important;
line-height: 18px !important;
}
.mk-blog-grid-item .the-title a {
letter-spacing: 1px;
font-size: 14px;
line-height: 18px;
}
.mk-blog-grid-item .the-excerpt {
margin: 5px 0;
line-height: 22px;
color: #666666;
}
.mk-blog-grid-item .blog-grid-hover-icon {
font-size: 48px;
width: 48px;
height: 48px;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
margin: -24px 0 0 -24px;
opacity: 0;
z-index: 10;
}
.mk-blog-grid-item .blog-grid-footer {
position: relative;
padding: 15px 20px;
border-top: 1px solid #e3e3e3;
}
.mk-blog-grid-item .mk-love-holder {
position: absolute;
right: 20px;
top: 15px;
}
.mk-blog-modern-item {
width: 100%;
opacity: 0;
margin-bottom: 50px;
}
.mk-blog-modern-item .mk-blog-meta {
margin: 0 20px 20px 100px;
display: block;
padding: 0 !important;
}
.mk-blog-modern-item .mk-audio-section,
.mk-blog-modern-item .featured-image {
margin-bottom: 25px;
}
.mk-blog-modern-item .blog-modern-btn {
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 12px 15px;
font-size: 12px;
line-height: 12px;
color: #fff;
}
.mk-blog-modern-item .blog-modern-btn:hover {
background-color: #252525 !important;
}
.mk-blog-modern-item .mk-audio-section {
height: 170px;
}
@media handheld, only screen and (max-width: 780px) {
.mk-blog-modern-item .mk-audio-section .audio-has-img {
margin: 0 !important;
}
.mk-blog-modern-item .mk-audio-section .audio-thumb {
display: none;
}
}
.mk-blog-modern-item .mk-audio-section .jp-audio.audio-has-img {
margin-left: 170px;
}
.mk-blog-modern-item .mk-audio-section .jp-audio div.jp-interface {
min-height: 160px !important;
}
.mk-blog-modern-item .blog-modern-comment,
.mk-blog-modern-item .blog-modern-share,
.mk-blog-modern-item .mk-love-holder {
display: block;
padding: 12px 0;
color: #898989;
text-align: center;
line-height: 16px;
}
.mk-blog-modern-item .blog-modern-comment i,
.mk-blog-modern-item .blog-modern-share i,
.mk-blog-modern-item .mk-love-holder i {
font-size: 14px;
}
.mk-blog-modern-item .blog-share-container {
display: block;
float: none;
border-bottom: 1px solid #efefef;
}
.mk-blog-modern-item .blog-modern-comment {
line-height: 16px;
border-bottom: 1px solid #efefef;
}
.mk-blog-modern-item .blog-modern-comment span {
display: block;
}
.mk-blog-modern-item .blog-modern-share {
cursor: pointer;
padding: 20px 0;
}
.mk-blog-modern-item .mk-love-holder span {
display: block;
}
.mk-blog-modern-item .blog-social-share {
position: absolute;
left: -6px;
bottom: 50px;
background-color: #252525;
margin: 0;
list-style: none;
width: 40px;
text-align: center;
padding: 10px;
text-transform: center;
z-index: 10;
}
.mk-blog-modern-item .blog-social-share:before {
left: 25px;
bottom: -5px;
margin-top: -5px;
}
.mk-blog-modern-item .blog-social-share li {
margin: 16px 0;
}
.mk-blog-modern-item:first-of-type .blog-modern-social-section .blog-social-share {
top: 50px;
bottom: auto;
width: 215px;
}
.mk-blog-modern-item:first-of-type .blog-modern-social-section .blog-social-share:before {
left: 25px;
bottom: auto;
top: 0;
margin-top: -5px;
}
.mk-blog-modern-item:first-of-type .blog-modern-social-section .blog-social-share li {
display: inline-block;
margin: 3px 2px;
}
.blog-modern-social-section {
float: left;
width: 50px;
min-height: 150px;
border-right: 1px solid #efefef;
text-transform: center;
margin-left: 20px;
}
.mk-blog-classic-item {
margin-bottom: 20px;
border: 1px solid #e3e3e3;
overflow: hidden;
position: relative;
width: 100%;
background-color: #fff;
}
.mk-blog-classic-item .mk-readmore {
position: absolute;
right: 20px;
bottom: 15px;
}
.mk-blog-classic-item .mk-readmore i {
margin-right: 5px;
font-size: 8px;
}
.mk-blog-classic-item .mk-readmore:hover {
color: #252525 !important;
}
.mk-blog-classic-item .blog-social-share {
left: 50px;
bottom: -10px;
min-width: 180px;
z-index: 30;
}
.mk-blog-classic-item .blog-social-share:before {
left: -5px;
top: 50%;
}
.mk-blog-classic-item .blog-social-share li {
float: left;
display: inline-block;
}
@media handheld, only screen and (max-width: 600px) {
.mk-blog-classic-item .blog-social-share {
min-width: 130px;
padding: 10px;
bottom: -5px;
}
.mk-blog-classic-item .blog-social-share a {
margin: 0 5px;
}
}
.mk-blog-classic-item .mk-audio-section {
height: 170px;
}
@media handheld, only screen and (max-width: 780px) {
.mk-blog-classic-item .mk-audio-section .audio-has-img {
margin: 0 !important;
}
.mk-blog-classic-item .mk-audio-section .audio-thumb {
display: none;
}
}
.mk-blog-classic-item .mk-audio-section .jp-audio.audio-has-img {
margin-left: 170px;
}
.mk-blog-classic-item .mk-audio-section .jp-audio div.jp-interface {
min-height: 160px !important;
}
.featured-image:hover img {
filter: grayscale(100%);
/* Current draft standard */
-webkit-filter: grayscale(100%);
/* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
/* Not yet supported in Gecko, Opera or IE */
filter: gray;
/* IE */
-webkit-filter: grayscale(1);
/* Old WebKit */
}
.featured-image:hover .image-hover-overlay {
opacity: 0.9;
}
.mk-classic-comments,
.mk-blog-share {
height: 32px;
width: 32px;
background-color: #e8e8e8;
border: 1px solid #d1d1d1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
display: inline-block;
float: left;
margin-right: 15px;
text-align: center;
cursor: pointer;
}
.mk-classic-comments i,
.mk-blog-share i {
line-height: 32px;
color: #636363;
font-size: 16px;
}
.mk-classic-comments span {
position: absolute;
right: -10px;
top: -10px;
font-weight: bold;
color: #fff;
line-height: 10px;
font-size: 11px;
height: 20px;
padding: 0 7px;
line-height: 20px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.mk-classic-comments:hover,
.mk-blog-share:hover {
background-color: #f1f1f1;
}
.blog-share-container {
position: relative;
float: left;
}
.post-type-badge {
position: absolute;
left: 50%;
top: 50%;
display: block;
opacity: 0;
margin: -24px 0 0 -24px;
z-index: 10;
}
.post-type-badge i {
font-size: 48px;
color: #fff;
}
.mk-blog-portraite {
width: 100%;
}
.mk-blog-portraite .featured-image {
float: left;
display: inline-block;
width: 50%;
}
.mk-blog-portraite .mk-blog-meta {
float: left;
width: 50%;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-blog-portraite {
width: 100%;
}
.mk-blog-portraite .featured-image {
float: none !important;
display: block;
width: 100% !important;
}
.mk-blog-portraite .mk-blog-meta {
float: none !important;
width: 100% !important;
}
}
.sticky {
border: 1px solid #cccccc;
}
.the-excerpt {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.image-hover-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
}
.mk-audio-section {
display: block;
background-color: #fbb845;
height: 100px;
}
.mk-audio-section > img {
float: left;
filter: grayscale(100%);
/* Current draft standard */
-webkit-filter: grayscale(100%);
/* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
/* Not yet supported in Gecko, Opera or IE */
filter: gray;
/* IE */
-webkit-filter: grayscale(1);
/* Old WebKit */
opacity: 0.7;
}
.mk-audio-section .mk-audio-author {
font-size: 12px;
font-weight: bold;
text-transform: capitalize;
position: absolute;
top: 40px;
left: 10px;
display: block;
color: #fff;
}
.mk-readmore {
line-height: 12px;
font-weight: bold;
font-size: 12px;
}
.mk-readmore i {
margin-right: 5px;
text-decoration: none;
font-size: 8px;
}
.mk-readmore:hover {
color: #252525 !important;
}
.mk-blog-modern-item .mk-blog-meta,
.mk-blog-classic-item .mk-blog-meta {
padding: 20px;
}
.mk-blog-modern-item .the-title,
.mk-blog-classic-item .the-title {
margin-top: 5px;
}
.mk-blog-modern-item .the-title a,
.mk-blog-classic-item .the-title a {
font-size: 24px;
line-height: 24px;
}
.mk-blog-modern-item .the-excerpt,
.mk-blog-classic-item .the-excerpt {
margin-bottom: 20px;
}
.mk-blog-modern-item .mk-categories,
.mk-blog-classic-item .mk-categories,
.mk-blog-modern-item .mk-blog-author,
.mk-blog-classic-item .mk-blog-author,
.mk-blog-modern-item time,
.mk-blog-classic-item time {
display: inline-block;
font-size: 11px;
font-style: italic;
color: #999999;
margin-right: 5px;
}
.mk-blog-modern-item .mk-categories a,
.mk-blog-classic-item .mk-categories a,
.mk-blog-modern-item .mk-blog-author a,
.mk-blog-classic-item .mk-blog-author a,
.mk-blog-modern-item time a,
.mk-blog-classic-item time a {
color: #252525;
}
.mk-blog-modern-item .featured-image,
.mk-blog-classic-item .featured-image {
position: relative;
display: block;
overflow: hidden;
}
.mk-blog-modern-item .featured-image a,
.mk-blog-classic-item .featured-image a {
overflow: hidden;
display: block;
}
.mk-blog-modern-item .featured-image img,
.mk-blog-classic-item .featured-image img {
position: relative;
width: 100%;
max-width: 100%;
}
.mk-blog-modern-item .featured-image:hover .image-hover-overlay,
.mk-blog-classic-item .featured-image:hover .image-hover-overlay {
opacity: 0.85;
}
.mk-blog-modern-item .featured-image:hover .post-type-badge,
.mk-blog-classic-item .featured-image:hover .post-type-badge {
opacity: 1;
}
.mk-blog-modern-item .featured-image:hover img,
.mk-blog-classic-item .featured-image:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.blog-social-share {
position: absolute;
background-color: #252525;
margin: 0;
list-style: none;
display: block;
text-align: center;
padding: 15px 10px;
display: none;
}
.blog-social-share:before {
display: block;
width: 10px;
height: 10px;
position: absolute;
margin-top: -5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
background-color: #252525;
content: "";
}
.blog-social-share li {
margin: 0;
}
.blog-social-share li a {
color: #a8a8a8;
display: block;
margin: 0 10px;
}
.blog-social-share li a:hover {
color: #ffffff;
}
.blog-social-share li a i {
font-size: 16px;
}
.mk-blog-newspaper-item {
margin: 0;
float: left;
overflow: hidden;
opacity: 0;
}
.mk-blog-newspaper-item .blog-item-holder {
margin: 0 12px 24px 12px;
border: 1px solid #e3e3e3;
background-color: #fff;
position: relative;
-webkit-box-shadow: 0 3px 0 #f7f7f7;
-moz-box-shadow: 0 3px 0 #f7f7f7;
box-shadow: 0 3px 0 #f7f7f7;
}
.mk-blog-newspaper-item.one-column {
width: 100%;
}
.mk-blog-newspaper-item.two-column {
width: 50%;
}
.mk-blog-newspaper-item.three-column {
width: 33.1%;
}
.mk-blog-newspaper-item.four-column {
width: 25%;
}
.mk-blog-newspaper-item.four-column .blog-grid-holder {
margin: 0 8px 16px 8px;
}
@media handheld, only screen and (max-width: 960px) {
.mk-blog-newspaper-item.three-column,
.mk-blog-newspaper-item.four-column {
width: 49.5% !important;
}
}
@media handheld, only screen and (max-width: 650px) {
.mk-blog-newspaper-item.three-column,
.mk-blog-newspaper-item.four-column,
.mk-blog-newspaper-item.two-column {
width: 100% !important;
}
.mk-blog-newspaper-item .blog-item-holder {
margin: 0 0 18px 0 !important;
}
}
.mk-blog-newspaper-item .featured-image {
position: relative;
overflow: hidden;
}
.mk-blog-newspaper-item .featured-image img {
width: 100%;
max-width: 100%;
}
.mk-blog-newspaper-item .featured-image:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.mk-blog-newspaper-item .featured-image:hover .post-type-badge {
opacity: 1;
}
.mk-blog-newspaper-item .mk-blog-meta {
padding: 20px;
}
.mk-blog-newspaper-item time {
margin-bottom: 15px;
display: block;
}
.mk-blog-newspaper-item time a {
font-size: 11px;
line-height: 11px;
color: #999999;
font-style: italic;
letter-spacing: 1px;
}
.mk-blog-newspaper-item .the-title {
line-height: 18px;
margin-bottom: 10px !important;
}
.mk-blog-newspaper-item .the-title a {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
.mk-blog-newspaper-item .the-excerpt {
color: #555555;
}
.mk-blog-newspaper-item .mk-readmore {
float: left;
margin-top: 7px;
}
.mk-blog-newspaper-item .newspapre-footer-icons {
float: right;
margin-left: 15px;
color: #cccccc;
cursor: pointer;
}
.mk-blog-newspaper-item .newspapre-footer-icons:hover {
color: #b1b1b1;
}
.mk-blog-newspaper-item .newspaper-item-footer-holder {
padding: 20px;
}
.mk-blog-newspaper-item .newspaper-item-footer {
background-color: #fafafa;
border-top: 1px solid #e3e3e3;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list {
margin: 0;
list-style: none;
display: none;
background-color: #fff;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li {
margin: 0 0 15px 0;
padding: 0 10px;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:first-child {
padding-top: 20px !important;
border-top: 1px solid #e3e3e3;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li:last-child {
padding-bottom: 10px !important;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .avatar {
float: left;
display: inline-block;
margin: 0 16px 5px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-author {
font-weight: bold;
display: block;
margin: 0 0 4px 40px;
font-size: 11px;
line-height: 15px;
color: #333333;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-comments-list li .comment-content {
line-height: 18px;
font-size: 11px;
color: #666666;
display: block;
margin-left: 50px;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share {
display: none;
list-style: none;
margin: 0;
padding: 15px;
border-top: 1px solid #e3e3e3;
text-align: center;
background-color: #fff;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li {
display: inline-block;
margin: 0;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a {
width: 30px;
height: 30px;
border: 1px solid #b9b9b9;
margin: 0 3px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
display: block;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a i {
color: #b9b9b9;
font-size: 16px;
line-height: 30px;
}
.mk-blog-newspaper-item .newspaper-item-footer .newspaper-social-share li a:hover {
color: #9b9b9b;
border-color: #9b9b9b;
}
/* * Pageination */
.mk-pagination {
margin: 40px auto;
text-align: center;
padding: 25px 0 0;
border-top: 1px solid #bcbcbc;
border-top: 1px solid rgba(0, 0, 0, 0.2);
position: relative;
}
.mk-pagination .mk-pagination-inner {
margin: 0 10px;
float: left;
}
.mk-pagination .page-number,
.mk-pagination .current-page {
display: block;
padding: 11px 14px;
line-height: 12px;
font-size: 12px;
margin: 0 2px;
font-weight: bold;
float: left;
background-color: #252525;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff !important;
}
.mk-pagination .page-number:hover,
.mk-pagination .current-page:hover {
background-color: #a1a1a1;
}
.mk-pagination .current-page {
background-color: #a1a1a1;
}
.mk-pagination .mk-total-pages {
float: right;
}
.mk-pagination .mk-pagination-next a,
.mk-pagination .mk-pagination-previous a {
float: left;
color: #a1a1a1;
}
.mk-pagination .mk-pagination-next a:before,
.mk-pagination .mk-pagination-previous a:before {
line-height: 32px;
font-size: 16px;
}
.mk-pagination .mk-pagination-next a:hover,
.mk-pagination .mk-pagination-previous a:hover {
color: #252525;
}
.mk-pagination .mk-pagination-next a:before {
content: "\e2bd";
}
.mk-pagination .mk-pagination-previous a:before {
content: "\e2c1";
}
.mk-page-links {
margin: 10px 0 20px 10px;
font-weight: bold;
}
.mk-page-links a {
display: inline-block;
line-height: 14px;
font-size: 12px;
margin: 0;
}
.mk-loadmore-button {
margin: 40px auto;
background-color: #fff;
color: #252525 !important;
font-size: 13px;
display: block;
text-align: center;
padding: 15px 0;
line-height: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #e2e2e2;
width: 50%;
position: relative;
}
.mk-loadmore-button:hover {
background-color: #f5f5f5;
}
.mk-loadmore-button .mk-moon-arrow-down-4 {
font-size: 16px;
margin-right: 10px;
color: #b5b5b5;
}
.mk-loadmore-button .mk-moon-loop-4 {
font-size: 16px;
color: #252525;
-moz-animation: spin 0.6s infinite linear;
-o-animation: spin 0.6s infinite linear;
-webkit-animation: spin 0.6s infinite linear;
animation: spin 0.6s infinite linear;
display: block;
width: 16px;
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -8px;
opacity: 0;
}
.mk-loadmore-button.pagination-loading {
background-color: #f5f5f5;
color: #d7d7d7 !important;
}
.mk-loadmore-button.pagination-loading .mk-moon-arrow-down-4 {
color: #e6e6e6;
}
.mk-loadmore-button.pagination-loading .mk-moon-loop-4 {
opacity: 1;
}
.mk-loadmore-button #infscr-loading {
display: none !important;
}
.mk-loadmore-button.disable-pagination {
cursor: default;
}
@media handheld, only screen and (max-width: 700px) {
.mk-loadmore-button {
width: 100% !important;
}
}
.mk-blog-single .the-title {
margin-bottom: 10px;
}
.mk-blog-single .the-title a {
font-size: 28px;
}
.mk-blog-single .blog-single-meta {
margin-bottom: 20px;
float: left;
}
@media handheld, only screen and (max-width: 960px) {
.mk-blog-single .blog-single-meta {
float: none !important;
display: block;
}
}
.mk-blog-single .mk-blog-author,
.mk-blog-single .mk-post-date,
.mk-blog-single .mk-post-cat {
color: #999999;
font-style: italic;
font-size: 11px;
display: inline-block;
}
.mk-blog-single article {
position: relative;
}
.mk-blog-single .mk-audio-section {
height: 170px;
}
.mk-blog-single .mk-audio-section .jp-audio.audio-has-img {
margin-left: 170px;
}
.mk-blog-single .mk-audio-section .jp-audio div.jp-interface {
min-height: 160px !important;
}
@media handheld, only screen and (max-width: 780px) {
.mk-blog-single .mk-audio-section .audio-has-img {
margin: 0 !important;
}
.mk-blog-single .mk-audio-section .audio-thumb {
display: none;
}
}
.single-social-section {
float: right;
}
.single-social-section .blog-modern-comment,
.single-social-section .blog-share-container,
.single-social-section .mk-love-holder,
.single-social-section .mk-blog-print {
float: right;
display: inline-block;
margin-left: 20px;
}
.single-social-section .blog-modern-comment i,
.single-social-section .blog-share-container i,
.single-social-section .mk-love-holder i,
.single-social-section .mk-blog-print i {
font-size: 16px;
}
.single-social-section .blog-modern-comment i,
.single-social-section .mk-blog-print i {
color: #898989;
}
.single-social-section .blog-share-container {
position: relative;
}
.single-social-section .blog-single-share {
cursor: pointer;
}
.single-social-section .blog-single-share i {
font-size: 16px;
color: #898989;
}
@media handheld, only screen and (max-width: 960px) {
.single-social-section {
float: none !important;
display: block;
margin-bottom: 20px;
}
.single-social-section .blog-modern-comment,
.single-social-section .blog-share-container,
.single-social-section .mk-love-holder,
.single-social-section .mk-blog-print {
float: left;
padding: 0 20px 0 0 !important;
margin: 0 !important;
}
.single-social-section .single-share-box {
right: -170px;
left: auto !important;
}
.single-social-section .single-share-box:before {
left: -5px;
right: auto !important;
}
}
.single-share-box {
position: absolute;
left: -220px;
bottom: -13px;
background-color: #252525;
margin: 0;
list-style: none;
display: none;
text-align: center;
padding: 12px;
text-transform: center;
}
.single-share-box:before {
right: -5px;
top: 50%;
margin-top: -5px;
display: block;
width: 10px;
height: 10px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
background-color: #252525;
content: "";
}
.single-share-box li {
float: left;
margin: 0;
}
.single-share-box li a {
color: #a8a8a8;
display: block;
margin: 0 10px;
}
.single-share-box li a:hover {
color: #ffffff;
}
.single-share-box li a i {
font-size: 16px;
}
.mk-blog-next-prev {
display: block;
margin-bottom: -10px;
}
.mk-blog-next-prev a {
float: left !important;
}
.mk-single-content {
margin: 30px 0 60px;
}
.single-post-tags {
margin-bottom: 30px;
}
.single-post-tags span {
font-size: 12px;
color: #999999;
margin-right: 15px;
}
.single-post-tags a {
display: inline-block;
padding: 5px 8px;
margin: 5px 5px 0 0;
line-height: 13px;
font-size: 12px;
background-color: #bebebe;
color: #fff !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: capitalize;
}
.single-back-top {
padding-bottom: 30px;
margin-bottom: 20px;
border-bottom: 2px solid #252525;
}
.single-back-top a {
float: right;
margin-top: -15px;
font-size: 13px;
color: #999999;
}
.single-back-top a:hover {
color: #afafaf;
}
.single-back-top a i {
padding-right: 5px;
}
@media handheld, only screen and (max-width: 767px) {
.single-back-top {
display: none !important;
}
}
.mk-about-author-wrapper {
border-bottom: 1px solid #dddddd;
padding-bottom: 20px;
margin-bottom: 40px;
}
.mk-about-author-wrapper .avatar {
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
display: block;
margin: 8px 0 0 0;
border: 1px solid #ccc;
}
.mk-about-author-wrapper .avatar-wrapper {
display: block;
width: 80px;
float: left;
}
.mk-about-author-wrapper .mk-about-author-meta {
display: block;
margin-left: 80px;
}
.mk-about-author-wrapper .about-author-name {
display: block;
font-weight: bold;
}
.mk-about-author-wrapper .about-author-desc {
display: block;
}
.mk-about-author-wrapper .about-author-social {
list-style: none;
margin: 10px 0 0;
}
.mk-about-author-wrapper .about-author-social li {
display: inline-block;
margin: 0;
}
.mk-about-author-wrapper .about-author-social li a {
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
margin-right: 5px;
display: block;
}
.mk-about-author-wrapper .about-author-social li a:hover {
opacity: 0.6;
}
.mk-about-author-wrapper .about-author-social li a i {
color: #fff;
font-size: 16px;
}
.mk-about-author-wrapper .about-author-social li .twitter-icon {
background-color: #1fabc9;
}
.mk-about-author-wrapper .about-author-social li .email-icon {
background-color: #adadad;
}
.similar-post-title {
font-size: 16px;
margin-bottom: 20px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}
.blog-similar-posts {
margin-bottom: 40px;
border-bottom: 3px solid #dddddd;
padding-bottom: 30px;
}
.blog-similar-posts .similar-post-holder {
border: 1px solid #efefef;
overflow: hidden;
margin: 0 10px 20px;
}
.blog-similar-posts ul {
list-style: none;
margin: 0 0 0 5px;
padding: 0;
}
.blog-similar-posts ul.three-cols li {
width: 33.3%;
}
.blog-similar-posts ul.four-cols li {
width: 24.9%;
}
.blog-similar-posts ul li {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
.blog-similar-posts ul li img {
position: relative;
}
@media handheld, only screen and (max-width: 960px) {
.blog-similar-posts li {
width: 50% !important;
}
.blog-similar-posts li img {
width: 100% !important;
max-width: 100% !important;
}
}
@media handheld, only screen and (max-width: 600px) {
.blog-similar-posts li {
width: 100% !important;
}
}
.mk-similiar-thumbnail {
position: relative;
display: block;
overflow: hidden;
}
.mk-similiar-thumbnail .image-hover-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.mk-similiar-thumbnail:hover .image-hover-overlay {
opacity: 0.8;
}
.mk-similiar-title {
padding: 15px 10px;
display: block;
color: #252525;
font-weight: bold;
font-size: 12px;
line-height: 18px;
min-height: 60px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.mk-commentlist {
margin: 0 0 40px;
}
.mk-commentlist li {
list-style: none;
margin: 0 0 15px;
}
.mk-commentlist li .mk-single-comment {
margin-bottom: 20px;
}
.mk-commentlist li .gravatar {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
border: 1px solid rgba(0, 0, 0, 0.3);
display: inline-block;
overflow: hidden;
float: left;
margin: 0 10px;
}
.mk-commentlist li .comment-author {
font-weight: bold;
color: #666;
float: left;
margin: 6px 16px 0 0;
}
.mk-commentlist li .comment-time {
display: inline-block;
float: left;
color: #999999;
margin: 6px 16px 0 0;
font-size: 11px;
}
.mk-commentlist li .comment-reply {
float: left;
display: inline-block;
margin-top: 6px;
}
.mk-commentlist li .comment-content {
display: block;
background-color: #fff;
border: 1px solid #eee;
padding: 15px;
margin-top: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
z-index: 10;
}
.mk-commentlist li .comment-content p {
margin: 0;
}
.mk-commentlist li .comment-content:after {
display: block;
width: 0;
height: 0;
content: "";
position: absolute;
left: 22px;
top: -8px;
width: 14px;
height: 14px;
background-color: #fff;
border: 1px solid #eee;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-right: none;
border-bottom: none;
}
.mk-commentlist li .children {
margin-left: 30px;
}
.blog-comment-title {
font-size: 16px;
margin-bottom: 20px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}
.comment-form-info {
font-size: 11px;
margin-bottom: 5px;
text-transform: uppercase;
color: #9a9a9a;
}
#cancel-comment-reply-link {
text-transform: uppercase;
font-size: 11px;
display: inline-block;
font-weight: normal;
color: #666;
}
form#commentform {
margin-bottom: 40px;
}
form#commentform .comment-textarea {
margin-bottom: 4px;
}
form#commentform .comment-textarea textarea {
width: 100%;
}
.bypostauthor .comment-content {
background-color: rgba(0, 0, 0, 0.03);
}
#respond {
margin-top: 50px;
position: relative;
}
#respond .respond-heading {
font-size: 16px;
margin-bottom: 20px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
color: #444;
}
#respond #submit {
margin: 10px 0 0 0 !important;
display: inline-block;
margin-right: 10px;
margin-left: 0;
vertical-align: middle;
text-align: center;
font-weight: bold;
cursor: pointer;
zoom: 1;
border: none;
outline: none;
padding: 12px 26px;
font-size: 12px;
line-height: 100%;
letter-spacing: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
color: #fff !important;
}
#respond #submit:hover {
background-color: #252525 !important;
color: #fff !important;
}
.comment-form-row {
width: 33.33%;
display: inline-block;
margin-bottom: 7px;
padding-right: 10px;
float: left;
}
.comment-form-row input {
width: 100%;
}
.mk-commentlist .respond-heading {
margin-bottom: 0px !important;
}
.comment-form-website {
padding-right: 0;
}
@media only screen and (max-width: 960px) {
.comment-form-row {
width: 100%;
margin-bottom: 7px;
padding-right: 0;
}
form#commentform .comment-textarea textarea {
width: 100% !important;
margin-bottom: 6px;
}
}
@media only screen and (max-width: 960px) {
#respond #submit {
display: block;
width: 100%;
}
}
.search-result-item {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
.search-result-item .the-title {
margin-bottom: 5px;
text-transform: capitalize;
}
.search-result-item .the-title a {
font-size: 16px;
}
.search-result-item .search-loop-meta {
display: block;
margin-bottom: 10px;
color: #999999;
font-size: 11px;
}
.search-result-item .search-loop-meta .mk-blog-author {
display: inline-block;
}
.search-result-item .search-loop-meta time {
display: inline-block;
}
.search-result-item .search-loop-meta .mk-search-cats {
display: inline-block;
}
.search-result-item .the-excerpt p {
margin-bottom: 5px;
}
.search-result-item .mk-search-permnalink {
margin-bottom: 10px;
}
.mk-search-loop .widget_search {
text-align: center;
padding-bottom: 30px;
margin-bottom: 30px;
}
.mk-search-loop .widget_search .mk-searchform {
margin: 0 auto;
width: 40%;
}
@media handheld, only screen and (max-width: 700px) {
.mk-search-loop .widget_search .mk-searchform {
width: 100%;
}
}
.mk-search-loop .widget_search p {
margin-bottom: 10px;
}
/* Portfolio Styles */
#mk-filter-portfolio {
margin-bottom: 15px;
}
#mk-filter-portfolio ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
display: inline-block;
}
#mk-filter-portfolio ul li {
display: inline-block;
float: left;
margin: 0 10px 10px 0;
}
#mk-filter-portfolio ul li a {
padding: 8px 12px;
line-height: 12px;
font-size: 12px;
display: block;
border: 1px solid transparent;
}
#mk-filter-portfolio ul li a.current {
background-color: #e8e8e8;
border: 1px solid #d1d1d1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mk-portfolio-list .mk-portfolio-item {
width: 98% !important;
margin: 0 0 20px !important;
}
.mk-portfolio-list .portfolio-meta-wrapper {
float: left;
width: 55%;
}
.mk-portfolio-list .featured-image {
width: 45%;
float: left;
}
.mk-portfolio-classic-item {
float: left;
opacity: 0;
}
.mk-portfolio-classic-item .portfolio-classic-holder {
margin: 0 10px 20px 10px;
background-color: #fff;
border: 1px solid #efefef;
overflow: hidden;
}
.mk-portfolio-classic-item.portfolio-one-column {
width: 100%;
}
.mk-portfolio-classic-item.portfolio-two-column {
width: 50%;
}
.mk-portfolio-classic-item.portfolio-three-column {
width: 33.3%;
}
.mk-portfolio-classic-item.portfolio-four-column {
width: 25%;
}
.mk-portfolio-classic-item.portfolio-five-column {
width: 20%;
}
.mk-portfolio-classic-item.portfolio-six-column {
width: 16.6%;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-portfolio-classic-item.portfolio-four-column,
.mk-portfolio-classic-item.portfolio-five-column,
.mk-portfolio-classic-item.portfolio-six-column {
width: 33.1%;
}
}
@media handheld, only screen and (max-width: 960px) {
.mk-portfolio-classic-item.portfolio-two-column,
.mk-portfolio-classic-item.portfolio-three-column,
.mk-portfolio-classic-item.portfolio-four-column,
.mk-portfolio-classic-item.portfolio-five-column,
.mk-portfolio-classic-item.portfolio-six-column {
width: 49.5%;
}
}
@media handheld, only screen and (max-width: 540px) {
.mk-portfolio-classic-item {
width: 100% !important;
}
}
.mk-portfolio-classic-item .featured-image {
position: relative;
}
.mk-portfolio-classic-item .featured-image img {
position: relative;
z-index: 10;
width: 100%;
}
.mk-portfolio-classic-item .featured-image .image-hover-overlay {
z-index: 11;
}
.mk-portfolio-classic-item .featured-image:hover .permalink-badge,
.mk-portfolio-classic-item .featured-image:hover .mk-lightbox {
opacity: 1;
}
.mk-portfolio-classic-item .featured-image:hover .permalink-badge {
left: 50%;
}
.mk-portfolio-classic-item .featured-image:hover .mk-lightbox {
right: 50%;
}
.mk-portfolio-classic-item .permalink-badge,
.mk-portfolio-classic-item .mk-lightbox {
position: absolute;
z-index: 20;
width: 30px;
height: 30px;
top: 50%;
display: block;
margin-top: -20px;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
padding: 4px 6px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
}
.mk-portfolio-classic-item .permalink-badge:hover,
.mk-portfolio-classic-item .mk-lightbox:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.mk-portfolio-classic-item .permalink-badge i,
.mk-portfolio-classic-item .mk-lightbox i {
font-size: 16px;
color: #fff;
line-height: 32px;
}
.mk-portfolio-classic-item .permalink-badge {
margin-left: -50px;
right: auto;
left: 45%;
}
.mk-portfolio-classic-item .mk-lightbox {
margin-right: -50px;
right: 45%;
}
.mk-portfolio-classic-item .mk-lightbox.hover-single-icon {
margin-right: -20px !important;
}
.portfolio-meta-wrapper {
padding: 20px;
}
.portfolio-meta-wrapper .the-title {
line-height: 20px !important;
margin-bottom: 8px;
font-size: 14px !important;
}
.portfolio-meta-wrapper .the-title a {
text-transform: uppercase;
letter-spacing: 1px;
}
.portfolio-meta-wrapper .portfolio-categories {
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
.portfolio-meta-wrapper .the-excerpt {
margin-top: 10px;
}
/* ***************************** */
/* Modern Style */
.mk-portfolio-modern-item {
opacity: 0;
float: left;
}
.mk-portfolio-modern-item .item-holder {
margin: 0 2px 4px;
}
.mk-portfolio-modern-item.portfolio-one-column {
width: 100%;
}
.mk-portfolio-modern-item.portfolio-two-column {
width: 50%;
}
.mk-portfolio-modern-item.portfolio-three-column {
width: 33.3%;
}
.mk-portfolio-modern-item.portfolio-four-column {
width: 25%;
}
.mk-portfolio-modern-item.portfolio-five-column {
width: 20%;
}
.mk-portfolio-modern-item.portfolio-six-column {
width: 16.6%;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-portfolio-modern-item.portfolio-four-column,
.mk-portfolio-modern-item.portfolio-five-column,
.mk-portfolio-modern-item.portfolio-six-column {
width: 33.3%;
}
}
@media handheld, only screen and (max-width: 960px) {
.mk-portfolio-modern-item.portfolio-two-column,
.mk-portfolio-modern-item.portfolio-three-column,
.mk-portfolio-modern-item.portfolio-four-column,
.mk-portfolio-modern-item.portfolio-five-column,
.mk-portfolio-modern-item.portfolio-six-column {
width: 49.96%;
}
}
@media handheld, only screen and (max-width: 540px) {
.mk-portfolio-modern-item {
width: 100% !important;
}
}
.mk-portfolio-modern-item.portfolio-six-column .modern-portfolio-meta {
display: none;
}
.mk-portfolio-modern-item .modern-portfolio-meta {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
text-align: center;
z-index: 20;
text-transform: uppercase;
padding-bottom: 20px;
opacity: 0;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.mk-portfolio-modern-item .the-title {
padding: 0 20px;
color: #fff !important;
font-size: 14px !important;
line-height: 18px !important;
}
.mk-portfolio-modern-item .portfolio-categories {
padding: 0 20px;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
opacity: 0;
}
.mk-portfolio-modern-item .portfolio-categories span {
color: #fff;
}
.mk-portfolio-modern-item .modern-post-type-icon {
position: absolute;
display: block;
z-index: 20;
top: 25%;
left: 50%;
margin-left: -25px;
opacity: 0;
text-align: center;
width: 50px;
height: 50px;
line-height: 100px;
color: #fff;
}
.mk-portfolio-modern-item .modern-post-type-icon i {
font-size: 48px;
line-height: 50px;
}
.mk-portfolio-modern-item .featured-image {
position: relative;
overflow: hidden;
line-height: 4px;
}
.mk-portfolio-modern-item .featured-image img {
position: relative;
z-index: 10;
width: 100%;
}
.mk-portfolio-modern-item .featured-image .image-hover-overlay {
z-index: 11;
background-color: #000 !important;
}
.mk-portfolio-modern-item .featured-image:hover .modern-post-type-icon {
opacity: 1;
}
.mk-portfolio-modern-item .featured-image:hover .modern-portfolio-meta {
opacity: 1;
bottom: 30px;
}
.mk-portfolio-modern-item .featured-image:hover .portfolio-categories {
opacity: 1;
}
.mk-portfolio-modern-item .featured-image:hover .image-hover-overlay {
opacity: 0.8;
}
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-two-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-two-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-three-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-three-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-four-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-four-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-five-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-five-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-six-column,
.mk-main-wrapper.right-layout .mk-portfolio-modern-item.portfolio-six-column {
width: 49.5%;
}
.ajax-container {
position: relative;
overflow: hidden;
border: 1px solid #dddddd;
height: 0;
margin: 15px auto 20px auto;
opacity: 0;
}
.ajax_project {
padding: 20px;
}
.ajax-controls {
border-bottom: 1px solid #dddddd;
overflow: hidden;
}
.ajax-controls a {
float: right;
width: 37px;
height: 37px;
text-align: center;
color: #bbbbbb;
border-left: 1px solid #dddddd;
}
.ajax-controls a i {
font-size: 16px;
line-height: 37px;
}
.ajax-controls a:hover {
color: #222222;
}
@media handheld, only screen and (max-width: 960px) {
.ajax-portfolio-share.portfolio-social-share {
text-align: center;
}
.ajax-portfolio-share.portfolio-social-share .mk-love-holder,
.ajax-portfolio-share.portfolio-social-share .blog-share-container {
float: none !important;
}
.ajax-portfolio-share.portfolio-social-share.single-social-section .single-share-box {
left: -120px !important;
right: auto!important;
bottom: -60px !important;
width: 180px!important;
}
.ajax-portfolio-share.portfolio-social-share.single-social-section .single-share-box:before {
display: none !important;
}
}
.portfolio-loader {
position: absolute;
z-index: 10000;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
}
.portfolio-loader > div {
background: url(../../images/ajax-loading.gif) no-repeat center center #000000;
border-radius: 30px;
height: 60px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 40%;
width: 60px;
opacity: 0.7;
z-index: 10000;
}
.mk-loop-next-prev a {
position: fixed;
z-index: 90;
height: 130px;
width: 40px;
display: block;
background-color: #b2b2b2;
top: 50%;
margin-top: -65px;
}
.mk-loop-next-prev a:hover {
background-color: #333333;
}
.mk-loop-next-prev a i {
font-size: 16px;
color: #fff;
line-height: 130px;
text-align: center;
width: 36px;
}
.mk-loop-next-prev .mk-next-post {
right: 0;
}
.mk-loop-next-prev .mk-next-post i {
width: 40px;
}
.mk-loop-next-prev .mk-prev-post {
left: 0;
}
@media handheld, only screen and (max-width: 960px) {
.mk-loop-next-prev {
display: none !important;
}
}
.single-featured-image,
.mk-portfolio-video {
margin-bottom: 40px;
}
.portfolio-social-share {
margin-bottom: 20px;
padding-bottom: 20px;
}
.portfolio-social-share.single-social-section .single-share-box {
left: -220px !important;
}
@media handheld, only screen and (max-width: 960px) {
.portfolio-social-share.single-social-section .single-share-box {
right: -200px;
left: auto !important;
}
}
.portfolio-title {
display: block;
font-size: 26px !important;
padding-bottom: 10px;
margin-bottom: 5px;
border-bottom: 3px solid #dddddd;
}
.portfolio-single-cat {
float: left;
margin-bottom: 20px;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
}
.portfolio-desc {
margin-bottom: 20px;
padding-right: 40px;
}
.portfolio-single-content {
margin-bottom: 40px;
}
.portfolio-similar-posts {
padding: 60px 0;
border-top: 1px solid #dfe2e5;
background-color: rgba(0, 0, 0, 0.03);
}
.portfolio-similar-posts .similar-post-title {
font-size: 16px;
text-transform: uppercase;
color: #3f3f3f;
margin-bottom: 50px;
text-align: center;
letter-spacing: 3px;
}
.portfolio-similar-posts ul {
margin: 0;
padding: 0;
line-height: 4px;
text-align: center;
width: 100%;
}
.portfolio-similar-posts ul li {
display: inline-block;
margin: 0;
padding: 0;
width: 25%;
}
@media handheld, only screen and (max-width: 960px) {
.portfolio-similar-posts ul li {
width: 33.33%;
}
}
@media handheld, only screen and (max-width: 780px) {
.portfolio-similar-posts ul li {
width: 50%;
}
}
@media handheld, only screen and (max-width: 550px) {
.portfolio-similar-posts ul li {
width: 100%;
}
}
.portfolio-similar-posts-image {
position: relative;
line-height: 4px;
}
.portfolio-similar-posts-image img {
width: 100%;
max-width: 100%;
position: relative;
z-index: 10;
}
.portfolio-similar-posts-image .image-hover-overlay {
z-index: 11;
background-color: #000 !important;
}
.portfolio-similar-posts-image .modern-post-type-icon {
top: 5%;
display: block;
width: 100%;
left: 0;
margin-left: 0 !important;
padding: 20px 0;
height: auto;
}
.portfolio-similar-posts-image .portfolio-similar-meta {
bottom: 0;
}
.portfolio-similar-posts-image:hover .modern-post-type-icon {
opacity: 1;
top: 10%;
}
.portfolio-similar-posts-image:hover .portfolio-similar-meta {
opacity: 1;
bottom: 10px;
}
.portfolio-similar-posts-image:hover .image-hover-overlay {
opacity: 0.8;
}
.portfolio-similar-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 20;
text-transform: uppercase;
padding: 20px;
line-height: 22px;
opacity: 0;
}
.portfolio-similar-meta .the-title {
color: #fff;
font-size: 14px;
line-height: 18px;
font-weight: bold;
}
.portfolio-similar-meta .portfolio-categories {
color: #fff;
}
/* Modules */
/* * Shortcodes */
/* Shortcode:Drop Caps
-------------------------------------------------------------------- */
.mk-dropcaps {
display: inline-block;
float: left;
margin: 5px 8px 0 0;
padding: 10px;
font-weight: bold;
font-size: 26px;
line-height: 16px;
}
.mk-dropcaps.simple-style {
margin: 5px 0 0 0;
padding: 6px 6px 6px 0;
color: #666666;
font-size: 50px;
}
.mk-dropcaps.fancy-style {
color: #fff;
}
/* Shortcode:Highlight
-------------------------------------------------------------------- */
.mk-highlight {
margin: 0;
padding: 2px;
color: #fff;
}
/* Shortcode:Skype Call Link
-------------------------------------------------------------------- */
.mk-skype-call {
display: inline-block;
padding: 10px 20px 9px 14px;
border: 1px solid #cccccc;
background-color: #ededed;
color: #333333;
font-weight: bold;
font-size: 14px;
line-height: 24px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.mk-skype-call i {
margin-right: 10px;
color: #01a8e9;
vertical-align: middle;
font-size: 24px;
line-height: 24px;
}
.mk-skype-call:hover {
background-color: #01a8e9;
color: #fff;
}
.mk-skype-call:hover i {
color: #fff;
}
/* Shortcode:Tooltip
-------------------------------------------------------------------- */
.mk-tooltip {
position: relative;
z-index: 30;
}
.mk-tooltip .tooltip-init {
cursor: help;
}
.mk-tooltip .tooltip-text {
position: absolute;
bottom: 28px;
left: 0;
padding: 12px;
min-width: 140px;
max-width: 230px;
color: #fff;
font-size: 11px;
line-height: 16px;
opacity: 0;
-webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
}
.mk-tooltip .tooltip-text:after {
position: absolute;
bottom: -5px;
left: 15px;
display: block;
width: 10px;
height: 10px;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.mk-shortcode-heading.mk-fancy-title {
margin-bottom: 18px;
font-weight: bold !important;
font-size: 14px !important;
}
.mk-shortcode-heading.mk-fancy-title.pattern-false {
background: none !important;
}
.mk-shortcode-heading.mk-fancy-title.pattern-false span {
background: none !important;
}
.mk-shortcode-heading.mk-fancy-title span {
padding-right: 8px;
}
/* Skill Meter:Skill meter
-------------------------------------------------------------------- */
.mk-skill-meter {
margin-bottom: 15px;
}
.mk-skill-meter .mk-skill-meter-title {
display: block;
margin-bottom: 6px;
font-weight: bold;
line-height: 14px;
}
.mk-skill-meter .mk-progress-bar {
position: relative;
display: block;
height: 14px;
background-color: #dcdcdc;
background-color: rgba(0, 0, 0, 0.12);
}
.mk-skill-meter .mk-progress-bar .progress-outer {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.1));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.1));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.1));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.1));
}
.mk-skill-meter .mk-progress-bar .progress-inner {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
.progress-outer,
.progress-inner,
.mk-progress-bar {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/* Shortcode:Skill Meter Chart
-------------------------------------------------------------------- */
.mk-skill-chart {
text-align: center;
}
/* Shortcode:Milestone
-------------------------------------------------------------------- */
.mk-milestone {
margin-bottom: 20px;
}
.mk-milestone i {
float: left;
margin-right: 10px;
}
.mk-milestone .milestone-text {
font-size: 14px;
}
.mk-milestone .milestone-top {
float: left;
}
.mk-milestone.milestone-small i {
font-size: 32px;
}
.mk-milestone.milestone-small .milestone-number,
.mk-milestone.milestone-small .milestone-prefix,
.mk-milestone.milestone-small .milestone-suffix {
font-size: 26px;
line-height: 32px;
}
.mk-milestone.milestone-medium i {
font-size: 48px;
}
.mk-milestone.milestone-medium .milestone-number,
.mk-milestone.milestone-medium .milestone-prefix,
.mk-milestone.milestone-medium .milestone-suffix {
font-size: 40px;
line-height: 44px;
}
.mk-milestone.milestone-medium .milestone-text {
margin: -5px 0 0 4px;
}
.mk-milestone.milestone-large i {
font-size: 72px;
}
.mk-milestone.milestone-large .milestone-number,
.mk-milestone.milestone-large .milestone-prefix,
.mk-milestone.milestone-large .milestone-suffix {
font-size: 50px;
line-height: 72px;
}
.mk-milestone.milestone-large .milestone-text {
margin: -10px 0 0 4px;
}
/* Charts
-------------------------------------------------------------------- */
.mk-chart {
position: relative;
margin: 0 auto;
text-align: center;
}
.mk-chart canvas {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.mk-chart i,
.mk-chart .chart-custom-text,
.mk-chart .chart-percent {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: block;
width: 100%;
color: #444;
text-align: center;
}
.mk-chart .chart-custom-text {
font-size: 18px;
}
.mk-chart .chart-percent {
font-weight: bold;
font-size: 16px;
}
.mk-chart-desc {
display: block;
text-align: center;
font-size: 12px;
}
@media handheld, only screen and (max-width: 600px) {
.mk-chart {
margin: 0 auto;
}
}
/* Process Steps
-------------------------------------------------------------------- */
.mk-process-steps {
margin-bottom: 30px;
text-align: center;
}
.mk-process-steps ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.mk-process-steps ul:before {
position: absolute;
left: 80px;
display: block;
width: 85%;
height: 0;
border-top: 1px dashed #bbbbbb;
content: "";
}
.mk-process-steps ul li {
display: inline-block;
float: left;
margin: 0;
}
.mk-process-steps ul li:hover i {
color: #fff;
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.mk-process-steps ul li:hover .mk-process-icon {
-webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
}
.mk-process-steps ul li h3 {
position: relative;
display: inline-block;
margin: 35px auto 20px;
font-size: 16px !important;
}
.mk-process-steps ul li p {
position: relative;
display: inline-block;
margin-bottom: 0;
}
.mk-process-icon {
position: relative;
display: inline-block;
overflow: hidden;
background-color: #fff;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
-webkit-box-shadow: 0 0 0 2px #bbbbbb;
-moz-box-shadow: 0 0 0 2px #bbbbbb;
box-shadow: 0 0 0 2px #bbbbbb;
}
.mk-process-icon:after {
display: none;
}
.mk-process-icon i {
display: inline-block;
color: #bbbbbb;
color: rgba(0, 0, 0, 0.24);
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0.4;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
/* steps range */
.mk-process-steps.process-steps-3 ul:before {
top: 115px;
}
.mk-process-steps.process-steps-3 li {
width: 33.3%;
}
.mk-process-steps.process-steps-3 li h3,
.mk-process-steps.process-steps-3 li p {
padding: 0 20px;
}
.mk-process-steps.process-steps-3 .mk-process-desc,
.mk-process-steps.process-steps-3 .mk-process-title {
width: 288px;
}
.mk-process-steps.process-steps-3 .mk-process-icon {
width: 230px;
height: 230px;
text-align: center;
}
.mk-process-steps.process-steps-3 .mk-process-icon i {
font-size: 80px;
line-height: 230px;
}
/* ======= */
/* steps range */
.mk-process-steps.process-steps-4 ul:before {
top: 90px;
}
.mk-process-steps.process-steps-4 li {
width: 25%;
}
.mk-process-steps.process-steps-4 li h3,
.mk-process-steps.process-steps-4 li p {
padding: 0 20px;
}
.mk-process-steps.process-steps-4 .mk-process-icon {
width: 180px;
height: 180px;
text-align: center;
}
.mk-process-steps.process-steps-4 .mk-process-icon i {
font-size: 70px;
line-height: 180px;
}
/* ======= */
/* steps range */
.mk-process-steps.process-steps-5 ul:before {
top: 70px;
}
.mk-process-steps.process-steps-5 li {
width: 20%;
}
.mk-process-steps.process-steps-5 li h3,
.mk-process-steps.process-steps-5 li p {
padding: 0 15px;
}
.mk-process-steps.process-steps-5 .mk-process-icon {
width: 140px;
height: 140px;
text-align: center;
}
.mk-process-steps.process-steps-5 .mk-process-icon i {
font-size: 60px;
line-height: 140px;
}
/* ======= */
@media handheld, only screen and (max-width: 960px) {
.mk-process-steps ul:before {
display: none !important;
}
.mk-process-steps li {
margin-bottom: 30px !important;
width: 100% !important;
text-align: left;
}
.mk-process-steps li .mk-process-detail {
padding-left: 30px;
}
.mk-process-steps li .mk-process-detail,
.mk-process-steps li .mk-process-icon {
float: left;
width: 50%;
}
}
@media handheld, only screen and (max-width: 540px) {
.mk-process-steps li {
text-align: center;
}
.mk-process-steps li .mk-process-detail {
padding-left: 0;
}
.mk-process-steps li .mk-process-detail,
.mk-process-steps li .mk-process-icon {
float: none;
width: 100%;
}
}
/* Shortcode:Image
-------------------------------------------------------------------- */
.mk-image-shortcode {
position: relative;
line-height: 4px;
}
.mk-image-shortcode.align-left {
text-align: left;
}
.mk-image-shortcode.align-right {
float: right;
}
.mk-image-shortcode.align-center {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.mk-image-shortcode img {
position: relative;
}
.mk-image-shortcode.lightbox-enabled:hover img {
filter: grayscale(100%);
/* Current draft standard */
-webkit-filter: grayscale(100%);
/* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
/* Not yet supported in Gecko, Opera or IE */
filter: gray;
/* IE */
-webkit-filter: grayscale(1);
/* Old WebKit */
}
.mk-image-shortcode:hover .mk-image-overlay {
opacity: 0.9;
}
.mk-image-shortcode:hover .mk-image-shortcode-lightbox {
opacity: 1;
}
.mk-image-shortcode.rounded-frame {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-image-shortcode.rounded-frame img,
.mk-image-shortcode.rounded-frame .mk-image-overlay {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-image-shortcode.gray_border-frame .mk-image-inner {
border: 6px solid rgba(0, 0, 0, 0.06);
}
.mk-image-shortcode.border_shadow-frame .mk-image-inner {
border: 6px solid #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.mk-image-shortcode.shadow_only-frame .mk-image-inner {
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.mk-image-shortcode.single_line-frame .mk-image-inner {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.mk-image-shortcode .mk-image-inner {
position: relative;
overflow: hidden;
margin: 0 auto;
width: auto;
}
.mk-image-shortcode.inside-image .mk-image-caption {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
margin: 10px;
padding: 10px;
background-color: #4c4c4c;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-image-shortcode.inside-image .mk-image-caption:hover {
background-color: #383838;
background-color: rgba(0, 0, 0, 0.5);
}
.mk-image-shortcode.inside-image .mk-image-caption .mk-caption-title {
display: block;
font-weight: bold;
font-size: 14px;
line-height: 18px;
}
.mk-image-shortcode.inside-image .mk-image-caption .mk-caption-desc {
display: block;
margin-top: 5px;
font-size: 11px;
line-height: 18px;
}
.mk-image-shortcode.outside-image .mk-image-caption {
margin: 10px 0;
}
.mk-image-shortcode.outside-image .mk-image-caption .mk-caption-title {
display: block;
font-weight: bold;
font-size: 14px;
line-height: 18px;
}
.mk-image-shortcode.outside-image .mk-image-caption .mk-caption-desc {
display: block;
margin-top: 5px;
font-style: italic;
font-size: 11px;
line-height: 18px;
}
.mk-image-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0;
}
.mk-image-shortcode-lightbox {
position: absolute;
top: 50%;
left: 50%;
z-index: 30;
margin: -50px 0 0 -50px;
text-align: center;
cursor: pointer;
color: #fff;
width: 100px;
height: 100px;
opacity: 0;
}
.mk-image-shortcode-lightbox:hover {
color: #fff;
}
.mk-image-shortcode-lightbox i {
line-height: 100px;
font-size: 48px;
}
.mk-image-shortcode-link {
position: absolute;
top: 0;
left: 0;
z-index: 10;
margin: 0;
width: 100%;
height: 100%;
}
@media handheld, only screen and (max-width: 480px) {
.inside-image .mk-image-caption {
display: none !important;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-image-shortcode.align-left,
.mk-image-shortcode.align-right {
margin-right: auto !important;
margin-left: auto !important;
text-align: center !important;
}
}
/* Shortcode:Circle Image Frame
-------------------------------------------------------------------- */
.mk-circle-image {
text-align: center;
}
.mk-circle-image span {
display: inline-block;
overflow: hidden;
margin: 0 auto;
-webkit-border-radius: 1500px;
-moz-border-radius: 1500px;
border-radius: 1500px;
}
.mk-circle-image span a {
display: inline-block;
line-height: 4px;
}
.mk-circle-image span img {
width: 100%;
}
/* Shortcode:Tables
-------------------------------------------------------------------- */
.mk-fancy-table {
overflow: hidden;
margin-bottom: 20px;
}
.mk-fancy-table table {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
border-collapse: collapse;
text-align: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mk-fancy-table th {
padding: 18px 12px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
.mk-fancy-table tfoot td {
padding: 8px;
}
.mk-fancy-table.table-style1 tr:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.04);
}
.mk-fancy-table.table-style1 tfoot {
background-color: #f3f3f3;
}
.mk-fancy-table.table-style1 tr {
background-color: rgba(0, 0, 0, 0.02);
}
.mk-fancy-table.table-style1 td {
padding: 12px;
border-left: 1px solid #fff;
text-align: center;
}
.mk-fancy-table.table-style2 {
border-bottom: 1px solid #dcdcdc;
}
.mk-fancy-table.table-style2 td {
padding: 12px;
border-bottom: 1px solid #dcdcdc;
text-align: center;
}
/* Shortcode:List Styles
-------------------------------------------------------------------- */
.mk-list-styles.align-left {
float: left;
}
.mk-list-styles.align-right {
float: right;
}
.mk-list-styles ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-list-styles ul li {
position: relative;
margin: 0 0 6px 0;
padding: 0 0 0 21px;
line-height: 20px;
}
.mk-list-styles ul li:before {
position: absolute;
top: 2px;
left: 0;
font-size: 14px;
line-height: 20px;
}
/* Shortcode:Message Boxes
-------------------------------------------------------------------- */
.mk-message-box {
position: relative;
display: block;
margin-bottom: 20px;
border-width: 1px;
border-style: solid;
background-position: 15px center;
background-repeat: no-repeat;
}
.mk-message-box span {
display: block;
padding: 15px 15px 15px 65px;
text-align: left;
}
.mk-message-box .box-close-btn {
position: absolute;
top: 0;
right: 6px;
}
.mk-message-box.mk-comment-message-box {
border-color: #dddddd;
background-color: #eeeeee;
background-image: url(../../images/box-comment-icon.png);
}
.mk-message-box.mk-comment-message-box i {
color: #aaaaaa;
}
.mk-message-box.mk-info-message-box {
border-color: #afe0ee;
background-color: #d1eff8;
background-image: url(../../images/box-info-icon.png);
}
.mk-message-box.mk-info-message-box i {
color: #3ea3bc;
}
.mk-message-box.mk-info-message-box .button.wc-forward {
background-color: #3ea2c1;
}
.mk-message-box.mk-error-message-box {
border-color: #fd8585;
background-color: #fac6bf;
background-image: url(../../images/box-error-icon.png);
}
.mk-message-box.mk-error-message-box i {
color: #de303a;
}
.mk-message-box.mk-error-message-box .button.wc-forward {
background-color: #df3531;
}
.mk-message-box.mk-confirm-message-box {
border-color: #72dd9d;
background-color: #b8f4d0;
background-image: url(../../images/box-confirm-icon.png);
}
.mk-message-box.mk-confirm-message-box i {
color: #20b66e;
}
.mk-message-box.mk-confirm-message-box .button.wc-forward {
background-color: #28b863;
}
.mk-message-box.mk-warning-message-box {
border-color: #e0c069;
background-color: #fbf1c8;
background-image: url(../../images/box-warning-icon.png);
}
.mk-message-box.mk-warning-message-box i {
color: #be9a34;
}
.mk-message-box.mk-warning-message-box .button.wc-forward {
background-color: #be9c00;
}
/* Shortcode:Button
-------------------------------------------------------------------- */
.mk-button {
position: relative;
display: inline-block;
margin-right: 10px;
margin-left: 0;
vertical-align: middle;
text-align: center;
font-weight: bold;
cursor: pointer;
zoom: 1;
letter-spacing: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
}
.mk-button.fullwidth-button {
display: block !important;
margin: 0 auto 10px !important;
}
.mk-button.two-dimension,
.mk-button.three-dimension {
color: #fff;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.mk-button.two-dimension:hover,
.mk-button.three-dimension:hover {
color: #fff;
}
.mk-button:hover {
color: #fff;
}
.mk-button.two-dimension.dark-color,
.mk-button.three-dimension.dark-color {
color: #585858 !important;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.mk-button.two-dimension.light-color,
.mk-button.three-dimension.light-color {
color: #fff !important;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.mk-button.two-dimension.light-color:hover,
.mk-button.three-dimension.light-color:hover {
color: #fff !important;
}
.mk-button.flat-dimension.dark-color {
color: #252525 !important;
}
.mk-button.flat-dimension.dark-color:hover {
background-color: #252525 !important;
color: #fff !important;
}
.mk-button.flat-dimension.light-color {
color: #fff !important;
}
.mk-button.flat-dimension.light-color:hover {
color: #fff !important;
background-color: #252525 !important;
}
.mk-button.outline-dimension {
border-width: 1px !important;
border-style: solid !important;
}
.mk-button.outline-btn-light {
border-color: #fff !important;
color: #fff;
}
.mk-button.outline-btn-light:hover {
background-color: #fff;
color: #252525;
}
.mk-button.outline-btn-dark {
border-color: #252525 !important;
color: #252525;
}
.mk-button.outline-btn-dark:hover {
background-color: #252525;
color: #fff;
}
.mk-button[type=submit],
.mk-button[type=button] {
outline: none;
border: none;
font-weight: 600;
}
.mk-button i {
margin: -4px 5px 0 0;
line-height: 4px !important;
}
.mk-button.large {
padding: 15px 24px;
font-size: 14px;
line-height: 100%;
}
.mk-button.large i {
font-size: 16px;
}
.mk-button.medium {
padding: 12px 26px;
font-size: 12px;
line-height: 100%;
}
.mk-button.medium i {
font-size: 14px;
}
.mk-button.small {
padding: 12px 14px;
font-size: 10px;
line-height: 100%;
}
.mk-button.small i {
margin-top: -3px;
font-size: 12px;
}
.mk-button.three-dimension {
box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.mk-button.three-dimension:active {
top: 2px;
}
.mk-button.two-dimension {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.07)), to(rgba(0, 0, 0, 0.15)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.15));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.15));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.15));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.15));
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.8);
}
.mk-button.two-dimension:active {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.07)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.07));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.07));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.07));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.07));
}
button.mk-button {
outline: none;
border: none !important;
background: none;
line-height: 100%;
}
button.mk-button::-moz-focus-inner {
border: none;
}
.mk-button-align {
display: inline-block;
}
.mk-button-align.right {
float: right;
}
.mk-button-align.center {
display: block !important;
text-align: center;
}
.mk-button-align.left {
text-align: left;
}
.mk-button-align.fullwidth-button {
display: block !important;
}
@media handheld, only screen and (max-width: 767px) {
.mk-button-align.left,
.mk-button-align.center,
.mk-button-align.right {
width: 100%;
text-align: center !important;
float: none !important;
}
}
@media handheld, only screen and (max-width: 767px) {
.ls-wp-container .mk-button {
padding: 8px 10px;
font-size: 10px;
line-height: 100%;
}
.ls-wp-container .mk-button i {
margin-top: -3px;
font-size: 10px;
}
}
@media handheld, only screen and (max-width: 550px) {
.ls-wp-container .mk-button {
padding: 5px 8px;
font-size: 8px;
line-height: 100%;
}
.ls-wp-container .mk-button i {
margin-top: -3px;
font-size: 10px;
}
}
.button,
.shop-flat-btn,
.mk-flat-button,
#review_form_wrapper input[type=submit] {
border: none !important;
outline: none !important;
color: #fff !important;
font-size: 13px;
line-height: 13px !important;
padding: 12px 15px !important;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
vertical-align: top;
letter-spacing: 1px;
display: inline-block;
}
.button i,
.shop-flat-btn i,
.mk-flat-button i,
#review_form_wrapper input[type=submit] i {
color: #fff !important;
font-size: 16px;
line-height: 16px !important;
margin-right: 10px;
}
.button.alt,
.shop-flat-btn.alt,
.mk-flat-button.alt,
#review_form_wrapper input[type=submit].alt {
text-shadow: none !important;
}
.button.alt:hover,
.shop-flat-btn.alt:hover,
.mk-flat-button.alt:hover,
#review_form_wrapper input[type=submit].alt:hover {
background-color: #252525 !important;
}
.button.shop-black-btn,
.shop-flat-btn.shop-black-btn,
.mk-flat-button.shop-black-btn,
#review_form_wrapper input[type=submit].shop-black-btn {
background-color: #252525;
}
.button.shop-black-btn:hover,
.shop-flat-btn.shop-black-btn:hover,
.mk-flat-button.shop-black-btn:hover,
#review_form_wrapper input[type=submit].shop-black-btn:hover {
background-color: #707070;
}
.button:hover,
.shop-flat-btn:hover,
.mk-flat-button:hover,
#review_form_wrapper input[type=submit]:hover {
background-color: #323232 !important;
}
#review_form_wrapper input[type=submit]:hover {
background-color: #252525 !important;
}
a.shop-flat-btn,
a.mk-flat-button {
font-weight: bold;
display: inline-block;
}
a.shop-flat-btn:hover,
a.mk-flat-button:hover {
color: #fff;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #555 !important;
border-color: #ccc !important;
height: 24px !important;
line-height: 22px !important;
padding: 0 8px 1px !important;
font-size: 11px !important;
border: 1px solid #ccc!important;
background: #f7f7f7!important;
-webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 rgba(0, 0, 0, 0.08) !important;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 rgba(0, 0, 0, 0.08) !important;
}
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
background: #eee!important;
}
/* Shortcode:Contact Form 7
-------------------------------------------------------------------- */
.wpcf7-form p {
margin-bottom: 10px !important;
}
.wpcf7-form .wpcf7-textarea {
width: 70%;
}
div.wpcf7-response-output {
position: relative;
display: inline-block;
margin: 0;
padding: 15px 15px 15px 65px;
background-position: 15px center;
background-repeat: no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #72dd9d;
background-color: #b8f4d0;
background-image: url(../../images/box-confirm-icon.png);
}
div.wpcf7-mail-sent-ng {
border: 2px solid #afe0ee;
background-color: #d1eff8;
background-image: url(../../images/box-info-icon.png);
}
div.wpcf7-spam-blocked {
border: 2px solid #fd8585;
background-color: #fac6bf;
background-image: url(../../images/box-error-icon.png);
}
div.wpcf7-validation-errors {
border: 2px solid #e0c069;
background-color: #fbf1c8;
background-image: url(../../images/box-warning-icon.png);
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
/*position: absolute;
top: -3px;
right: 10px;*/
z-index: 30;
color: #f00;
font-size: 12px;
}
span.wpcf7-not-valid-tip-no-ajax {
display: block;
color: #f00;
font-size: 12px;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 img.ajax-loader {
margin-bottom: 15px;
margin-left: 4px;
border: none;
vertical-align: middle;
}
div.wpcf7 .placeheld {
color: #888;
}
.wpcf7-submit {
position: relative;
display: inline-block;
margin-right: 10px;
margin-bottom: 20px;
padding: 11px 35px;
outline: none;
border: none;
box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
color: #fff;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-weight: bold;
font-size: 12px;
line-height: 100%;
cursor: pointer;
zoom: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: background 0.1s ease-in-out;
-webkit-transition: background 0.1s ease-in-out;
-moz-transition: background 0.1s ease-in-out;
-ms-transition: background 0.1s ease-in-out;
-o-transition: background 0.1s ease-in-out;
}
.wpcf7-submit:active {
top: 2px;
}
/* Shortcode:Dividers
-------------------------------------------------------------------- */
.mk-divider {
display: block;
text-align: center;
}
.mk-divider.divider_one_half .divider-inner,
.mk-divider.divider_one_third .divider-inner,
.mk-divider.divider_one_fourth .divider-inner {
display: inline-block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.mk-divider.divider_one_half .divider-inner {
width: 50%;
}
.mk-divider.divider_one_third .divider-inner {
width: 33.33%;
}
.mk-divider.divider_one_fourth .divider-inner {
width: 25%;
}
.mk-divider .divider-inner {
height: 6px;
}
.mk-divider.double_dot .divider-inner {
height: 5px;
border-top: 1px dashed #dadada;
border-bottom: 1px dashed #dadada;
}
.mk-divider.thick_solid .divider-inner {
border-top: 2px solid #e5e5e5;
border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.mk-divider.thin_solid .divider-inner {
border-top: 1px solid #e5e5e5;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mk-divider.single_dotted .divider-inner {
border-top: 1px dashed #dadada;
}
.mk-divider.shadow_line .divider-inner {
height: 7px;
}
.mk-divider.shadow_line .divider-inner .divider-shadow-left,
.mk-divider.shadow_line .divider-inner .divider-shadow-right {
display: inline-block;
width: 50%;
height: 7px;
background-image: url(../../images/shadow-divider.png);
background-repeat: no-repeat;
}
.mk-divider.shadow_line .divider-inner .divider-shadow-left {
background-position: left center;
}
.mk-divider.shadow_line .divider-inner .divider-shadow-right {
background-position: right center;
}
.mk-divider[class*='go_top'] .divider-inner {
position: relative;
height: 12px;
}
.mk-divider[class*='go_top'] .divider-inner:before {
top: 6px;
left: 0;
z-index: 3;
display: block;
width: 100%;
height: 1px;
background-color: #e5e5e5;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.mk-divider[class*='go_top'] .divider-inner .divider-go-top {
position: absolute;
top: -6px;
right: 0;
z-index: 4;
float: right;
padding-left: 6px;
color: #585858;
font-size: 11px;
line-height: 12px;
}
.mk-divider[class*='go_top'] .divider-inner .divider-go-top i {
padding-left: 3px;
vertical-align: top;
font-size: 14px;
}
.mk-divider.go_top_thick .divider-inner:before {
height: 2px;
}
.mk-divider.divider_page_divider {
width: 100%;
}
/* Shortcode:Full Width Box
-------------------------------------------------------------------- */
.mk-fullwidth-boxed {
position: relative;
display: block;
padding: 30px;
}
/* Shortcode:Container Box
-------------------------------------------------------------------- */
.mk-content-box {
overflow: hidden;
margin-bottom: 20px;
border: 1px solid #dbdbdb;
background-color: #fff;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mk-content-box .content-box-heading {
display: block;
padding: 10px 15px;
border-bottom: 1px solid #dbdbdb;
background-color: #f5f5f5;
font-weight: bold;
font-size: 14px;
}
.mk-content-box .content-box-heading p {
margin-bottom: 0;
}
.mk-content-box .content-box-heading i:before {
margin-top: -2px;
padding-right: 6px;
vertical-align: middle;
font-size: 20px;
line-height: 12px;
}
.mk-content-box .content-box-content {
padding: 20px;
}
/* Shortcode:Slideshow
-------------------------------------------------------------------- */
.mk-slideshow-shortcode {
position: relative;
margin-bottom: 20px;
}
.mk-slideshow-shortcode .mk-flex-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.mk-slideshow-shortcode .mk-flex-caption span {
position: relative;
z-index: 10;
display: block;
padding: 15px 20px;
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 18px;
}
.mk-slideshow-shortcode:hover .flex-direction-nav .flex-next,
.mk-slideshow-shortcode:hover .flex-direction-nav .flex-prev {
opacity: 0.6;
}
.mk-slideshow-shortcode .flex-direction-nav .flex-next,
.mk-slideshow-shortcode .flex-direction-nav .flex-prev {
top: 50%;
margin-top: -10px;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
opacity: 0;
}
.mk-slideshow-shortcode .flex-direction-nav .flex-next:hover,
.mk-slideshow-shortcode .flex-direction-nav .flex-prev:hover {
background-color: rgba(0, 0, 0, 0.6);
opacity: 1;
}
.mk-slideshow-shortcode .flex-direction-nav .flex-next i:before,
.mk-slideshow-shortcode .flex-direction-nav .flex-prev i:before {
line-height: 40px;
color: #fff;
font-size: 16px;
}
.mk-slideshow-shortcode .flex-direction-nav .flex-next {
right: 20px !important;
}
.mk-slideshow-shortcode .flex-direction-nav .flex-prev {
left: 20px !important;
}
.mk-slideshow-shortcode .flex-control-nav {
bottom: 10px;
display: block;
}
.mk-slideshow-shortcode .flex-control-nav li a {
display: block;
padding: 0;
width: 6px;
height: 14px;
}
.mk-slideshow-shortcode .flex-control-nav li a i {
color: #fff;
font-size: 12px;
}
.mk-slideshow-shortcode .flex-control-nav li a.flex-active i:before {
content: "\f111" !important;
}
.mk-slideshow-shortcode .color-mask {
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
}
/* Shortcode:Edge Slideshow
-------------------------------------------------------------------- */
.mk-swipe-slideshow {
position: relative;
margin-bottom: 20px;
}
.mk-swipe-slideshow:hover .swiper-arrows {
opacity: 0.6;
}
.mk-swipe-slideshow .swiper-arrows {
top: 50%;
margin-top: -10px;
width: 38px;
height: 38px;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
z-index: 10;
position: absolute;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
}
.mk-swipe-slideshow .swiper-arrows:hover {
background-color: rgba(0, 0, 0, 0.6);
opacity: 1;
}
.mk-swipe-slideshow .swiper-arrows i:before {
line-height: 40px;
color: #fff;
font-size: 16px;
}
.mk-swipe-slideshow .mk-swiper-prev {
left: 20px;
}
.mk-swipe-slideshow .mk-swiper-next {
right: 20px;
}
/* Shortcode:Laptop Slideshow
-------------------------------------------------------------------- */
.mk-laptop-slideshow-shortcode {
margin: 0 auto 20px;
width: 100%;
text-align: center;
}
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
margin: 0 auto !important;
padding: 30px 127px 10px 131px;
}
@media handheld, only screen and (max-width: 960px) {
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
padding: 25px 117px 10px 121px !important;
}
}
@media handheld, only screen and (max-width: 860px) {
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
padding: 15px 107px 10px 101px !important;
}
}
@media handheld, only screen and (max-width: 700px) {
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
padding: 15px 85px 10px 85px !important;
}
}
@media handheld, only screen and (max-width: 600px) {
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
padding: 15px 73px 10px 73px !important;
}
}
@media handheld, only screen and (max-width: 500px) {
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
padding: 6px 65px 10px 65px !important;
}
}
@media handheld, only screen and (max-width: 450px) {
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
padding: 10px 55px 10px 55px !important;
}
}
@media handheld, only screen and (max-width: 400px) {
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
padding: 7px 48px 10px 48px !important;
}
}
@media handheld, only screen and (max-width: 350px) {
.mk-laptop-slideshow-shortcode.full-laptop .mk-flex-slides {
padding: 5px 40px 10px 40px !important;
}
}
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
margin: 0 auto !important;
padding: 10px 94px 20px 91px;
}
@media handheld, only screen and (max-width: 700px) {
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
padding: 15px 85px 10px 85px !important;
}
}
@media handheld, only screen and (max-width: 600px) {
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
padding: 15px 73px 10px 73px !important;
}
}
@media handheld, only screen and (max-width: 500px) {
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
padding: 15px 62px 10px 62px !important;
}
}
@media handheld, only screen and (max-width: 450px) {
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
padding: 10px 55px 10px 55px !important;
}
}
@media handheld, only screen and (max-width: 400px) {
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
padding: 7px 48px 10px 48px !important;
}
}
@media handheld, only screen and (max-width: 350px) {
.mk-laptop-slideshow-shortcode.one-half-laptop .mk-flex-slides {
padding: 5px 40px 10px 40px !important;
}
}
.mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav a {
margin-top: -16px;
}
.mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-laptop-slideshow-shortcode.one-half-laptop .flex-direction-nav a .mk-icon-chevron-right:before {
font-size: 32px;
}
.mk-laptop-slideshow-shortcode.one-third-laptop .mk-flex-slides {
margin: 0 auto !important;
padding: 8px 45px 20px 45px;
}
@media handheld, only screen and (max-width: 450px) {
.mk-laptop-slideshow-shortcode.one-third-laptop .mk-flex-slides {
padding: 10px 47px 10px 47px !important;
}
}
@media handheld, only screen and (max-width: 400px) {
.mk-laptop-slideshow-shortcode.one-third-laptop .mk-flex-slides {
padding: 8px 43px 10px 43px !important;
}
}
.mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav a {
margin-top: -12px;
}
.mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-laptop-slideshow-shortcode.one-third-laptop .flex-direction-nav a .mk-icon-chevron-right:before {
font-size: 24px;
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop {
margin-bottom: 30px !important;
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop .mk-flex-slides {
padding: 5px 34px 30px 36px;
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav a {
margin-top: -8px;
}
.mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-laptop-slideshow-shortcode.one-fourth-laptop .flex-direction-nav a .mk-icon-chevron-right:before {
font-size: 16px;
}
@media handheld, only screen and (max-width: 600px) {
.mk-laptop-slideshow-shortcode .mk-icon-chevron-left:before,
.mk-laptop-slideshow-shortcode .mk-icon-chevron-right:before {
font-size: 32px !important;
}
}
.mk-laptop-slideshow-shortcode:hover .flex-direction-nav a {
opacity: 1;
}
.mk-laptop-slideshow-shortcode:hover .flex-prev {
left: 0px;
}
.mk-laptop-slideshow-shortcode:hover .flex-next {
right: 0px;
}
.mk-laptop-slideshow-shortcode .mk-flex-slides {
text-align: center;
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a {
position: absolute;
top: 50%;
z-index: 60;
margin-top: -16px;
opacity: 0;
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-laptop-slideshow-shortcode .flex-direction-nav a .mk-icon-chevron-right:before {
color: #ccc;
text-shadow: -1px -1px 1px #999999;
font-size: 48px;
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a:hover i:before {
color: #7f7f7f;
text-shadow: -1px -1px 1px #525252;
}
.mk-laptop-slideshow-shortcode .flex-prev {
left: 30px;
}
.mk-laptop-slideshow-shortcode .flex-next {
right: 30px;
}
.mk-laptop-image {
position: absolute;
top: 0;
left: 0;
z-index: 50;
width: 100%;
}
.vc_span10 .full-laptop .mk-flex-slides {
padding: 12px 130px 20px 130px;
}
.vc_span8 .full-laptop .mk-flex-slides {
padding: 12px 105px 20px 105px;
}
.vc_span6 .full-laptop .mk-flex-slides {
padding: 10px 90px 20px 90px;
}
.vc_span6 .full-laptop .mk-icon-chevron-left:before,
.vc_span6 .full-laptop .mk-icon-chevron-right:before {
font-size: 32px !important;
}
.vc_span4 .full-laptop .mk-flex-slides,
.vc_span4 .one-half-laptop .mk-flex-slides {
padding: 10px 60px 20px 60px;
}
.vc_span4 .full-laptop .mk-icon-chevron-left:before,
.vc_span4 .one-half-laptop .mk-icon-chevron-left:before,
.vc_span4 .full-laptop .mk-icon-chevron-right:before,
.vc_span4 .one-half-laptop .mk-icon-chevron-right:before {
font-size: 24px !important;
}
.vc_span3 .full-laptop .mk-flex-slides,
.vc_span3 .one-half-laptop .mk-flex-slides,
.vc_span3 .one-third-laptop .mk-flex-slides {
padding: 2px 43px 15px 43px;
}
.vc_span3 .full-laptop .mk-icon-chevron-left:before,
.vc_span3 .one-half-laptop .mk-icon-chevron-left:before,
.vc_span3 .one-third-laptop .mk-icon-chevron-left:before,
.vc_span3 .full-laptop .mk-icon-chevron-right:before,
.vc_span3 .one-half-laptop .mk-icon-chevron-right:before,
.vc_span3 .one-third-laptop .mk-icon-chevron-right:before {
font-size: 24px !important;
}
.vc_span3 .one-third-laptop .mk-flex-slides {
padding: 7px 38px 15px 38px;
}
.vc_span3 .one-third-laptop .mk-icon-chevron-left:before,
.vc_span3 .one-third-laptop .mk-icon-chevron-right:before {
font-size: 16px !important;
}
.vc_span2 .full-laptop .mk-flex-slides,
.vc_span2 .one-half-laptop .mk-flex-slides,
.vc_span2 .one-third-laptop .mk-flex-slides,
.vc_span2 .one-fourth-laptop .mk-flex-slides {
padding: 2px 23px 15px 23px;
}
.vc_span2 .full-laptop .mk-icon-chevron-left:before,
.vc_span2 .one-half-laptop .mk-icon-chevron-left:before,
.vc_span2 .one-third-laptop .mk-icon-chevron-left:before,
.vc_span2 .one-fourth-laptop .mk-icon-chevron-left:before,
.vc_span2 .full-laptop .mk-icon-chevron-right:before,
.vc_span2 .one-half-laptop .mk-icon-chevron-right:before,
.vc_span2 .one-third-laptop .mk-icon-chevron-right:before,
.vc_span2 .one-fourth-laptop .mk-icon-chevron-right:before {
font-size: 16px !important;
}
/* Shortcode:LCD Slideshow
-------------------------------------------------------------------- */
.mk-lcd-slideshow {
margin: 0 auto 160px;
width: 100%;
text-align: center;
}
.mk-lcd-slideshow:hover .flex-direction-nav a {
opacity: 0.7;
}
.mk-lcd-slideshow:hover .flex-prev {
left: 40px !important;
}
.mk-lcd-slideshow:hover .flex-next {
right: 40px !important;
}
.mk-lcd-slideshow .mk-flex-slides {
padding: 10px 20px 100px 20px;
}
@media handheld, only screen and (max-width: 960px) {
.mk-lcd-slideshow .mk-flex-slides {
padding: 10px 10px 100px 10px !important;
}
}
@media handheld, only screen and (max-width: 860px) {
.mk-lcd-slideshow .mk-flex-slides {
padding: 10px 10px 100px 10px !important;
}
}
@media handheld, only screen and (max-width: 700px) {
.mk-lcd-slideshow .mk-flex-slides {
padding: 10px 10px 100px 10px !important;
}
}
.mk-lcd-slideshow .flex-direction-nav a {
position: absolute;
top: 45%;
z-index: 60;
margin-top: -16px;
width: 38px;
height: 38px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
opacity: 0;
}
.mk-lcd-slideshow .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-lcd-slideshow .flex-direction-nav a .mk-icon-chevron-right:before {
position: absolute;
top: 12px;
left: 13px;
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
font-size: 16px;
}
.mk-lcd-slideshow .flex-prev {
left: 70px !important;
}
.mk-lcd-slideshow .flex-next {
right: 70px !important;
}
.mk-lcd-image {
position: absolute;
top: 0;
left: 0;
z-index: 50;
}
.vc_span8 .mk-lcd-slideshow {
margin: 0 auto 70px;
}
.vc_span8 .mk-lcd-slideshow .mk-flex-slides {
padding: 15px 10px 100px 10px;
}
.vc_span8 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -48px;
}
.vc_span6 .mk-lcd-slideshow {
margin: 0 auto 50px;
}
.vc_span6 .mk-lcd-slideshow .mk-flex-slides {
padding: 5px 11px 80px;
}
.vc_span6 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px;
}
.vc_span4 .mk-lcd-slideshow {
margin: 0 auto 50px;
}
.vc_span4 .mk-lcd-slideshow .mk-flex-slides {
padding: 10px 5px 80px 5px;
}
.vc_span4 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px;
}
.vc_span3 .mk-lcd-slideshow {
margin: 0 auto 60px;
}
.vc_span3 .mk-lcd-slideshow .mk-flex-slides {
padding: 5px 0px 50px 0px;
}
.vc_span3 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px;
}
.vc_span2 .mk-lcd-slideshow {
margin: 0 auto 40px;
}
.vc_span2 .mk-lcd-slideshow .mk-flex-slides {
padding: 3px 0px 40px 0px;
}
.vc_span2 .mk-lcd-slideshow .flex-direction-nav a {
display: none;
}
.vc_span6 .vc_span8 .mk-lcd-slideshow {
margin: 0 auto 40px;
}
.vc_span6 .vc_span8 .mk-lcd-slideshow .mk-flex-slides {
padding: 10px 10px 90px;
}
.vc_span6 .vc_span4 .mk-lcd-slideshow {
margin: 0 auto 40px;
}
.vc_span6 .vc_span4 .mk-lcd-slideshow .mk-flex-slides {
padding: 5px 5px 50px;
}
.vc_span6 .vc_span4 .mk-lcd-slideshow .flex-direction-nav a {
display: none;
}
/* Shortcode:Content Slideshow
-------------------------------------------------------------------- */
.mk-content-slideshow-shortcode {
margin-bottom: 40px;
padding-right: 20px;
}
.mk-content-slideshow-shortcode .mk-flex-content {
padding: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mk-content-slideshow-shortcode p {
margin-bottom: 0;
}
.mk-content-slideshow-shortcode .flex-direction-nav a {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-content-slideshow-shortcode .flex-direction-nav .flex-next {
top: 30px;
right: 0 !important;
margin: 0;
border-left-width: 11px;
border-left-style: solid;
}
.mk-content-slideshow-shortcode .flex-direction-nav .flex-prev {
top: 30px;
right: 0 !important;
margin: 14px 0 0 0;
border-right-width: 11px;
border-right-style: solid;
background-position: 0 bottom;
}
/* Shortcode:Blockquotes
-------------------------------------------------------------------- */
.mk-blockquote {
position: relative;
margin-bottom: 20px;
line-height: 150% !important;
}
.mk-blockquote p {
margin-bottom: 0px;
}
.mk-blockquote.align-left {
float: left;
}
.mk-blockquote.align-right {
float: right;
}
.mk-blockquote.align-left {
float: none;
clear: both;
}
.mk-blockquote.quote-style {
padding: 20px 20px 20px 70px;
background-color: #f6f6f6;
background-color: rgba(0, 0, 0, 0.05);
}
.mk-blockquote.quote-style:before {
position: absolute;
top: 20px;
left: 20px;
display: block;
color: #dddddd;
color: rgba(0, 0, 0, 0.1);
content: "\f10d";
font-size: 32px;
}
.mk-blockquote.line-style {
padding: 10px 10px 10px 40px;
border-left: 2px solid;
}
@media handheld, only screen and (max-width: 760px) {
.mk-blockquote {
font-size: 12px !important;
}
}
/* Shortcode:Testimanial Slider
-------------------------------------------------------------------- */
.mk-testimonial {
margin: 3px 3px 40px;
}
.mk-testimonial .mk-testimonial-image {
position: relative;
float: left;
margin: 0 15px;
}
.mk-testimonial .mk-testimonial-image img {
width: 50px !important;
height: 50px !important;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.mk-testimonial .mk-testimonial-content {
position: relative;
margin-bottom: 15px;
padding: 20px 20px 0;
}
.mk-testimonial .mk-testimonial-content p {
margin-bottom: 20px;
line-height: 20px;
}
.mk-testimonial .mk-testimonial-author {
display: block;
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
line-height: 11px;
}
.mk-testimonial .mk-testimonial-company {
font-size: 11px;
line-height: 14px;
opacity: 0.6;
}
.mk-testimonial .flex-direction-nav a {
color: #878787;
opacity: 0.4;
}
.mk-testimonial .flex-direction-nav a:hover {
opacity: 1;
}
.mk-testimonial.boxed-style .mk-testimonial-content {
border: 1px solid #ededed;
background-color: #fafafa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-testimonial.boxed-style .mk-testimonial-content:before {
position: absolute;
bottom: -7px;
left: 35px;
display: block;
width: 14px;
height: 14px;
border: 1px solid #ededed;
border-top: none;
border-left: none;
background-color: #fafafa;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.mk-testimonial.boxed-style .flex-direction-nav .flex-next {
right: 0 !important;
bottom: 30px;
margin: 0;
}
.mk-testimonial.boxed-style .flex-direction-nav .flex-prev {
right: 15px !important;
bottom: 30px;
}
.mk-testimonial.simple-style {
padding: 10px 50px 0;
text-align: center;
}
.mk-testimonial.simple-style .mk-testimonial-author {
font-size: 16px;
}
.mk-testimonial.simple-style .mk-testimonial-company {
font-size: 12px;
}
.mk-testimonial.simple-style .mk-moon-quotes-left,
.mk-testimonial.simple-style .mk-moon-quotes-right {
position: absolute;
color: #eeeeee;
font-size: 50px;
}
.mk-testimonial.simple-style .mk-testimonial-content {
margin-bottom: 0;
font-size: 18px !important;
line-height: 28px;
}
.mk-testimonial.simple-style .mk-testimonial-content p {
font-size: inherit;
line-height: inherit;
}
.mk-testimonial.simple-style .mk-moon-quotes-left {
top: 70px;
left: 0;
}
.mk-testimonial.simple-style .mk-moon-quotes-right {
top: 70px;
right: 0;
}
.mk-testimonial.simple-style .flex-direction-nav a i {
font-size: 16px;
}
.mk-testimonial.simple-style .flex-direction-nav .flex-next {
top: 0px;
left: 50% !important;
margin: 0 0 0 5px;
}
.mk-testimonial.simple-style .flex-direction-nav .flex-prev {
top: 0px;
left: 50% !important;
margin: 0 0 0 -12px;
}
.mk-testimonial.simple-style.light-version {
padding-top: 50px;
}
.mk-testimonial.simple-style.light-version .mk-testimonial-content,
.mk-testimonial.simple-style.light-version .mk-testimonial-content p,
.mk-testimonial.simple-style.light-version .mk-testimonial-company,
.mk-testimonial.simple-style.light-version .mk-testimonial-author,
.mk-testimonial.simple-style.light-version .flex-direction-nav a i {
color: #fff !important;
}
.mk-testimonial.simple-style.light-version .flex-direction-nav a i {
font-size: 42px;
}
.mk-testimonial.simple-style.light-version .flex-direction-nav .flex-next {
margin: 0 0 0 6px;
}
.mk-testimonial.simple-style.light-version .flex-direction-nav .flex-prev {
margin: 0 0 0 -54px;
}
.mk-testimonial.simple-style.light-version .mk-moon-quotes-left,
.mk-testimonial.simple-style.light-version .mk-moon-quotes-right {
color: rgba(255, 255, 255, 0.2);
}
.mk-testimonial.modern-style .mk-testimonial-content {
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #fff;
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mk-testimonial.modern-style .mk-testimonial-content:before {
position: absolute;
bottom: -8px;
left: 55px;
display: block;
width: 14px;
height: 14px;
border: 2px solid rgba(0, 0, 0, 0.05);
border-top: none;
border-left: none;
background-color: #fff;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.mk-testimonial.modern-style .mk-testimonial-quote {
padding: 20px 20px 0;
}
.mk-testimonial.modern-style .mk-testimonial-image {
margin: 0 20px;
}
.mk-testimonial.modern-style .mk-testimonial-image img {
-webkit-box-shadow: 0 0 1px #a9a9a9;
-moz-box-shadow: 0 0 1px #a9a9a9;
box-shadow: 0 0 1px #a9a9a9;
}
.mk-testimonial.modern-style .mk-testimonial-author {
margin-top: 30px;
color: #252525 !important;
}
.mk-testimonial.modern-style .flex-control-nav {
top: 15px;
display: block;
height: 5px;
}
.mk-testimonial.modern-style .flex-control-nav li {
margin: 0;
}
.mk-testimonial.modern-style .flex-control-nav li a {
display: block;
padding: 0 3px;
}
.mk-testimonial.modern-style .flex-control-nav li a i {
color: #b2b2b2;
font-size: 5px;
}
.mk-testimonial.modern-style .flex-control-nav li a i:before {
content: "\f111" !important;
}
.mk-testimonial.modern-style .flex-control-nav li a.flex-active i {
color: #4c4c4c;
}
.testimonial-column .testimonial-ul {
margin: 0;
padding: 0;
list-style: none;
}
.testimonial-column .testimonial-item {
display: inline-block;
margin: 0;
float: left;
padding: 0 15px 30px 15px;
}
.testimonial-column .one-column {
width: 100%;
padding: 0 0 30px;
}
.testimonial-column .two-column {
width: 50%;
}
.testimonial-column .three-column {
width: 33%;
}
.testimonial-column .four-column {
width: 25%;
}
@media handheld, only screen and (max-width: 900px) {
.testimonial-column .four-column,
.testimonial-column .three-column {
width: 50% !important;
}
}
@media handheld, only screen and (max-width: 600px) {
.testimonial-column .four-column,
.testimonial-column .three-column,
.testimonial-column .two-column {
width: 100% !important;
padding: 0 0 30px 0 !important;
}
}
/* Shortcode:Tabs
-------------------------------------------------------------------- */
.mk-tabs {
margin-bottom: 20px;
}
.mk-tabs .mk-tabs-tabs li {
position: relative;
display: inline;
float: left;
margin: 0;
padding: 0;
}
.mk-tabs .mk-tabs-tabs li a {
display: block;
margin: 0;
outline: none;
color: #444444;
white-space: nowrap;
font-weight: bold;
font-size: 13px;
line-height: 24px;
cursor: pointer;
}
.mk-tabs .mk-tabs-panes .mk-tabs-pane {
position: relative;
z-index: 8;
}
.mk-tabs.default-style {
margin-bottom: 20px;
/* Vertical Style */
}
.mk-tabs.default-style .mk-tabs-tabs {
z-index: 10;
position: relative;
margin: 0 0 -1px 0 !important;
}
.mk-tabs.default-style .mk-tabs-tabs li a {
padding: 10px 20px;
border: 1px solid #e5e5e5;
border-left: none;
background-color: #ebebeb;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f4f4f4));
background: -webkit-linear-gradient(top, #fafafa, #f4f4f4);
background: -moz-linear-gradient(top, #fafafa, #f4f4f4);
background: -ms-linear-gradient(top, #fafafa, #f4f4f4);
background: -o-linear-gradient(top, #fafafa, #f4f4f4);
background-color: #fafafa;
}
.mk-tabs.default-style .mk-tabs-tabs li:first-child a {
border-left: 1px solid #e5e5e5;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
}
.mk-tabs.default-style .mk-tabs-tabs li:last-of-type a {
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
}
.mk-tabs.default-style .mk-tabs-tabs li:hover i {
color: #868686 !important;
}
.mk-tabs.default-style .mk-tabs-tabs li.tab-with-icon a {
padding: 10px 20px 10px 14px !important;
line-height: 22px;
}
.mk-tabs.default-style .mk-tabs-tabs li.tab-with-icon a i {
margin-right: 8px;
color: #b9b9b9;
font-size: 20px;
}
.mk-tabs.default-style .mk-tabs-tabs li.ui-tabs-active a {
padding-bottom: 11px !important;
border-bottom: none !important;
cursor: default;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background: -webkit-linear-gradient(top, transparent, transparent);
background: -moz-linear-gradient(top, transparent, transparent);
background: -ms-linear-gradient(top, transparent, transparent);
background: -o-linear-gradient(top, transparent, transparent);
background-color: transparent;
}
.mk-tabs.default-style .mk-tabs-panes {
border: 1px solid #e5e5e5;
position: relative;
z-index: 1;
margin: 0;
}
.mk-tabs.default-style .mk-tabs-panes .mk-tabs-pane {
padding: 25px 25px 20px;
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs {
float: left;
margin: 0 -1px 0 0 !important;
width: 25%;
border: 1px solid #e5e5e5;
border-right: none;
border-bottom: none;
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li {
display: block;
float: none;
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li a {
border: 1px solid #e5e5e5;
border-top: none;
border-left: none;
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li:last-of-type a {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-topright: 0;
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li.ui-tabs-active a {
padding-right: 21px !important;
border-right: 1px solid #fff;
border-bottom: 1px solid #e5e5e5 !important;
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs li a {
white-space: normal;
}
.mk-tabs.default-style.vertical-style .mk-tabs-panes {
float: left;
width: 75%;
border: none;
border: 1px solid #e5e5e5;
}
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs {
float: right;
margin: 0 0 0 -1px !important;
}
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs li a {
border: 1px solid #e5e5e5;
border-top: none;
border-left: none;
}
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-tabs li.ui-tabs-active a {
margin-left: -1px !important;
border-bottom: 1px solid #e5e5e5 !important;
border-left: none !important;
}
.mk-tabs.default-style.vertical-style.vertical-right .mk-tabs-panes {
float: right;
}
@media handheld, only screen and (max-width: 600px) {
.mk-tabs.default-style.vertical-style .mk-tabs-panes {
width: 60%;
}
.mk-tabs.default-style.vertical-style .mk-tabs-tabs {
width: 40%;
}
.mk-tabs.default-style.horizental-style .mk-tabs-tabs {
border-bottom: 1px solid #e5e5e5;
}
.mk-tabs.default-style.horizental-style .mk-tabs-tabs li {
display: block;
float: none;
border-bottom: none;
border-left: 1px solid #e5e5e5;
}
.mk-tabs.default-style.horizental-style .mk-tabs-tabs li a {
border-bottom: none !important;
}
.mk-tabs.default-style.horizental-style .mk-tabs-tabs li:first-child a {
border-left: none !important;
}
}
/* Simple Style:since v3.0 */
.mk-tabs.simple-style .mk-tabs-tabs {
margin: 0;
border-bottom: 2px solid #eeeeee;
}
.mk-tabs.simple-style .mk-tabs-tabs li a {
padding: 14px 18px;
margin: 0 0 -2px 0;
}
.mk-tabs.simple-style .mk-tabs-tabs li.tab-with-icon a {
line-height: 22px;
}
.mk-tabs.simple-style .mk-tabs-tabs li.tab-with-icon a i {
font-size: 20px;
margin-right: 6px;
}
.mk-tabs.simple-style .mk-tabs-tabs li.ui-tabs-active a {
border-bottom-style: solid;
border-bottom-width: 2px;
}
.mk-tabs.simple-style .mk-tabs-panes {
padding: 25px 0 15px;
}
@media handheld, only screen and (max-width: 780px) {
.mk-tabs.simple-style .mk-tabs-tabs {
border-bottom: none !important;
}
.mk-tabs.simple-style .mk-tabs-tabs li {
float: none !important;
display: block !important;
}
.mk-tabs.simple-style .mk-tabs-tabs li a {
border-bottom: 2px solid #eeeeee;
}
}
/* Shortcode:Accordion
-------------------------------------------------------------------- */
.mk-accordion {
margin-bottom: 20px;
}
.mk-accordion.fancy-style {
border-bottom: 1px solid #ececec;
}
.mk-accordion.fancy-style .mk-accordion-single {
overflow: hidden;
border: 1px solid #ececec;
border-bottom: 0;
background-color: #fff;
}
.mk-accordion.fancy-style .mk-accordion-tab {
position: relative;
padding: 9px 30px 12px 15px;
color: #222;
font-size: 13px;
font-weight: 600;
line-height: 22px;
cursor: pointer;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
background: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
background: -moz-linear-gradient(top, #ffffff, #f9f9f9);
background: -ms-linear-gradient(top, #ffffff, #f9f9f9);
background: -o-linear-gradient(top, #ffffff, #f9f9f9);
background-color: #ffffff;
}
.mk-accordion.fancy-style .mk-accordion-tab span {
vertical-align: middle;
}
.mk-accordion.fancy-style .mk-accordion-tab i {
margin-right: 15px;
color: #b9b9b9;
font-size: 24px;
}
.mk-accordion.fancy-style .mk-accordion-tab:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f4f4f4));
background: -webkit-linear-gradient(top, #fafafa, #f4f4f4);
background: -moz-linear-gradient(top, #fafafa, #f4f4f4);
background: -ms-linear-gradient(top, #fafafa, #f4f4f4);
background: -o-linear-gradient(top, #fafafa, #f4f4f4);
background-color: #fafafa;
}
.mk-accordion.fancy-style .mk-accordion-tab:hover i {
color: #868686;
}
.mk-accordion.fancy-style .mk-accordion-tab:before {
position: absolute;
top: 50%;
right: 14px;
display: block;
margin-top: -9px;
padding: 3px 6px 2px;
color: #adadad;
content: "\f054";
font-size: 12px !important;
line-height: 16px;
}
.mk-accordion.fancy-style .mk-accordion-tab.current {
border-bottom: 1px solid #ececec;
}
.mk-accordion.fancy-style .mk-accordion-tab.current:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.mk-accordion.fancy-style .mk-accordion-pane {
display: none;
padding: 20px;
}
.mk-accordion.simple-style .mk-accordion-tab {
position: relative;
padding: 9px 30px 12px 15px;
border-bottom: 1px solid #ececec;
color: #222;
font-size: 13px;
line-height: 22px;
font-weight: 600;
cursor: pointer;
}
.mk-accordion.simple-style .mk-accordion-tab span {
vertical-align: middle;
}
.mk-accordion.simple-style .mk-accordion-tab i {
margin-right: 10px;
color: #b9b9b9;
font-size: 24px;
}
.mk-accordion.simple-style .mk-accordion-tab:before {
position: absolute;
top: 16px;
right: 10px;
display: block;
padding: 3px 6px 2px;
color: #dddddd;
content: "\f054";
font-size: 12px;
line-height: 12px;
}
.mk-accordion.simple-style .mk-accordion-tab.current {
border: none;
}
.mk-accordion.simple-style .mk-accordion-tab.current:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
color: #252525;
}
.mk-accordion.simple-style .mk-accordion-pane {
display: none;
padding: 10px;
border-bottom: 1px solid #ececec;
background-color: #fff;
}
.mk-accordion.toggle-action .mk-accordion-pane {
display: none;
}
/* Shortcode:Accordion
-------------------------------------------------------------------- */
.mk-toggle {
margin: 0;
}
.mk-toggle.fancy-style {
margin-bottom: 3px;
border: 1px solid #ececec;
}
.mk-toggle.fancy-style .mk-toggle-title {
position: relative;
display: block;
padding: 9px 30px 9px 15px;
color: #222;
font-size: 13px;
font-weight: 600;
line-height: 22px;
cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
background: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
background: -moz-linear-gradient(top, #ffffff, #f9f9f9);
background: -ms-linear-gradient(top, #ffffff, #f9f9f9);
background: -o-linear-gradient(top, #ffffff, #f9f9f9);
background-color: #ffffff;
}
.mk-toggle.fancy-style .mk-toggle-title span {
vertical-align: middle;
}
.mk-toggle.fancy-style .mk-toggle-title i {
margin-right: 15px;
color: #b9b9b9;
font-size: 24px;
}
.mk-toggle.fancy-style .mk-toggle-title:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f4f4f4));
background: -webkit-linear-gradient(top, #fafafa, #f4f4f4);
background: -moz-linear-gradient(top, #fafafa, #f4f4f4);
background: -ms-linear-gradient(top, #fafafa, #f4f4f4);
background: -o-linear-gradient(top, #fafafa, #f4f4f4);
background-color: #fafafa;
}
.mk-toggle.fancy-style .mk-toggle-title:before {
position: absolute;
top: 10px;
right: 10px;
display: block;
padding: 3px 6px 2px;
content: "\f054";
font-size: 12px !important;
line-height: 16px;
color: #dddddd;
}
.mk-toggle.fancy-style .mk-toggle-title.active-toggle {
border-bottom: 1px solid #ececec;
}
.mk-toggle.fancy-style .mk-toggle-title.active-toggle:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.mk-toggle.simple-style .mk-toggle-title {
position: relative;
display: block;
padding: 8px 25px 8px 23px;
color: #444444;
font-size: 13px;
cursor: pointer;
}
.mk-toggle.simple-style .mk-toggle-title span {
vertical-align: middle;
}
.mk-toggle.simple-style .mk-toggle-title i {
display: none;
}
.mk-toggle.simple-style .mk-toggle-title:before {
position: absolute;
top: 11px;
left: -4px;
display: block;
padding: 3px 6px 2px;
color: #adadad;
content: "\f054";
font-size: 12px;
line-height: 12px;
}
.mk-toggle.simple-style .mk-toggle-title.active-toggle:before {
left: -6px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.mk-toggle .mk-toggle-pane {
position: relative;
display: none;
padding: 20px;
background-color: #fff;
}
/* Facebook
---------------------------------------------------------- */
.fb_type_standard {
height: 25px;
}
.fb_type_standard iframe {
height: 25px;
}
.fb_type_button_count {
height: 25px;
}
.fb_type_button_count iframe {
height: 25px;
}
.fb_type_box_count {
height: 62px;
}
.fb_type_box_count iframe {
height: 62px;
}
/* Google plus
---------------------------------------------------------- */
.wpb_googleplus_type_standard {
height: 25px;
}
.wpb_googleplus_type_small {
height: 25px;
}
.wpb_googleplus_type_medium {
height: 25px;
}
.wpb_googleplus_type_tall {
height: 25px;
}
/* Pinterest
---------------------------------------------------------- */
.wpb_pinterest_type_horizontal {
height: 25px;
}
.wpb_pinterest_type_vertical {
height: 60px;
}
.wpb_pinterest_type_none {
height: 25px;
}
.wpb_googleplus,
.wpb_pinterest,
.wpb_tweetme,
.wpb_fb_like {
display: inline-block;
}
.wpb_content_element {
margin-bottom: 20px;
}
/* Shortcode:Video Player
-------------------------------------------------------------------- */
.video-container {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 56.25%;
height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Shortcode:Flickr Feeds
-------------------------------------------------------------------- */
.mk-flickr-feeds-shortcode {
margin-bottom: 20px;
}
.mk-flickr-feeds-shortcode .flickr_badge_image {
display: inline-block;
}
.mk-flickr-feeds-shortcode .flickr_badge_image a {
position: relative;
z-index: 5;
display: inline-block;
margin: 0 10px 10px 0;
}
.mk-flickr-feeds-shortcode .flickr_badge_image a img {
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* Shortcode:Contact Form
-------------------------------------------------------------------- */
.mk-contact-form-wrapper {
position: relative;
margin-bottom: 20px;
}
.mk-contact-form-wrapper.classic-style .mk-form-row {
position: relative;
margin-bottom: 10px;
}
.mk-contact-form-wrapper.classic-style .mk-form-row i {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #6c6c6c;
}
.mk-contact-form-wrapper.classic-style .mk-form-row i:before {
font-size: 16px;
}
.mk-contact-form-wrapper.classic-style .mk-form-row .text-input {
padding: 8px 10px 8px 45px;
width: 70%;
background-color: #fff;
background-image: url(../../images/contact-inputs-bg.png);
background-position: left top;
background-repeat: repeat-y;
}
.mk-contact-form-wrapper.classic-style .mk-form-row .mk-textarea {
padding: 10px 10px 10px 45px;
width: 100%;
height: 230px;
background-color: #fff;
background-image: url(../../images/contact-inputs-bg.png);
background-position: left top;
background-repeat: repeat-y;
}
.mk-contact-form-wrapper.classic-style .mk-form-row button {
margin-top: 10px;
padding: 11px 24px 9px;
font-weight: bold;
font-size: 12px;
}
.mk-contact-form-wrapper.modern-style .mk-form-row {
position: relative;
margin-bottom: 12px;
text-align: center;
}
.mk-contact-form-wrapper.modern-style .mk-form-row .text-input,
.mk-contact-form-wrapper.modern-style .mk-form-row .mk-textarea {
border: 1px solid transparent;
font-size: 14px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.mk-contact-form-wrapper.modern-style .mk-form-row .text-input {
padding: 14px;
width: 100%;
text-align: center;
}
.mk-contact-form-wrapper.modern-style .mk-form-row .mk-textarea {
padding: 15px;
width: 100%;
height: 200px;
text-align: center;
}
.mk-contact-form-wrapper.modern-style.contact-light .text-input,
.mk-contact-form-wrapper.modern-style.contact-light .mk-textarea {
background-color: rgba(255, 255, 255, 0.6);
color: #252525;
}
.mk-contact-form-wrapper.modern-style.contact-light .text-input::-webkit-input-placeholder,
.mk-contact-form-wrapper.modern-style.contact-light .mk-textarea::-webkit-input-placeholder {
color: #252525;
}
.mk-contact-form-wrapper.modern-style.contact-light .text-input:-ms-input-placeholder,
.mk-contact-form-wrapper.modern-style.contact-light .mk-textarea:-ms-input-placeholder {
color: #252525;
}
.mk-contact-form-wrapper.modern-style.contact-light .text-input:-moz-placeholder,
.mk-contact-form-wrapper.modern-style.contact-light .mk-textarea:-moz-placeholder {
color: #252525;
}
.mk-contact-form-wrapper.modern-style.contact-light .text-input:focus,
.mk-contact-form-wrapper.modern-style.contact-light .mk-textarea:focus {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
}
.mk-contact-form-wrapper.modern-style.contact-light .text-input:focus::-webkit-input-placeholder,
.mk-contact-form-wrapper.modern-style.contact-light .mk-textarea:focus::-webkit-input-placeholder {
color: #fff;
}
.mk-contact-form-wrapper.modern-style.contact-light .text-input:focus:-ms-input-placeholder,
.mk-contact-form-wrapper.modern-style.contact-light .mk-textarea:focus:-ms-input-placeholder {
color: #fff;
}
.mk-contact-form-wrapper.modern-style.contact-light .text-input:focus:-moz-placeholder,
.mk-contact-form-wrapper.modern-style.contact-light .mk-textarea:focus:-moz-placeholder {
color: #fff;
}
.mk-contact-form-wrapper.modern-style.contact-dark .text-input,
.mk-contact-form-wrapper.modern-style.contact-dark .mk-textarea {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
}
.mk-contact-form-wrapper.modern-style.contact-dark .text-input::-webkit-input-placeholder,
.mk-contact-form-wrapper.modern-style.contact-dark .mk-textarea::-webkit-input-placeholder {
color: #fff;
}
.mk-contact-form-wrapper.modern-style.contact-dark .text-input:-ms-input-placeholder,
.mk-contact-form-wrapper.modern-style.contact-dark .mk-textarea:-ms-input-placeholder {
color: #fff;
}
.mk-contact-form-wrapper.modern-style.contact-dark .text-input:-moz-placeholder,
.mk-contact-form-wrapper.modern-style.contact-dark .mk-textarea:-moz-placeholder {
color: #fff;
}
.mk-contact-form-wrapper.modern-style.contact-dark .text-input:focus,
.mk-contact-form-wrapper.modern-style.contact-dark .mk-textarea:focus {
background-color: rgba(255, 255, 255, 0.6);
color: #252525;
}
.mk-contact-form-wrapper.modern-style.contact-dark .text-input:focus::-webkit-input-placeholder,
.mk-contact-form-wrapper.modern-style.contact-dark .mk-textarea:focus::-webkit-input-placeholder {
color: #252525;
}
.mk-contact-form-wrapper.modern-style.contact-dark .text-input:focus:-ms-input-placeholder,
.mk-contact-form-wrapper.modern-style.contact-dark .mk-textarea:focus:-ms-input-placeholder {
color: #252525;
}
.mk-contact-form-wrapper.modern-style.contact-dark .text-input:focus:-moz-placeholder,
.mk-contact-form-wrapper.modern-style.contact-dark .mk-textarea:focus:-moz-placeholder {
color: #252525;
}
.mk-contact-form-wrapper.modern-style .mk-invalid {
border: 1px solid #ff0000 !important;
}
.mk-contact-loading {
position: absolute;
right: 0;
bottom: 20px;
display: none;
color: #c3c3c3;
font-size: 16px;
}
.mk-contact-success {
position: absolute;
right: 0;
bottom: 20px;
display: none;
width: 24px;
height: 24px;
color: #90b64d;
font-size: 24px;
}
.mk-invalid {
border: 1px solid #ff0000;
}
.mk-contactinfo-shortcode {
margin-bottom: 20px;
}
@media handheld, only screen and (max-width: 960px) {
.mk-contact-form-shortcode .contact-form-spliter {
float: none !important;
margin-bottom: 6px;
width: 100% !important;
}
.mk-contact-form-shortcode button {
display: block;
width: 100%;
}
}
/* Shortcode:Social Networks
-------------------------------------------------------------------- */
.mk-social-network-shortcode {
margin: 10px 0;
padding: 0;
}
.mk-social-network-shortcode.social-align-right {
text-align: right;
}
.mk-social-network-shortcode.social-align-center {
text-align: center;
}
.mk-social-network-shortcode.social-align-left {
text-align: left;
}
.mk-social-network-shortcode.small i {
font-size: 16px;
}
.mk-social-network-shortcode.medium i {
font-size: 24px;
}
.mk-social-network-shortcode.large i {
font-size: 32px;
}
.mk-social-network-shortcode.x-large i {
font-size: 48px;
}
.mk-social-network-shortcode.xx-large i {
font-size: 64px;
}
.mk-social-network-shortcode ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-social-network-shortcode ul li {
display: inline-block;
margin: 0;
}
.mk-social-network-shortcode ul li a {
display: block;
line-height: 100%;
}
/* Shortcode:FAQ
-------------------------------------------------------------------- */
.mk-faq-container {
margin-bottom: 20px;
}
.mk-faq-container.fancy-style-wrapper {
border-top: 1px solid #ececec;
}
.mk-faq-container.fancy-style-wrapper .mk-faq-toggle {
margin-bottom: 0 !important;
border-top: none !important;
}
.mk-faq-toggle {
display: block;
width: 100%;
}
.mk-faq-toggle .mk-toggle-title i {
color: #d6d6d6 !important;
}
.filter-faq {
margin-bottom: 30px;
text-align: center;
}
.filter-faq ul {
display: inline-block;
overflow: hidden;
margin: 0;
padding: 0;
border: 1px solid #dbdbdb;
list-style: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.filter-faq ul li {
display: inline-block;
margin: 0;
border-left: 1px solid #dbdbdb;
text-transform: capitalize;
}
.filter-faq ul li:first-child {
border: none !important;
}
.filter-faq ul li a {
display: block;
padding: 16px 20px;
background-color: #fbfbfb;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #fbfbfb, #f5f5f5);
background-image: -moz-linear-gradient(top, #fbfbfb, #f5f5f5);
background-image: -ms-linear-gradient(top, #fbfbfb, #f5f5f5);
background-image: -o-linear-gradient(top, #fbfbfb, #f5f5f5);
color: #333333;
font-size: 12px;
line-height: 12px;
}
.filter-faq ul li a:hover {
background-color: #f1f1f1;
background-image: none !important;
}
.filter-faq ul li a.current {
background-color: #e9e9e9;
background-image: none !important;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.07);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.07);
}
@media handheld, only screen and (max-width: 767px) {
.filter-faq ul {
display: block !important;
}
.filter-faq ul li {
display: block !important;
border-top: 1px solid #dbdbdb;
border-left: none !important;
}
}
/* Shortcode:Fancy Title
-------------------------------------------------------------------- */
.mk-fancy-title {
margin-bottom: 18px;
}
.mk-fancy-title.pattern-style {
background: url(../../images/fancy-title-pattern.png) left center repeat-x;
}
.mk-fancy-title.pattern-style p {
display: inline;
}
.mk-fancy-title.simple-style span {
background: transparent !important;
}
.mk-fancy-title p {
margin-bottom: 0 !important;
}
@media handheld, only screen and (max-width: 770px) {
.mk-fancy-title {
text-align: center !important;
}
.mk-fancy-title.pattern-style span {
padding: 0 8px !important;
}
}
.mk-title-box {
line-height: 100%;
}
.mk-title-box p {
margin: 0;
}
.mk-title-box span {
padding: 4px 0;
}
/* Shortcode:Portfolio Carousel
-------------------------------------------------------------------- */
.mk-portfolio-carousel .mk-fancy-title {
margin-right: 35px;
font-weight: bold !important;
font-size: 14px !important;
}
.mk-portfolio-carousel .mk-fancy-title span {
padding-right: 5px;
}
.mk-portfolio-carousel .mk-portfolio-view-all {
float: right;
padding: 0 7px;
font-size: 11px;
}
.mk-portfolio-carousel .flex-viewport ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-portfolio-carousel .flex-viewport ul li {
position: relative;
padding-right: 15px;
min-height: 230px;
}
.mk-portfolio-carousel .flex-viewport ul li:hover .portfolio-carousel-extra-info {
z-index: 30;
opacity: 1;
}
.mk-portfolio-carousel .flex-viewport ul li:hover .portfolio-carousel-overlay {
opacity: 0.7;
}
.mk-portfolio-carousel .flex-viewport ul li:hover .portfolio-carousel-lightbox {
left: 95px;
opacity: 1;
}
.mk-portfolio-carousel .flex-viewport ul li:hover .portfolio-carousel-permalink {
right: 95px;
opacity: 1;
}
.mk-portfolio-carousel .flex-direction-nav a {
position: absolute;
top: -37px;
}
.mk-portfolio-carousel .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-portfolio-carousel .flex-direction-nav a .mk-icon-chevron-right:before {
color: #aaaaaa;
}
.mk-portfolio-carousel .flex-prev {
right: 20px;
}
.mk-portfolio-carousel .flex-next {
right: 0px;
}
.mk-portfolio-carousel-thumb {
position: relative;
overflow: hidden;
}
.portfolio-carousel-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.portfolio-carousel-lightbox,
.portfolio-carousel-permalink {
position: absolute;
top: 40%;
width: 32px;
height: 32px;
line-height: 32px;
display: block;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.portfolio-carousel-lightbox:hover,
.portfolio-carousel-permalink:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-carousel-lightbox i,
.portfolio-carousel-permalink i {
color: #fff;
font-size: 16px;
line-height: 32px;
}
.portfolio-carousel-lightbox {
left: 0;
opacity: 0;
}
.portfolio-carousel-permalink {
right: 0;
opacity: 0;
}
.portfolio-carousel-extra-info {
position: relative;
z-index: 8;
margin: -40px 0 0 10px;
padding: 10px;
width: 240px;
background-color: #333333;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
opacity: 0;
}
.portfolio-carousel-title {
display: inline-block;
color: #fff !important;
font-weight: bold;
font-size: 12px;
line-height: 16px !important;
}
.portfolio-carousel-cats {
display: block;
line-height: 16px;
}
/* Modern Style */
.mk-portfolio-carousel-modern .mk-portfolio-modern-image {
position: relative;
}
.mk-portfolio-carousel-modern .mk-portfolio-modern-image img {
position: relative;
z-index: 10;
max-width: 100%;
width: auto\9;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.mk-portfolio-carousel-modern .mk-portfolio-modern-image:hover .modern-post-type-icon,
.mk-portfolio-carousel-modern .mk-portfolio-modern-image:hover .portfolio-categories {
opacity: 1;
}
.mk-portfolio-carousel-modern .mk-portfolio-modern-image:hover .portfolio-modern-meta {
bottom: 30px;
opacity: 1;
}
.mk-portfolio-carousel-modern .mk-portfolio-modern-image:hover .image-hover-overlay {
opacity: 0.85;
}
.mk-portfolio-carousel-modern .image-hover-overlay {
z-index: 11;
background-color: #000 !important;
}
.mk-portfolio-carousel-modern .the-title {
padding: 0 20px;
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 18px;
}
.mk-portfolio-carousel-modern .portfolio-modern-meta {
position: absolute;
bottom: 20px;
left: 0;
z-index: 20;
width: 100%;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
opacity: 0;
}
.mk-portfolio-carousel-modern .portfolio-categories {
padding: 0 20px;
color: #fff;
opacity: 0;
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}
.mk-portfolio-carousel-modern .flex-direction-nav a {
position: absolute;
top: 50%;
margin-top: -27.5px;
width: 55px;
height: 55px;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
line-height: 55px;
}
.mk-portfolio-carousel-modern .flex-direction-nav a:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.mk-portfolio-carousel-modern .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-portfolio-carousel-modern .flex-direction-nav a .mk-icon-chevron-right:before {
color: #fff;
font-size: 16px;
}
.mk-portfolio-carousel-modern .flex-direction-nav a.flex-prev {
left: 0px;
}
.mk-portfolio-carousel-modern .flex-direction-nav a.flex-next {
right: 0px;
}
.modern-post-type-icon {
position: absolute;
display: block;
z-index: 20;
top: 30%;
left: 50%;
margin-left: -25px;
opacity: 0;
text-align: center;
width: 50px;
height: 50px;
line-height: 100px;
color: #fff;
}
.modern-post-type-icon i {
font-size: 48px;
line-height: 50px;
}
/* Shortcode:Font Icons
-------------------------------------------------------------------- */
.mk-font-icons {
display: inline-block;
}
.mk-font-icons.icon-align-right {
float: right;
}
.mk-font-icons.icon-align-center {
display: block;
text-align: center;
}
.mk-font-icons.icon-align-left {
float: left;
}
.mk-font-icons i {
display: inline-block;
}
.mk-font-icons i.circle-enabled {
text-align: center;
-webkit-border-radius: 256px;
-moz-border-radius: 256px;
border-radius: 256px;
}
.mk-font-icons i.mk-size-small {
font-size: 16px;
}
.mk-font-icons i.mk-size-small.circle-enabled {
padding: 3px;
width: 16px;
height: 16px;
font-size: 12px;
line-height: 16px;
}
.mk-font-icons i.mk-size-medium {
font-size: 32px;
}
.mk-font-icons i.mk-size-medium.circle-enabled {
padding: 3px;
width: 32px;
height: 32px;
font-size: 20px;
line-height: 32px;
}
.mk-font-icons i.mk-size-large {
font-size: 48px;
}
.mk-font-icons i.mk-size-large.circle-enabled {
width: 48px;
height: 48px;
font-size: 28px;
line-height: 48px;
}
.mk-font-icons i.mk-size-x-large {
font-size: 64px;
}
.mk-font-icons i.mk-size-x-large.circle-enabled {
width: 64px;
height: 64px;
font-size: 34px;
line-height: 64px;
}
.mk-font-icons i.mk-size-xx-large {
font-size: 128px;
}
.mk-font-icons i.mk-size-xx-large.circle-enabled {
width: 128px;
height: 128px;
font-size: 70px;
line-height: 128px;
}
.mk-font-icons i.mk-size-xxx-large {
font-size: 256px;
}
.mk-font-icons i.mk-size-xxx-large.circle-enabled {
width: 256px;
height: 256px;
font-size: 160px;
line-height: 256px;
}
/* Shortcode:Blog Showcase
-------------------------------------------------------------------- */
.mk-blog-showcase {
padding: 30px 0;
}
.mk-blog-showcase ul {
display: block;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}
.mk-blog-showcase ul li {
position: relative;
display: inline-block;
float: left;
margin: 0;
padding: 0 10px 0 0;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-blog-showcase ul li {
display: block !important;
float: none !important;
margin-bottom: 20px;
width: 100%;
}
.mk-blog-showcase ul li .blog-showcase-extra-info {
opacity: 1;
}
}
@media handheld, only screen and (max-width: 600px) {
.mk-blog-showcase ul li {
display: block !important;
float: none !important;
margin-bottom: 15px;
padding: 0 !important;
}
.mk-blog-showcase ul li .blog-showcase-extra-info {
display: none !important;
}
.mk-blog-showcase ul li .mk-blog-showcase-thumb {
max-width: 100%;
width: 100% !important;
height: auto !important;
line-height: 4px;
}
.mk-blog-showcase ul li .mk-blog-showcase-thumb img {
max-width: 100%;
width: 100%;
height: auto !important;
}
}
.mk-blog-showcase ul li:last-child {
padding-right: 0 !important;
}
.mk-blog-showcase ul li.mk-blog-first-el {
padding-right: 270px;
}
.mk-blog-showcase ul li.mk-blog-first-el .blog-showcase-extra-info {
opacity: 1;
}
.mk-blog-showcase ul li.mk-blog-first-el .mk-blog-showcase-thumb {
border-right: none;
}
.showcase-blog-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 30;
width: 100%;
height: 100%;
opacity: 0;
}
.mk-blog-showcase-thumb {
position: relative;
z-index: 20;
overflow: hidden;
margin-bottom: 5px;
width: 260px;
height: 180px;
}
.mk-blog-showcase-thumb:hover .showcase-blog-overlay {
opacity: 0.8;
}
.mk-blog-showcase-thumb:hover a {
opacity: 1;
}
.mk-blog-showcase-thumb a {
position: absolute;
top: 50%;
left: 50%;
z-index: 40;
margin: -24px 0 0 -24px;
width: 48px;
height: 48px;
text-align: center;
display: block;
opacity: 0;
}
.mk-blog-showcase-thumb a i {
color: #fff;
font-size: 48px;
line-height: 48px;
-webkit-backface-visibility: hidden;
}
.blog-showcase-extra-info {
position: absolute;
top: 2px;
left: 270px;
z-index: 10;
overflow: hidden;
margin: 0;
padding-left: 5px;
width: 250px;
height: 180px;
opacity: 0;
}
.blog-showcase-extra-info time {
display: block;
margin-bottom: 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-right: none;
border-left: none;
line-height: 24px;
}
.blog-showcase-extra-info time a {
color: #999999;
font-size: 10px;
}
.blog-showcase-title {
display: inline-block;
margin-bottom: 0px;
color: #333333;
font-weight: bold;
font-size: 13px;
line-height: 20px !important;
}
.blog-showcase-more {
text-decoration: underline;
font-size: 12px;
}
/* Shortcode:Blog Carousel
-------------------------------------------------------------------- */
.mk-blog-carousel {
margin-bottom: 20px;
}
.mk-blog-carousel .mk-fancy-title {
margin-right: 35px;
font-weight: bold !important;
font-size: 14px !important;
}
.mk-blog-carousel .mk-fancy-title span {
padding-right: 5px;
}
.mk-blog-carousel .mk-blog-view-all {
float: right;
padding: 0 7px;
font-size: 11px;
}
.mk-blog-carousel .flex-viewport ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-blog-carousel .flex-viewport ul li {
position: relative;
padding-right: 25px;
}
.mk-blog-carousel .flex-viewport ul li > div {
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
background-clip: padding-box;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-topleft: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
}
.mk-blog-carousel .flex-viewport ul li:hover .blog-carousel-overlay {
opacity: 0.8;
}
.mk-blog-carousel .flex-viewport ul li:hover .post-type-badge {
opacity: 1;
}
.mk-blog-carousel .flex-direction-nav a {
position: absolute;
top: -37px;
}
.mk-blog-carousel .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-blog-carousel .flex-direction-nav a .mk-icon-chevron-right:before {
color: #aaaaaa;
}
.mk-blog-carousel .flex-prev {
right: 20px;
}
.mk-blog-carousel .flex-next {
right: 0px;
}
.blog-carousel-thumb {
position: relative;
}
.blog-carousel-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.blog-carousel-title {
display: inline-block;
margin-bottom: 0 !important;
padding: 15px;
text-transform: none !important;
font-weight: bold;
font-size: 14px !important;
line-height: 20px !important;
min-height: 40px;
}
.blog-carousel-excerpt {
margin: 0;
padding: 0 15px 15px;
font-size: 12px;
}
/* Shortcode:Clients Carousel
-------------------------------------------------------------------- */
.mk-clients-shortcode {
position: relative;
margin-bottom: 20px;
}
.mk-clients-shortcode ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-clients-shortcode ul.mk-flex-slides li {
position: relative;
padding: 0 17px 0 0;
}
.mk-clients-shortcode ul.mk-flex-slides .client-logo {
width: 170px;
border-width: 1px;
border-style: solid;
}
.mk-clients-shortcode .mk-fancy-title {
margin-right: 38px;
font-weight: bold !important;
font-size: 14px !important;
}
.mk-clients-shortcode .mk-fancy-title span {
padding-right: 5px;
}
.mk-clients-shortcode .client-logo {
position: relative;
display: block;
background-position: center center;
background-repeat: no-repeat;
}
.mk-clients-shortcode .client-logo:hover {
opacity: 0.6;
}
.mk-clients-shortcode.bg-cover-true .client-logo {
background-size: cover;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.mk-clients-shortcode .flex-direction-nav a {
position: absolute;
top: -4px;
}
.mk-clients-shortcode .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-clients-shortcode .flex-direction-nav a .mk-icon-chevron-right:before {
color: #aaaaaa;
font-size: 12px !important;
}
.mk-clients-shortcode .flex-prev {
right: 20px;
}
.mk-clients-shortcode .flex-next {
right: 0px;
}
.mk-clients-shortcode.column-style ul {
overflow: hidden;
}
.mk-clients-shortcode.column-style li {
float: left;
margin: 0;
padding: 0;
}
.mk-clients-shortcode.column-style.one-column li {
width: 100%;
}
.mk-clients-shortcode.column-style.two-column li {
width: 50%;
}
.mk-clients-shortcode.column-style.three-column li {
width: 33.3%;
}
.mk-clients-shortcode.column-style.four-column li {
width: 25%;
}
.mk-clients-shortcode.column-style.five-column li {
width: 20%;
}
.mk-clients-shortcode.column-style.six-column li {
width: 16.6%;
}
@media handheld, only screen and (max-width: 960px) {
.mk-clients-shortcode.column-style.three-column li,
.mk-clients-shortcode.column-style.four-column li,
.mk-clients-shortcode.column-style.five-column li,
.mk-clients-shortcode.column-style.six-column li {
width: 33.2% !important;
}
}
@media handheld, only screen and (max-width: 767px) {
.mk-clients-shortcode.column-style.three-column li,
.mk-clients-shortcode.column-style.four-column li,
.mk-clients-shortcode.column-style.five-column li,
.mk-clients-shortcode.column-style.six-column li {
width: 49.8% !important;
}
}
@media handheld, only screen and (max-width: 550px) {
.mk-clients-shortcode.column-style.three-column li,
.mk-clients-shortcode.column-style.four-column li,
.mk-clients-shortcode.column-style.two-column li,
.mk-clients-shortcode.column-style.five-column li,
.mk-clients-shortcode.column-style.six-column li {
width: 100% !important;
}
}
.mk-clients-shortcode.column-style .client-logo {
width: 100%;
border-width: 1px;
border-style: solid;
border-top: none !important;
border-left: none !important;
}
/* Shortcode:Icon Box
-------------------------------------------------------------------- */
.mk-box-icon {
position: relative;
-webkit-backface-visibility: hidden;
}
.mk-box-icon p {
position: relative;
margin-bottom: 0;
}
.mk-box-icon .icon-box-readmore {
position: relative;
float: right;
margin: 10px 15px 10px 0;
}
.mk-box-icon .icon-box-readmore i:before {
position: relative;
padding-left: 4px;
vertical-align: middle;
font-size: 14px;
line-height: 14px;
}
.mk-box-icon.simple_minimal-style.vc_span4 {
padding-right: 10px;
}
.mk-box-icon.simple_minimal-style .mk-main-ico {
display: inline-block;
margin-right: 12px;
font-size: 32px;
line-height: 16px;
}
.mk-box-icon.simple_minimal-style .circled-icon {
width: 36px;
height: 36px;
text-align: center;
font-size: 16px;
line-height: 36px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.mk-box-icon.simple_minimal-style h4 {
margin-bottom: 15px !important;
}
.mk-box-icon.boxed-style .icon-box-boxed {
position: relative;
z-index: 10;
border: 1px solid #e0e0e0;
background-color: #f4f4f4;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mk-box-icon.boxed-style .icon-box-boxed.blured-box {
border: 1px solid rgba(255, 255, 255, 0.6);
}
.mk-box-icon.boxed-style .icon-box-boxed.top {
margin-top: 35px;
padding: 70px 30px 30px;
}
.mk-box-icon.boxed-style .icon-box-boxed.top .mk-main-ico {
top: -34px;
left: 50%;
margin-left: -32px;
}
.mk-box-icon.boxed-style .icon-box-boxed.left {
margin-left: 30px;
padding: 30px 30px 30px 60px;
text-align: left;
}
.mk-box-icon.boxed-style .icon-box-boxed.left .mk-main-ico {
top: 50%;
left: -34px;
margin-top: -34px;
}
.mk-box-icon.boxed-style .icon-box-readmore {
display: inline-block;
float: none;
}
.mk-box-icon.boxed-style h4 {
margin-bottom: 20px;
color: #222 !important;
}
.mk-box-icon.boxed-style .mk-main-ico {
position: absolute;
z-index: 20;
display: block;
width: 65px;
height: 65px;
color: #fff;
text-align: center;
font-size: 32px;
line-height: 65px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.mk-box-icon.boxed-style .mk-main-ico:before {
position: relative;
}
.mk-box-icon.simple_ultimate-style .left-side {
padding-right: 15px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico {
display: block;
float: left;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.small {
width: 32px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.medium {
width: 48px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large {
width: 64px;
}
.mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.x-large {
width: 128px;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper {
display: block;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.small-size {
margin-left: 48px;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.medium-size {
margin-left: 65px;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size {
margin-left: 84px;
}
.mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.x-large-size {
margin-left: 158px;
}
.mk-box-icon.simple_ultimate-style .top-side {
text-align: center;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico {
display: block;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.small {
margin-bottom: 8px;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.medium {
margin-bottom: 10px;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.large {
margin-bottom: 12px;
}
.mk-box-icon.simple_ultimate-style .top-side .mk-main-ico.x-large {
margin-bottom: 15px;
}
.mk-box-icon.simple_ultimate-style .top-side h4 {
margin-bottom: 22px;
}
.mk-box-icon.simple_ultimate-style .top-side .icon-box-readmore {
display: inline-block;
float: none;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.small {
font-size: 32px;
line-height: 32px;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.medium {
font-size: 48px;
line-height: 48px;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.large {
font-size: 64px;
line-height: 64px;
}
.mk-box-icon.simple_ultimate-style .mk-main-ico.x-large {
font-size: 128px;
line-height: 128px;
}
.mk-box-icon .rounded-circle.left-side .small-size {
margin-left: 90px !important;
}
.mk-box-icon .rounded-circle.left-side .medium-size {
margin-left: 120px !important;
}
.mk-box-icon .rounded-circle.top-side .small {
margin-bottom: 26px !important;
}
.mk-box-icon .rounded-circle.top-side .medium {
margin-bottom: 34px !important;
}
.mk-box-icon .rounded-circle .mk-main-ico {
display: inline-block !important;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.mk-box-icon .rounded-circle .small {
padding: 18px !important;
width: auto !important;
font-size: 24px !important;
line-height: 24px !important;
}
.mk-box-icon .rounded-circle .medium {
padding: 26px !important;
width: auto !important;
font-size: 32px !important;
line-height: 32px !important;
}
/* Shortcode:Mini Callout Box
-------------------------------------------------------------------- */
.mk-mini-callout {
overflow: hidden;
margin-bottom: 20px;
padding: 10px 15px;
border: 1px solid #dbdbdb;
background-color: #f6f6f6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.07);
}
.mk-mini-callout p {
display: inline;
margin-bottom: 0;
}
.mk-mini-callout .callout-title {
padding-right: 6px;
color: #333333;
font-weight: bold;
}
.mk-mini-callout a i {
padding-left: 6px;
font-size: 14px;
}
/* Shortcode:Full Width Slideshow
-------------------------------------------------------------------- */
.mk-fullwidth-slideshow {
padding: 30px 0;
width: 100%;
text-align: center;
}
.mk-fullwidth-slideshow .mk-flex-slides {
width: 100%;
text-align: center;
}
.mk-fullwidth-slideshow .mk-flex-slides li {
text-align: center;
}
.mk-fullwidth-slideshow .mk-flex-slides li img {
margin: 0 auto !important;
max-width: auto !important;
width: auto !important;
height: auto;
}
.mk-fullwidth-slideshow .flex-direction-nav a {
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
}
.mk-fullwidth-slideshow .flex-direction-nav a i {
line-height: 40px;
color: #fff;
font-size: 16px;
}
.mk-fullwidth-slideshow .flex-direction-nav .flex-next {
right: 20px;
}
.mk-fullwidth-slideshow .flex-direction-nav .flex-prev {
left: 20px;
}
/* Shortcode:Gallery
-------------------------------------------------------------------- */
.mk-gallery-shortcode {
margin-bottom: 20px;
}
.mk-gallery-shortcode article {
display: block;
float: left;
padding: 0;
margin: 0;
opacity: 0;
}
.mk-gallery-shortcode article .item-holder {
margin: 0 8px 16px 8px;
position: relative;
overflow: hidden;
line-height: 4px;
}
.mk-gallery-shortcode article.gallery-one-column {
width: 100%;
}
.mk-gallery-shortcode article.gallery-one-column .item-holder {
margin: 0 0 16px 0;
}
.mk-gallery-shortcode article.gallery-two-column {
width: 50%;
}
.mk-gallery-shortcode article.gallery-three-column {
width: 33.31%;
}
.mk-gallery-shortcode article.gallery-four-column {
width: 25%;
}
.mk-gallery-shortcode article.gallery-five-column {
width: 20%;
}
.mk-gallery-shortcode article.gallery-six-column {
width: 16.6%;
}
.mk-gallery-shortcode article.gallery-seven-column {
width: 14.26%;
}
.mk-gallery-shortcode article.gallery-eight-column {
width: 12.5%;
}
.mk-gallery-shortcode article.gallery-eight-column .item-holder {
margin: 0 4px 8px 4px;
}
.mk-gallery-shortcode article:hover .image-hover-overlay {
opacity: 0.85;
}
.mk-gallery-shortcode article:hover .mk-image-shortcode-lightbox {
opacity: 1;
}
.mk-gallery-shortcode article:hover .gallery-title {
opacity: 1;
top: 56%;
}
.mk-gallery-shortcode article:hover img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(1);
}
.mk-gallery-shortcode article .gallery-inner {
display: block;
}
.mk-gallery-shortcode article.grid-frame .item-holder {
margin: 0 1px 2px;
}
.mk-gallery-shortcode article.grid-frame .item-holder img {
width: 100%;
}
.mk-gallery-shortcode article.rounded-frame .gallery-inner {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-gallery-shortcode article.rounded-frame .gallery-inner img,
.mk-gallery-shortcode article.rounded-frame .gallery-inner .image-hover-overlay {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-gallery-shortcode article.gray_border-frame .gallery-inner {
border: 6px solid rgba(0, 0, 0, 0.06);
}
.mk-gallery-shortcode article .image-hover-overlay {
position: absolute;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0;
}
.mk-gallery-shortcode article .mk-image-shortcode-lightbox.lightbox-push-top {
top: 35%;
}
.mk-gallery-shortcode article .gallery-title {
position: absolute;
top: 58%;
left: 0;
width: 100%;
text-align: center;
padding: 0 20px;
z-index: 10;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
opacity: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
line-height: 22px;
color: #fff;
font-weight: bold;
}
@media handheld, only screen and (max-width: 960px) {
.mk-gallery-shortcode article.gallery-two-column,
.mk-gallery-shortcode article.gallery-three-column,
.mk-gallery-shortcode article.gallery-four-column,
.mk-gallery-shortcode article.gallery-five-column,
.mk-gallery-shortcode article.gallery-six-column,
.mk-gallery-shortcode article.gallery-seven-column,
.mk-gallery-shortcode article.gallery-eight-column {
width: 49.7%;
}
.mk-gallery-shortcode article.gallery-two-column img,
.mk-gallery-shortcode article.gallery-three-column img,
.mk-gallery-shortcode article.gallery-four-column img,
.mk-gallery-shortcode article.gallery-five-column img,
.mk-gallery-shortcode article.gallery-six-column img,
.mk-gallery-shortcode article.gallery-seven-column img,
.mk-gallery-shortcode article.gallery-eight-column img {
width: 100%;
}
}
@media handheld, only screen and (max-width: 540px) {
.mk-gallery-shortcode article {
width: 100% !important;
}
}
/* Shortcode:Google Maps
-------------------------------------------------------------------- */
.wpb_map_wraper {
margin-bottom: 20px;
line-height: 4px;
}
.wpb_map_wraper.rounded-frame {
overflow: hidden;
border: 2px solid rgba(0, 0, 0, 0.06);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wpb_map_wraper.gray_border-frame {
border: 6px solid rgba(0, 0, 0, 0.06);
}
.wpb_map_wraper.border_shadow-frame {
border: 6px solid #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.wpb_map_wraper.shadow_only-frame {
-webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.1);
}
.mk-advanced-gmaps img {
max-width: none !important;
}
.mk-gmaps-parallax {
overflow: hidden;
}
.mk-gmaps-parallax > div {
margin-top: -100px;
}
/* Shortcode:Page Serction
-------------------------------------------------------------------- */
.mk-page-section {
position: relative;
overflow: hidden;
}
.mk-page-section.drop-top-shadow {
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07);
}
.mk-page-section .vc_row-fluid {
position: relative;
z-index: 10;
}
.mk-page-section .theme-content,
.mk-page-section .page-section-content {
padding: 0 20px;
}
.mk-video-mask,
.mk-video-color-mask {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
}
.mk-video-color-mask {
opacity: 0.7;
}
.mk-video-mask {
background: url(../../images/video-mask.png) center center repeat;
}
.mk-video-preload {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
display: block;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mk-section-video {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
min-width: 100%;
min-height: 100%;
-webkit-transform-style: preserve-3d;
}
.mk-section-video video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: 1;
}
.mk-video-section-touch {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
display: none;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
.mk-page-section {
background-position: center !important;
background-attachment: scroll !important;
}
.mk-section-video {
display: none !important;
}
.mk-video-section-touch {
display: block !important;
}
}
/* Shortcode:Twitter Feed
-------------------------------------------------------------------- */
.mk-tweet-shortcode li {
padding-left: 25px !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.mk-tweet-shortcode li:before {
top: 12px;
left: 0;
}
.mk-twitter-shortcode {
margin-bottom: 20px;
}
/* Shortcode:Audio Player
-------------------------------------------------------------------- */
.mk-audio-shortcode {
margin-bottom: 30px;
height: 150px !important;
}
.mk-audio-shortcode .jp-audio.audio-has-img {
margin-left: 150px;
}
.mk-audio-shortcode .jp-audio div.jp-interface {
min-height: 140px !important;
}
/* Shortcode:Event Count Down
-------------------------------------------------------------------- */
.mk-event-countdown {
margin-bottom: 30px !important;
}
.mk-event-countdown .mk-event-title {
display: block;
margin-bottom: 15px;
color: #999999;
text-align: center;
font-size: 16px;
}
/* Shortcode:Moving Images
-------------------------------------------------------------------- */
.mk-moving-image-shortcode img {
width: auto !important;
display: inline-block !important;
}
/* Device visbility media queries
-------------------------------------------------------------------- */
.visible-sm,
.visible-tl,
.visible-dt {
display: none;
}
/* Only mobiles */
@media screen and (max-width: 765px) {
.hidden-sm {
display: none !important;
}
.visible-sm {
display: block !important;
}
}
/* only tables */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.hidden-tl {
display: none !important;
}
.visible-tl {
display: block !important;
}
}
/* Only Desktops */
@media only screen and (min-width: 1224px) {
.hidden-dt {
display: none !important;
}
.visible-dt {
display: block !important;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.no-smartphone {
display: none !important;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.no-ipad {
display: none !important;
}
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.no-iphone {
display: none !important;
}
}
/* Inherit P tags inside shortcodes */
.mk-fancy-title p,
.mk-blockquote p,
.mk-mini-callout p,
.pricing-offer-grid p,
.mk-title-box p {
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
.mk-employees {
margin-bottom: 10px;
}
.mk-employees ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-employees ul li {
margin: 0;
padding: 0;
}
.mk-employees.simple-style.one-column .mk-employee-item {
width: 100%;
padding: 0 0 50px;
}
.mk-employees.simple-style.two-column .mk-employee-item {
width: 50%;
padding: 0 20px 50px 20px;
}
.mk-employees.simple-style.three-column .mk-employee-item {
width: 33.33%;
padding: 0 15px 40px 15px;
}
.mk-employees.simple-style.four-column .mk-employee-item {
width: 25%;
padding: 0 10px 30px 10px;
}
.mk-employees.simple-style.five-column .mk-employee-item {
width: 20%;
padding: 0 8px 20px 8px;
}
.mk-employees.simple-style .mk-employee-item {
text-align: center;
display: inline-block;
float: left;
}
.mk-employees.simple-style .mk-employee-item .team-thumbnail.rounded-true {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
overflow: hidden;
}
.mk-employees.simple-style .mk-employee-item .team-thumbnail.rounded-true img {
position: relative;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.mk-employees.simple-style .mk-employee-item .team-thumbnail img {
filter: grayscale(100%);
/* Current draft standard */
-webkit-filter: grayscale(100%);
/* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
/* Not yet supported in Gecko, Opera or IE */
filter: gray;
/* IE */
-webkit-filter: grayscale(1);
/* Old WebKit */
}
.mk-employees.simple-style .mk-employee-item:hover img {
filter: grayscale(0);
/* Current draft standard */
/* New WebKit */
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
/* Not yet supported in Gecko, Opera or IE */
filter: normal;
/* IE */
-webkit-filter: grayscale(0);
/* Old WebKit */
}
.mk-employees.simple-style .mk-employee-item .team-member-name {
color: #333333;
}
.mk-employees.simple-style .mk-employee-item .team-member-position {
color: #999999;
}
.mk-employees.boxed-style.one-column .mk-employee-item {
width: 100%;
margin: 55px 0 20px;
}
.mk-employees.boxed-style.two-column .mk-employee-item {
width: 48.5%;
margin: 55px 0 3% 3%;
}
.mk-employees.boxed-style.three-column .mk-employee-item {
width: 31.333%;
margin: 55px 0 3% 3%;
}
.mk-employees.boxed-style.four-column .mk-employee-item {
width: 23.4%;
margin: 55px 0 2% 2%;
}
.mk-employees.boxed-style.five-column .mk-employee-item {
width: 18.4%;
margin: 55px 0 0 2%;
}
.mk-employees.boxed-style .mk-employee-item {
padding: 60px 25px 25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e0e0e0;
background-color: #f4f4f4;
position: relative;
}
.mk-employees.boxed-style .mk-employee-item .team-member-name {
color: #333333;
}
.mk-employees.boxed-style .mk-employee-item.employee-item-blur {
border: 1px solid rgba(255, 255, 255, 0.6);
}
.mk-employees.boxed-style .mk-employee-item.employee-item-blur .team-thumbnail {
border: 3px solid #fff !important;
}
.mk-employees.boxed-style .mk-employee-item.employee-item-blur .team-member-position {
color: #fff;
font-weight: bold;
}
.mk-employees.boxed-style .mk-employee-item.employee-item-blur .mk-employeee-networks i {
color: #fff !important;
}
.mk-employees.boxed-style .mk-employee-item.employee-item-blur .mk-employeee-networks a:hover i {
color: #fff !important;
}
.mk-employees.boxed-style .mk-employee-item.em-first-column {
margin-left: 0 !important;
}
.mk-employees.boxed-style .mk-employee-item .team-thumbnail {
position: absolute;
top: -45px;
left: 50%;
margin-left: -45px;
border: 3px solid #c6c6c6;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
overflow: hidden;
}
.mk-employees.boxed-style .mk-employee-item .team-thumbnail img {
position: relative;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
/* Global Styles */
.mk-employee-item {
text-align: center;
display: inline-block;
float: left;
}
.mk-employee-item .team-thumbnail {
margin: 0 auto 20px;
overflow: hidden;
}
.mk-employee-item .team-member-name {
font-size: 16px;
text-transform: uppercase;
margin-bottom: 0;
display: block;
font-weight: bold;
}
.mk-employee-item .team-member-position {
font-size: 12px;
text-transform: uppercase;
display: block;
}
.mk-employee-item .team-member-desc {
margin-top: 20px;
margin-bottom: 10px;
display: block;
}
@media handheld, only screen and (max-width: 960px) {
.mk-employees.simple-style.one-column .mk-employee-item,
.mk-employees.simple-style.two-column .mk-employee-item,
.mk-employees.simple-style.three-column .mk-employee-item {
display: block;
margin: 0 0px 50px;
width: 100%;
float: auto;
}
.mk-employees.simple-style.one-column .team-thumbnail,
.mk-employees.simple-style.two-column .team-thumbnail,
.mk-employees.simple-style.three-column .team-thumbnail {
float: left;
width: 30%;
display: inline-block;
}
.mk-employees.simple-style.one-column .team-info-wrapper,
.mk-employees.simple-style.two-column .team-info-wrapper,
.mk-employees.simple-style.three-column .team-info-wrapper {
float: left;
display: inline-block;
width: 65%;
padding: 10px 0 0 20px;
}
.mk-employees.simple-style.four-column .mk-employee-item,
.mk-employees.simple-style.five-column .mk-employee-item {
width: 48% !important;
padding: 0 20px 30px;
}
.boxed-style .mk-employee-item {
display: block;
margin-left: 0 !important;
width: 100% !important;
float: auto;
}
}
@media handheld, only screen and (max-width: 750px) {
.simple-style .mk-employee-item {
display: block;
margin: 0 0px 50px;
width: 100% !important;
float: auto !important;
}
.simple-style .team-thumbnail {
float: none !important;
display: block;
}
.simple-style .team-info-wrapper {
float: none !important;
width: 100% !important;
display: block;
}
}
@media handheld, only screen and (max-width: 550px) {
.mk-employees.simple-style.four-column .mk-employee-item,
.mk-employees.simple-style.five-column .mk-employee-item {
width: 100% !important;
padding: 0 20px 10px;
}
}
.mk-employeee-networks {
margin: 0;
padding: 0;
}
.mk-employeee-networks li {
margin: 0;
list-style: none;
display: inline-block;
}
.mk-employeee-networks li a {
display: block;
line-height: 4px;
margin: 10px 9px 0 0;
}
.mk-employeee-networks li a i {
font-size: 16px;
color: #aaa;
}
.mk-employeee-networks li a:hover i {
color: #797979;
}
.pricing-table {
margin: 30px 0 40px;
text-align: left;
}
/* Offers Column */
.pricing-offer-grid {
width: 18%;
display: inline-block;
vertical-align: top;
}
.pricing-offer-grid p {
margin-bottom: 0;
}
.pricing-offer-grid .offers ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
.pricing-offer-grid .offers ul li {
margin: 0 20px 0 0;
line-height: 16px;
padding: 15px 0;
display: block;
width: auto;
font-size: 12px;
border-bottom: 1px dotted #cccccc;
}
.no-pricing-offer .pricing-cols {
width: 100% !important;
}
/* Pricing Columns */
.pricing-cols {
display: inline-block;
margin: 0;
padding: 0;
width: 82%;
list-style: none;
text-align: center;
}
.pricing-cols li {
padding: 0;
margin: 0 1px;
display: inline-block;
vertical-align: top;
text-align: center;
max-width: 300px;
}
.pricing-cols li.pricing-col {
position: relative;
z-index: 10;
overflow: hidden;
}
.pricing-cols li.featured-plan {
margin: -24px -3px 0 -3px;
z-index: 20;
}
.pricing-cols li.featured-plan .pricing-plan {
padding: 27px 0;
}
.pricing-cols li.featured-plan .pricing-button {
padding: 22px 0;
}
.pricing-cols li.four-table {
width: 24.5%;
}
.pricing-cols li.three-table {
width: 32.5%;
}
.pricing-cols li.two-table {
width: 49.5%;
}
.pricing-cols li.one-table {
width: 100%;
}
.pricing-cols .pricing-heading {
position: relative;
}
.pricing-cols .pricing-plan {
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 15px 0;
display: block;
}
.pricing-cols .pricing-price {
height: 120px;
display: table;
width: 100%;
}
.pricing-cols .pricing-price sub,
.pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px;
}
.pricing-cols .pricing-price sub {
vertical-align: middle;
}
.pricing-cols .pricing-price span {
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 20;
}
.pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative;
z-index: 20;
}
.pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 15px 0;
display: block;
margin: 0;
width: auto;
}
.pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4;
}
.pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a;
}
.pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px;
}
.pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0;
}
.pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78;
}
.pricing-cols .pricing-button {
padding: 20px 0;
border-top: none;
}
.pricing-cols .pricing-button a {
position: relative;
z-index: 20;
margin: 0 auto;
padding: 9px 25px;
}
/* ********************************************** */
/* Multi color Style */
.multicolor.pricing-table {
/* Pricing Columns */
}
.multicolor.pricing-table .pricing-offer-grid {
padding-top: 166px;
}
.multicolor.pricing-table .no-pricing-offer .pricing-cols {
width: 100% !important;
}
.multicolor.pricing-table .pricing-cols {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.multicolor.pricing-table .pricing-cols li {
padding: 0;
margin: 0 1px;
display: inline-block;
vertical-align: top;
text-align: center;
}
.multicolor.pricing-table .pricing-cols li.pricing-col {
position: relative;
z-index: 10;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.multicolor.pricing-table .pricing-cols li.featured-plan {
margin: -24px -3px 0 -3px;
z-index: 20;
-webkit-box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.2);
}
.multicolor.pricing-table .pricing-cols li.featured-plan .pricing-plan {
padding: 27px 0;
}
.multicolor.pricing-table .pricing-cols li.featured-plan .pricing-button {
padding: 22px 0;
}
.multicolor.pricing-table .pricing-cols .pricing-heading {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.multicolor.pricing-table .pricing-cols .pricing-heading .premium-ribbon {
background-color: #ffd565;
color: #7b683c;
width: 120px;
line-height: 12px;
font-size: 10px;
font-weight: bold;
padding: 4px 0;
display: inline-block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
position: absolute;
left: -33px;
top: 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
}
.multicolor.pricing-table .pricing-cols .pricing-plan {
color: #fff;
font-weight: lighter;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 15px 0;
background-color: rgba(0, 0, 0, 0.2);
display: block;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.multicolor.pricing-table .pricing-cols .pricing-price {
border-top: 1px solid rgba(255, 255, 255, 0.2);
height: 120px;
display: table;
width: 100%;
}
.multicolor.pricing-table .pricing-cols .pricing-price sub,
.multicolor.pricing-table .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px;
font-weight: normal;
}
.multicolor.pricing-table .pricing-cols .pricing-price sub {
vertical-align: middle;
font-size: 16px;
}
.multicolor.pricing-table .pricing-cols .pricing-price span {
font-size: 65px;
color: #fff;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.multicolor.pricing-table .pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative;
z-index: 20;
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 15px 0;
display: block;
margin: 0;
width: auto;
background-color: #f6f6f6;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li:nth-child(odd) {
background-color: #eeeeee;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li i:before {
font-size: 16px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px;
}
.multicolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0;
}
.multicolor.pricing-table .pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78;
}
.multicolor.pricing-table .pricing-cols .pricing-button {
padding: 20px 0;
background-color: #f6f6f6;
border: 1px solid #e8e8e8;
border-top: none;
}
.multicolor.pricing-table .pricing-cols .pricing-button a {
position: relative;
z-index: 20;
margin: 0 auto;
padding: 9px 25px;
}
/* ********************************** */
/* Mono color Style */
.monocolor.pricing-table {
/* Pricing Columns */
}
.monocolor.pricing-table .pricing-offer-grid {
padding-top: 178px;
}
.monocolor.pricing-table .pricing-offer-grid .offers ul {
border-right: none;
}
.monocolor.pricing-table .pricing-offer-grid .offers ul li {
padding: 13px 0;
}
.monocolor.pricing-table .no-pricing-offer .pricing-cols {
width: 100% !important;
}
.monocolor.pricing-table .pricing-cols li {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
text-align: center;
}
.monocolor.pricing-table .pricing-cols li.pricing-col {
position: relative;
z-index: 10;
overflow: hidden;
border: 1px solid #dddddd;
border-left: none;
background-color: #fff;
}
.monocolor.pricing-table .pricing-cols li.pricing-col:first-child {
border-left: 1px solid #dddddd;
}
.monocolor.pricing-table .pricing-cols li.featured-plan {
margin: -20px -3px 0 -3px;
z-index: 20;
-webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
}
.monocolor.pricing-table .pricing-cols li.featured-plan .pricing-button {
padding: 35px 0;
}
.monocolor.pricing-table .pricing-cols .pricing-heading {
background-color: #f6f6f6;
border-bottom: 1px solid #dddddd;
}
.monocolor.pricing-table .pricing-cols .pricing-plan {
color: #666666;
font-weight: bold;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
padding: 20px 0;
background-color: #efefef;
display: block;
border-bottom: 1px solid #dddddd;
}
.monocolor.pricing-table .pricing-cols .pricing-price {
height: 120px;
display: table;
width: 100%;
}
.monocolor.pricing-table .pricing-cols .pricing-price sub,
.monocolor.pricing-table .pricing-cols .pricing-price sup {
font-size: 24px;
padding: 0 5px;
}
.monocolor.pricing-table .pricing-cols .pricing-price sub {
display: block;
margin: 30px 0 0 20px;
text-align: center;
font-size: 16px;
color: #666666;
}
.monocolor.pricing-table .pricing-cols .pricing-price span {
font-size: 70px;
font-weight: lighter;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul {
margin: 0;
padding: 0;
position: relative;
z-index: 20;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li {
font-size: 12px;
line-height: 16px;
padding: 13px 0;
margin: 0 10px;
display: block;
width: auto;
background-color: #fff;
border-bottom: 1px dotted #dddddd;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li:last-child {
border: none;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li i:before {
font-size: 16px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-ok {
color: #26cca4;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-remove {
color: #e74a4a;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star {
color: #26cca4;
margin-left: 3px;
}
.monocolor.pricing-table .pricing-cols .pricing-features ul li .mk-icon-star.empty {
color: #b0b0b0;
}
.monocolor.pricing-table .pricing-cols .pricing-features .rating-star {
line-height: 12px;
margin: 0 auto;
font-size: 16px;
color: #7d7c78;
}
.monocolor.pricing-table .pricing-cols .pricing-button {
padding: 15px 0;
border-top: none;
border-top: 1px solid #dddddd;
background-color: #f6f6f6;
}
.monocolor.pricing-table .pricing-cols .pricing-button a {
position: relative;
z-index: 20;
margin: 0 auto;
padding: 9px 25px;
}
@media handheld, only screen and (max-width: 960px) {
.pricing-offer-grid {
display: none;
}
.pricing-cols {
width: 100% !important;
}
}
@media handheld, only screen and (max-width: 700px) {
.pricing-cols .pricing-col {
width: 100% !important;
margin-bottom: 20px !important;
}
.pricing-cols li {
max-width: 100% !important;
}
.monocolor.pricing-table .pricing-col {
border-left: 1px solid #ddd !important;
}
.monocolor.pricing-table .pricing-cols li.featured-plan {
margin: 0 0 20px 0 !important;
border: 1px solid #ff7b00 !important;
}
}
.mk-flexsldier-slideshow {
background-image: url(../../images/flexslider-bg-gradient.png);
background-repeat: repeat-x;
background-position: center bottom;
display: block;
margin: 0 auto;
padding: 40px 0 60px;
}
.mk-flexsldier-slideshow.flexslider-thumbnail {
padding-bottom: 100px;
}
.mk-flexsldier-slideshow .mk-flexslider-wrapper {
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
}
.mk-flexsldier-slideshow .mk-flex-caption {
padding: 20px;
display: block;
width: 600px;
position: absolute;
bottom: 0px;
left: 200px;
opacity: 0;
}
.mk-flexsldier-slideshow .mk-flex-caption .flex-title {
font-size: 18px;
line-height: 42px;
display: inline;
background-color: #000 !important;
box-shadow: 8px 0 0 #000000, -8px 0 0 0 #000000 !important;
padding: 8px 0;
text-transform: uppercase;
font-weight: bold;
}
.mk-flexsldier-slideshow .mk-flex-caption .flex-title span {
color: #fff;
}
.mk-flexsldier-slideshow .mk-flex-caption .flex-desc {
font-size: 12px;
font-weight: bold;
line-height: 28px;
display: inline;
padding: 8px 0;
margin-left: 0;
}
.mk-flexsldier-slideshow .mk-flex-caption .flex-desc span {
color: #000;
text-transform: uppercase;
padding: 5px 0;
}
.mk-flexsldier-slideshow .flex-control-nav {
display: block;
bottom: -40px;
}
.mk-flexsldier-slideshow .flex-control-nav li a {
width: 6px;
height: 14px;
display: block;
padding: 0;
}
.mk-flexsldier-slideshow .flex-control-nav li a i {
font-size: 12px;
color: #fff;
}
.mk-flexsldier-slideshow .flex-control-nav li a.flex-active i:before {
content: "\f111" !important;
}
.mk-flexsldier-slideshow .flex-direction-nav a {
width: 42px;
height: 42px;
line-height: 42px;
top: 50%;
margin-top: -20px;
background-color: rgba(0, 0, 0, 0.3);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
opacity: 0;
}
.mk-flexsldier-slideshow .flex-direction-nav a:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.mk-flexsldier-slideshow .flex-direction-nav a i {
font-size: 16px;
color: #fff;
}
.mk-flexsldier-slideshow .flex-direction-nav .flex-next {
right: 40px;
}
.mk-flexsldier-slideshow .flex-direction-nav .flex-prev {
left: 40px;
}
.mk-flexsldier-slideshow:hover .flex-direction-nav .flex-next {
right: 20px;
opacity: 1;
}
.mk-flexsldier-slideshow:hover .flex-direction-nav .flex-prev {
left: 20px;
opacity: 1;
}
@media handheld, only screen and (max-width: 960px) {
.mk-flexsldier-slideshow .mk-flex-caption {
top: 0 !important;
padding: 10px !important;
}
}
@media handheld, only screen and (max-width: 480px) {
.mk-flexsldier-slideshow .mk-flex-caption {
display: none !important;
}
}
/* *
*
-------------------------- WIDGETS SECTION -----------------------------
*
* */
.widget {
overflow: hidden;
margin-bottom: 40px;
}
.widgettitle {
position: relative;
display: block;
margin-bottom: 15px;
}
#mk-sidebar ul,
#mk-footer ul {
margin: 0;
}
.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_authors li,
.widget_contact_info li,
.widget_popular_posts li,
.widget_text li,
.widget_popular_tags li,
.widget_recent_posts li,
.widget_twitter li,
.widget_pages li,
.widget_recent_comments li,
.widget_rss li,
.widget_recent_entries li,
.widget_product_categories li {
margin: 0;
list-style: none;
}
.widget_archive li a,
.widget_recent_comments .recentcomments,
.widget_categories li a,
.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_contact_info li a,
.widget_popular_tags li a,
.widget_pages li a,
.widget_text li a,
.widget_recent_entries li a,
.widget_product_categories li a {
display: inline-block;
margin: 0 0 8px 0;
text-decoration: none;
line-height: 18px;
}
.widget_archive li a:before,
.widget_categories li a:before,
.widget_nav_menu li a:before,
.widget_links li a:before,
.widget_pages li a:before,
.widget_meta li a:before,
.widget_authors li a:before,
.widget_popular_tags li a:before,
.widget_rss li a:before,
.tw_list .tweet_list li a:before,
.widget_product_categories li a:before,
.widget-sub-navigation li a:before {
margin-right: 7px;
content: "\f105";
font-size: 12px;
}
.widget_recent_entries li a {
margin-left: 0 !important;
}
/* Widgets:List Widgets with divider
-------------------------------------------------------------------- */
.widget.widget_nav_menu li,
.widget.widget_product_categories li,
.widget.widget_recent_entries li,
.widget.widget_meta li,
.widget.widget_links li,
.widget.widget_categories li,
.widget.widget_archive li,
.widget.widget_pages li {
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.widget.widget_nav_menu li a,
.widget.widget_product_categories li a,
.widget.widget_recent_entries li a,
.widget.widget_meta li a,
.widget.widget_links li a,
.widget.widget_categories li a,
.widget.widget_archive li a,
.widget.widget_pages li a {
margin: 9px 10px;
}
.widget.widget_nav_menu li:first-child,
.widget.widget_product_categories li:first-child,
.widget.widget_recent_entries li:first-child,
.widget.widget_meta li:first-child,
.widget.widget_links li:first-child,
.widget.widget_categories li:first-child,
.widget.widget_archive li:first-child,
.widget.widget_pages li:first-child {
border-top: none;
}
.widget.widget_nav_menu li:first-child a,
.widget.widget_product_categories li:first-child a,
.widget.widget_recent_entries li:first-child a,
.widget.widget_meta li:first-child a,
.widget.widget_links li:first-child a,
.widget.widget_categories li:first-child a,
.widget.widget_archive li:first-child a,
.widget.widget_pages li:first-child a {
margin-top: 0;
}
.widget.widget_nav_menu .sub-menu li,
.widget.widget_product_categories .sub-menu li,
.widget.widget_recent_entries .sub-menu li,
.widget.widget_meta .sub-menu li,
.widget.widget_links .sub-menu li,
.widget.widget_categories .sub-menu li,
.widget.widget_archive .sub-menu li,
.widget.widget_pages .sub-menu li {
margin-left: 0;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
#mk-footer .widget_nav_menu li,
#mk-footer .widget_product_categories li,
#mk-footer .widget_recent_entries li,
#mk-footer .widget_meta li,
#mk-footer .widget_links li,
#mk-footer .widget_categories li,
#mk-footer .widget_archive li,
#mk-footer .widget_pages li {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
#mk-footer .widget_nav_menu li:first-child,
#mk-footer .widget_product_categories li:first-child,
#mk-footer .widget_recent_entries li:first-child,
#mk-footer .widget_meta li:first-child,
#mk-footer .widget_links li:first-child,
#mk-footer .widget_categories li:first-child,
#mk-footer .widget_archive li:first-child,
#mk-footer .widget_pages li:first-child {
border-top: none;
}
#mk-footer .widget_nav_menu .sub-menu li,
#mk-footer .widget_product_categories .sub-menu li,
#mk-footer .widget_recent_entries .sub-menu li,
#mk-footer .widget_meta .sub-menu li,
#mk-footer .widget_links .sub-menu li,
#mk-footer .widget_categories .sub-menu li,
#mk-footer .widget_archive .sub-menu li,
#mk-footer .widget_pages .sub-menu li {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
/* Widget:Sub Navigation
-------------------------------------------------------------------- */
.widget-sub-navigation {
padding: 4px;
}
.widget-sub-navigation ul {
display: block;
margin: 0;
padding: 0;
border: 1px solid #e4e4e4;
list-style: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.widget-sub-navigation ul li {
margin: 0;
border-bottom: 1px solid #e4e4e4;
}
.widget-sub-navigation ul li:last-child {
border-bottom: none !important;
}
.widget-sub-navigation ul li a {
display: block;
padding: 6px 10px;
font-size: 12px;
}
.widget-sub-navigation ul li.current_page_item a {
background-color: rgba(0, 0, 0, 0.03);
font-weight: bold;
}
#mk-footer .widget-sub-navigation ul {
border: none !important;
}
#mk-footer .widget-sub-navigation ul li {
border: none !important;
}
.widget_tag_cloud a {
display: inline-block;
margin: 8px 3px 0 0;
padding: 8px 10px;
background-color: rgba(0, 0, 0, 0.07);
text-transform: capitalize;
font-size: 12px !important;
line-height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.widget_tag_cloud a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
/* Widgets:CONTACT FORM
-------------------------------------------------------------------- */
.widget_contact_form {
padding-bottom: 5px;
}
.widget_contact_form .text-input {
margin-bottom: 6px;
width: 80%;
}
.widget_contact_form .textarea {
margin-bottom: 10px;
width: 100%;
height: 120px;
}
.widget_contact_form .mk-form-row-widget {
position: relative;
}
.widget_contact_form .mk-contact-button {
color: #fff !important;
}
.mk-invalid {
border: 1px solid #fd5e5e !important;
}
#mk-footer .widget_contact_form .text-input,
#mk-footer .widget_contact_form .textarea {
border-color: rgba(255, 255, 255, 0.05);
background-color: rgba(255, 255, 255, 0.03);
}
/* Widgets:CONTACT INFO
-------------------------------------------------------------------- */
.widget_contact_info ul {
margin: 0;
padding: 0;
}
.widget_contact_info ul li {
position: relative;
display: block;
margin: 0 0 8px 0;
padding: 0 0 0 25px;
line-height: 20px;
}
.widget_contact_info ul li a {
margin: 0;
}
.widget_contact_info ul li i {
position: absolute;
top: 0;
left: 0;
color: #b2b2b2;
font-size: 14px;
line-height: 20px;
}
.widget .mk-contact-form {
position: relative;
}
.widget .mk-contact-form .mk-contact-loading,
.widget .mk-contact-form .mk-contact-success {
position: absolute;
right: 0;
bottom: 20px;
width: 16px;
height: 16px;
font-size: 16px;
}
/* Widgets:FLICKR FEEDS
-------------------------------------------------------------------- */
.flickr-widget-wrapper .flickr_badge_image {
position: relative;
z-index: 7;
display: inline-block;
margin: 5px;
padding: 0;
}
.flickr-widget-wrapper .flickr_badge_image:hover {
opacity: 0.8;
}
.flickr-widget-wrapper .flickr_badge_image img {
width: 72px;
height: 72px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/* Widgets:INSTAGRAM FEEDS
-------------------------------------------------------------------- */
.mk-instagram-feeds .item-holder {
margin: 0 2px 2px 0;
position: relative;
}
.mk-instagram-feeds a {
line-height: 4px;
float: left;
}
.mk-instagram-feeds .featured-image {
line-height: 4px;
}
.mk-instagram-feeds .featured-image img {
position: relative;
z-index: 6;
}
.mk-instagram-feeds .one-columns {
width: 100%;
}
.mk-instagram-feeds .two-columns {
width: 49.9%;
}
.mk-instagram-feeds .three-columns {
width: 33.2%;
}
.mk-instagram-feeds .four-columns {
width: 24.9%;
}
.mk-instagram-feeds .five-columns {
width: 19.9%;
}
.mk-instagram-feeds .image-hover-overlay {
z-index: 20;
}
@media handheld, only screen and (max-width: 600px) {
.mk-instagram-feeds .five-columns,
.mk-instagram-feeds .four-columns,
.mk-instagram-feeds .three-columns {
width: 50% !important;
}
}
/* Widgets:POPULAR POSTS,
Recent Posts,
Related Posts
-------------------------------------------------------------------- */
.widget_posts_lists ul li {
overflow: hidden;
margin: 0 0 12px;
padding: 0;
list-style: none;
}
.widget_posts_lists ul li .post-list-thumb {
position: relative;
float: left;
overflow: hidden;
margin: 0 7px 0 0;
}
.widget_posts_lists ul li .post-list-info {
margin: 0 10px 5px 115px;
}
.widget_posts_lists ul li .post-list-info.posts-no-thumb {
margin-left: 0;
}
.widget_posts_lists ul li .post-list-title {
display: block;
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
}
.widget_posts_lists ul li .post-list-meta {
display: block;
padding-top: 4px;
font-size: 11px;
line-height: 16px;
font-style: italic;
}
.widget_posts_lists ul li .post-list-meta time {
color: #999999;
}
/* Widgets:SOCIAL NETWORKS
-------------------------------------------------------------------- */
.widget_social_networks a {
position: relative;
display: inline-block;
float: left;
margin: 5px 3px;
line-height: 100%;
}
.widget_social_networks a.mk-circle-frame {
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
.widget_social_networks a.mk-circle-frame i {
display: inline-block;
}
.widget_social_networks a.mk-circle-frame.small i {
padding: 8px;
}
.widget_social_networks a.mk-circle-frame.medium i {
padding: 12px;
}
.widget_social_networks a.mk-circle-frame.large i {
padding: 16px;
}
.widget_social_networks a.mk-circle-frame.dark {
border: 1px solid #828282;
}
.widget_social_networks a.mk-circle-frame.light {
border: 1px solid #ebebeb;
}
.widget_social_networks a.dark {
color: #828282 !important;
}
.widget_social_networks a.light {
color: #ebebeb !important;
}
.widget_social_networks a.small i {
font-size: 16px;
}
.widget_social_networks a.medium i {
font-size: 24px;
}
.widget_social_networks a.large i {
font-size: 32px;
}
.mk-jupiter-icon-xing:before,
.mk-jupiter-icon-square-xing:before,
.mk-jupiter-icon-simple-xing:before {
vertical-align: top;
}
/* Widgets:TESTIMONIAL SLIDER
-------------------------------------------------------------------- */
.widget_testimonials .widgettitle {
margin-bottom: -17px;
}
.widget_testimonials .testimonial-slider li {
margin: 0;
}
.widget_testimonials .testimonial-slider .testimonial-quote {
position: relative;
padding: 15px;
border: 1px solid #ededed;
background-color: #fafafa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.widget_testimonials .testimonial-slider .testimonial-quote:after {
position: absolute;
bottom: -7px;
left: 20px;
display: block;
width: 14px;
height: 14px;
border: 1px solid #ededed;
border-top: none;
border-left: none;
background-color: #fafafa;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.widget_testimonials .testimonial-slider .testimonial-author {
display: block;
margin: 25px 0 7px 20px;
text-align: left;
font-weight: bold;
font-size: 12px;
line-height: 12px;
}
.widget_testimonials .testimonial-slider .testimonial-position {
display: block;
margin-left: 20px;
font-size: 11px;
line-height: 12px;
}
.widget_testimonials .testimonial-slider .testimonial-author-image {
display: inline-block;
float: left;
margin: 18px 10px 3px 5px;
width: 50px;
height: 50px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.testimonial-slider.mk-flexslider {
padding: 35px 0 0 0px;
}
.testimonial-slider.mk-flexslider .flex-direction-nav {
position: absolute;
top: 0px;
right: 5px;
}
.testimonial-slider.mk-flexslider .flex-direction-nav .mk-icon-chevron-left:before,
.testimonial-slider.mk-flexslider .flex-direction-nav .mk-icon-chevron-right:before {
color: #aaaaaa;
}
.testimonial-slider.mk-flexslider .flex-direction-nav a {
right: 0px !important;
width: 10px;
height: 11px;
}
.testimonial-slider.mk-flexslider .flex-direction-nav .flex-prev {
margin-right: 15px;
}
/* Widgets:MINI SLIDESHOW
-------------------------------------------------------------------- */
.mk-widget-mini-slideshow.mk-flexslider li img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mk-widget-mini-slideshow.mk-flexslider .flex-direction-nav a {
position: absolute;
bottom: 10px;
padding: 1px 5px;
background-color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.mk-widget-mini-slideshow.mk-flexslider .flex-direction-nav a .mk-icon-chevron-left:before,
.mk-widget-mini-slideshow.mk-flexslider .flex-direction-nav a .mk-icon-chevron-right:before {
color: #aaaaaa;
}
.mk-widget-mini-slideshow.mk-flexslider .flex-prev {
left: 10px;
}
.mk-widget-mini-slideshow.mk-flexslider .flex-next {
right: 10px;
}
/* Widgets:NEWS FEED
-------------------------------------------------------------------- */
.widget_news_feed {
padding-bottom: 5px;
}
.widget_news_feed .widgettitle {
margin-bottom: -18px;
}
.widget_news_feed .mk-flexslider {
padding-top: 30px;
}
.widget_news_feed .flex-direction-nav {
position: absolute;
top: 0px;
right: 5px;
}
.widget_news_feed .flex-direction-nav .mk-icon-chevron-left:before,
.widget_news_feed .flex-direction-nav .mk-icon-chevron-right:before {
color: #aaaaaa;
}
.widget_news_feed .flex-direction-nav a {
right: 0px !important;
width: 10px;
height: 11px;
}
.widget_news_feed .flex-direction-nav .flex-prev {
margin-right: 18px;
}
.widget_news_feed .mk-button {
float: right;
margin-top: 8px;
color: #fff !important;
}
.news-widget-thumbnail {
display: block;
margin-bottom: 10px;
}
.news-widget-thumbnail img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.news-widget-title {
margin-bottom: 5px;
}
.news-widget-title a {
display: block;
font-weight: bold;
font-size: 13px;
line-height: 18px;
}
.news-widget-excerpt p {
margin: 0;
line-height: 18px;
}
/* Widgets:RECENT PORTFOLIOS
-------------------------------------------------------------------- */
.widget_recent_portfolio {
overflow: visible;
}
.widget_recent_portfolio ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget_recent_portfolio ul li {
position: relative;
float: left;
margin: 0 8px 8px 0;
padding: 0;
}
.widget_recent_portfolio ul li:hover .widget-portfolio-overlay {
opacity: 0.5;
}
.widget_recent_portfolio ul li:hover .portfolio-widget-info {
z-index: 20;
}
.widget_recent_portfolio ul li:hover .portfolio-widget-lightbox {
right: 25px;
opacity: 1;
}
.widget_recent_portfolio ul li:hover .portfolio-widget-permalink {
left: 25px;
opacity: 1;
}
.portfolio-widget-thumb {
position: relative;
z-index: 10;
display: block;
}
.widget-portfolio-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0;
}
.portfolio-widget-lightbox,
.portfolio-widget-permalink {
position: absolute;
top: 50%;
z-index: 15;
margin-top: -15px;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
opacity: 0;
}
.portfolio-widget-lightbox i,
.portfolio-widget-permalink i {
color: #fff;
font-size: 18px;
}
.portfolio-widget-lightbox:hover,
.portfolio-widget-permalink:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-widget-lightbox {
right: 0px;
}
.portfolio-widget-permalink {
left: 0px;
}
.portfolio-widget-info {
position: absolute;
top: 120px;
left: 0;
z-index: 8;
padding: 10px;
width: 100%;
background-color: #333333;
text-align: center;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
background-clip: padding-box;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-topleft: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
opacity: 0;
}
.portfolio-widget-title {
display: inline-block;
color: #fff !important;
font-weight: bold;
font-size: 12px;
line-height: 16px !important;
}
.portfolio-widget-cats {
display: block;
line-height: 16px;
}
/* Widgets:TWITTER FEEDS
-------------------------------------------------------------------- */
.mk-tweet-list {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.mk-tweet-list li {
position: relative;
padding: 10px;
}
.mk-tweet-list li:before {
position: absolute;
content: "\f099";
font-size: 18px;
}
.mk-tweet-list li .tweet-text {
display: block;
}
.mk-tweet-list li .tweet-time {
display: block;
}
.mk-tweet-list.light li {
margin: 0 0 10px 35px;
border: 1px solid #e6e6e6;
background-color: #f9f9f9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mk-tweet-list.light li:after {
position: absolute;
top: 15px;
left: -6px;
display: block;
width: 12px;
height: 12px;
border: 1px solid #e6e6e6;
border-right: none;
border-bottom: none;
background-color: #f9f9f9;
content: "";
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.mk-tweet-list.light li:before {
top: 12px;
left: -35px;
background: -webkit-linear-gradient(#0ed4fd, #14cdf2);
color: #14cef4;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mk-tweet-list.dark li {
margin: 0 0 10px 35px;
padding: 0 0 15px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
line-height: 20px;
}
.mk-tweet-list.dark li:before {
top: 5px;
left: -30px;
color: #c2c5c7;
}
/* Widgets:SEARCH FORM
-------------------------------------------------------------------- */
.widget .mk-searchform {
position: relative;
}
.widget .mk-searchform .text-input {
margin: 0;
padding: 9px 28px 9px 10px;
width: 100%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.widget .mk-searchform .text-input:focus {
border-color: rgba(0, 0, 0, 0.25);
}
.widget .mk-searchform .mk-icon-remove-sign {
position: absolute;
top: 6px;
right: 8px;
font-size: 16px;
opacity: 0;
cursor: pointer;
}
.widget .mk-searchform .mk-icon-search {
position: absolute;
top: 10px;
right: 10px;
font-size: 16px;
opacity: 0.4;
}
.widget .mk-searchform .mk-icon-search:hover {
opacity: 1;
}
.widget .mk-searchform .search-button {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
outline: none;
border: none;
background-color: transparent;
}
#mk-footer .mk-searchform .search-button {
color: #fff;
}
#mk-footer .mk-searchform .mk-icon-search,
#mk-footer .mk-searchform .mk-icon-remove-sign {
color: rgba(255, 255, 255, 0.3);
}
#mk-footer .mk-searchform .text-input {
border-color: rgba(255, 255, 255, 0.05);
background-color: rgba(255, 255, 255, 0.03);
}
#mk-footer .mk-searchform .text-input:focus {
border-color: rgba(255, 255, 255, 0.08);
}
/* Widgets:CALENDAR
-------------------------------------------------------------------- */
#calendar_wrap {
position: relative;
margin: 5px;
padding: 0;
border: 1px solid #dbdbdb;
background: #f6f6f6;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03);
}
#wp-calendar {
margin: 0 !important;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
#wp-calendar thead {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
color: #666666;
font-size: 12px;
}
#wp-calendar caption {
padding: 12px;
background-color: #f2f2f2;
background-color: rgba(0, 0, 0, 0.05);
color: #666666;
font-weight: bold;
font-size: 12px;
line-height: 10px;
}
#wp-calendar th,
#wp-calendar th {
padding: 10px 5px;
color: #787573;
}
#wp-calendar tbody td {
padding: 12px 2px;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #fff;
color: #333333;
text-align: center;
font-weight: bold;
font-size: 11px;
line-height: 11px;
}
#wp-calendar td#today {
color: #fff;
}
#wp-calendar a {
color: #666666;
}
#wp-calendar #next,
#wp-calendar #prev {
position: absolute;
top: 4px;
display: block;
margin: 0;
padding: 0;
background: 0;
}
#wp-calendar #next a,
#wp-calendar #prev a {
position: absolute;
top: 0;
left: 0;
display: block;
text-indent: -9999px;
}
#wp-calendar #prev {
left: 5px;
width: 18px;
height: 18px;
border: 0;
}
#wp-calendar #prev:before {
content: "\f053";
text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
#wp-calendar #next {
right: 5px;
width: 18px;
height: 18px;
border: 0;
}
#wp-calendar #next:before {
content: "\f054";
text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
#wp-calendar tfoot .pad {
display: none;
}
@media handheld, only screen and (max-width: 960px) {
#calendar_wrap {
width: 300px;
}
}
/* Widgets:RECENT COMMENTS
-------------------------------------------------------------------- */
.widget_recent_comments li {
display: block;
margin: 0 !important;
padding: 7px 0 !important;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.widget_recent_comments li:first-child {
border-top: none;
}
.widget_recent_comments li:before {
margin-right: 7px;
color: #b2b2b2;
content: "\f075";
font-size: 12px;
}
/* Widgets:Quick Contact Form
-------------------------------------------------------------------- */
.mk-quick-contact-wrapper {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 300;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.mk-quick-contact-wrapper.off {
right: 10px;
}
.mk-quick-contact-wrapper.on {
right: 70px;
}
.mk-quick-contact-wrapper .mk-quick-contact-title {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
}
.mk-quick-contact-wrapper .mk-contact-form {
position: relative;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input,
.mk-quick-contact-wrapper .mk-contact-form .textarea {
padding: 9px;
width: 240px;
border-color: #d5d5d5;
background-color: #fff;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input:focus,
.mk-quick-contact-wrapper .mk-contact-form .textarea:focus {
border-color: rgba(0, 0, 0, 0.3);
color: #666666;
}
.mk-quick-contact-wrapper .mk-contact-form .textarea {
height: 100px;
margin-bottom: 10px;
}
.mk-quick-contact-wrapper .mk-contact-form .btn-cont {
text-align: center;
}
.mk-quick-contact-wrapper .mk-contact-form .btn-cont .mk-button {
margin: 10px auto;
}
.mk-quick-contact-wrapper .mk-contact-form .mk-contact-loading,
.mk-quick-contact-wrapper .mk-contact-form .mk-contact-success {
right: 10px;
bottom: 12px;
}
#mk-quick-contact {
position: absolute;
right: 0px;
bottom: 70px;
z-index: 100;
display: none;
padding: 20px;
border: 1px solid #dfdfdf;
background-color: #f9f9f9;
-webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mk-quick-contact .bottom-arrow {
position: absolute;
right: 20px;
bottom: -8px;
display: block;
width: 14px;
height: 14px;
border: 1px solid #dfdfdf;
border-top: none;
border-left: none;
background-color: #f9f9f9;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.mk-quick-contact-link {
display: block;
padding: 12px 14px;
background-color: #cccccc;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mk-quick-contact-link i {
color: #fff;
font-size: 24px;
line-height: 24px;
}
@media handheld, only screen and (max-width: 950px) {
.mk-quick-contact-link {
display: none;
}
}
@media handheld, only screen and (max-width: 767px) {
.widget_text {
text-align: center !important;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
/* Retina-specific stuff here */
}
/* --------------------------------------------------------------
Basic WordPress Blog Styles
-------------------------------------------------------------- */
/* Images
-------------------------------------------------------------- */
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.wp-caption {
text-align: center;
margin-bottom: 1.5em;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 10px;
}
.wp-smiley {
max-height: 1em;
margin: 0 !important;
}
.gallery {
margin: 0 auto 18px;
text-align: center;
}
.gallery .gallery-item {
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 6px solid rgba(0, 0, 0, 0.1);
}
.gallery img:hover {
opacity: 0.7;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
font-size: 11px;
padding: 6px 20px;
}
.gallery dl,
.gallery dt {
margin: 0;
}
.gallery br + br {
display: none;
}
/* Pullquotes
-------------------------------------------------------------- */
blockquote {
position: relative;
background-color: #f6f6f6;
background-color: rgba(0, 0, 0, 0.05);
padding: 15px 15px 15px 70px;
}
blockquote:before {
position: absolute;
content: "\f10d";
display: block;
color: #dddddd;
color: rgba(0, 0, 0, 0.1);
left: 20px;
top: 20px;
font-size: 32px;
}
blockquote.left {
float: left;
margin-left: 0;
margin-right: 20px;
text-align: right;
width: 33%;
}
blockquote.right {
float: right;
margin-left: 20px;
margin-right: 0;
text-align: left;
width: 33%;
}
/* Tables
-------------------------------------------------------------- */
table {
text-align: left;
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
margin-bottom: 30px;
}
table th {
text-align: center;
padding: 18px 12px;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
table tfoot td {
padding: 6px;
}
table td {
text-align: center;
padding: 12px;
}
/* Gravity forms Styling
-------------------------------------------------------------- */
.gform_wrapper select {
padding: 12px 14px 12px 20px !important;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
font-size: 13px !important;
color: #767676 !important;
padding: 10px !important;
background-color: #fafafa !important;
border: 1px solid #e3e3e3 !important;
}
.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=url]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=tel]:focus,
.gform_wrapper input[type=number]:focus,
.gform_wrapper input[type=password]:focus {
background-color: #fff !important;
}
.gform_wrapper .button {
margin-right: 10px !important;
border: none !important;
outline: none !important;
color: #fff !important;
font-size: 13px;
line-height: 13px !important;
padding: 12px 15px !important;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
vertical-align: top;
background-image: none !important;
letter-spacing: 1px;
display: inline-block;
}
.gform_wrapper .button:hover {
background-color: #252525 !important;
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio],
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input {
margin-left: 2px;
}
.gform_wrapper li,
.gform_wrapper form li {
padding-bottom: 10px;
}
.gform_wrapper .top_label .gfield_label {
margin-bottom: 6px !important;
}
/**** 29/01/2015 ****/
.header-top-bar{
float:right;
padding-top:10px;
width:100%;
}
.header-top-bar .loan-provider, .header-top-bar .header-contact, .header-top-bar .header-links{
float:right;
}
.header-contact{ width:100%;}
.loan-provider{
background:#76bf3a;
font-style:italic;
text-align:center;
text-transform:uppercase;
margin-right:5%;
border-radius:5px;
margin-top:15px;
}
.loan-provider a{
display:block;
color:#fff;
padding:8px 15px 9px;
}
.loan-provider .mk-header-tagline{
color:#fff;
line-height:normal;
font-size:20px;
font-weight:bold;
margin-right:0;
}
.header-contact{
font-size:20px;
font-weight:bold;
margin-right:5%;
margin-top:15px;
margin-bottom:10px;
}
.header-contact .header-toolbar-contact{
color:#4b4b4b;
margin-right:0;
line-height:0;
}
.header-contact i{
color:#75be38;
font-size:21px;
}
.header-links a{
display:block;
font-size:12px;
font-weight:bold;
min-width:190px;
text-align:center;
padding:6px 0 10px;
color:#fff;
border-radius:5px;
}
.header-links a:hover{
color:#fff;
}
.header-links a.orange{
background-color:#f28300;
margin-bottom:5px;
}
.header-links a.green{
background-color:#76bf3a;
}
.mk-grid.header-grid{
display:none;
}
.top-left-two-third{
padding:20px 30px 0;
border-radius:5px;
margin-bottom:20px;
}
.bottom-left-one-third{
padding:30px;
border-radius:5px;
}
.top-left-two-third h3{
font-size:24px !important;
color:#308f2a !important;
text-transform:inherit !important;
}
.bottom-left-one-third h3, .bottom-right-two-third h3{
font-size:22px !important;
text-transform:inherit !important;
}
.bottom-left-one-third h3{
color:#f07100 !important;
background: url(../../images/refferall-program.png) no-repeat left top;
padding-left:65px;
}
.bottom-right-two-third h3{
color:#308f2a !important;
}
.top-left-two-third p, .bottom-left-one-third p, .bottom-right-two-third p{
color:#545454;
font-size:14px !important;
line-height:22px !important;
color:#434343 !important;
}
.top-left-two-third p a, .bottom-left-one-third p a, .bottom-right-two-third p a{
color:#308f2a !important;
text-decoration:underline;
}
.bottom-right-two-third{
padding:43px 36px;
border-radius:5px;
}
.top-left-two-third .mk-text-block h3 {
background: url(../../images/finance-solution.png) no-repeat right top;
padding-top:10px;
padding-bottom:2px;
}
.bottom-right-two-third .mk-text-block {
background: url(../../images/leading-process.png) no-repeat right 47px;
padding-right:110px;
}
.top-right-one-fourth{
border-radius:5px;
padding:20px 20px 16px;
color:#fff;
font-size:12px;
}
.top-right-one-fourth h3{
font-size:20px !important;
color:#fff !important;
font-style:italic !important;
font-weight:bold !important;
}
.top-right-one-fourth p{
padding:0!important;
font-size:12px !important;
line-height:16px !important;
color:#fff !important;
}
.top-right-one-fourth p strong{
color:#fff !important;
display:block !important;
}
.login-form{
width:505px;
margin:0 auto;
}
.login-form h1{
font-size: 24px;
margin-top: 20px;
text-align: center;
padding-bottom:10px;
}
.login-form p{
font-size:14px;
color:#434343 !important;
}
.login-form dl{
float:left;
}
.login-form dt, .login-form dd{
float:left;
margin-bottom:8px;
}
.login-form dt{
clear:left;
font-size:12px;
font-weight:normal;
color:#434343 !important;
width:120px;
padding-top:2px;
}
.login-form dd{
width:210px;
padding:0;
}
.login-form input.inbox{
background-color:#e8e8e8;
width:206px;
font-size:12px;
padding:7px 5px;
display:block;
}
.login-form input[type="submit"]{
display:block;
font-size:14px;
font-weight:bold;
min-width:190px;
text-align:center;
padding:8px 0 9px;
color:#fff;
margin-top:10px;
border-radius:5px;
background-color:#f28300;
border:none;
box-shadow:none !important;
margin:0px !important;
text-shadow:none !important;
text-transform:capitalize !important;
line-height:16px !important
}
div.wpcf7 img.ajax-loader{margin:0px !important}
.clr{
clear:both;
}
.centre-space{
width:345px;
margin:0 auto;
}
#fancybox-outer, #fancybox-outer, #fancybox-content{
border-radius:10px;
}
#fancybox-close{
background: url(../../images/cross.png) no-repeat right top !important;
height: 9px !important;
right: 12px !important;
top: 10px !important;
width: 10px !important;
}
.login-form span.wpcf7-form-control-wrap,.login-form span.wpcf7-form-control-wrap input{box-sizing: content-box !important; }
.login-form span.wpcf7-form-control-wrap input[type=tel]{cursor:auto !important}
/*19/11/2014*/
@media screen and (min-width: 1141px) {
.mk-header-inner{
padding-top:120px;
}
#mk-header .header-logo{
float: left;
padding-top: 66px !important;
width: 176px !important;
}
.classic-style-nav .mk-header-nav-container{
float: right;
padding-bottom: 15px;
width: 75.5% !important;
}
#mk-header .header-logo a{
float:right;
}
}
@media only screen and (max-width: 550px) {
.gform_wrapper .top_label li.gfield.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half,
.gform_wrapper .top_label li.gfield.gf_left_third,
.gform_wrapper .top_label li.gfield.gf_middle_third,
.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right,
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
width: 99% !important;
margin-top: 10px;
float: none !important;
}
}
/* WP3.8 temporary fix
-------------------------------------------------------------- */
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed !important;
}
}
@media screen and (max-width: 380px) {
.top-left-two-third h3{
font-size:18px !important;
line-height: 30px;
}
.top-left-two-third .mk-text-block h3 {
background: rgba(0, 0, 0, 0) url("../../images/finance-solution.png") no-repeat scroll right top;
padding-bottom: 10px;
padding-top: 10px;
}
}
@media screen and (max-width: 360px) {
.login-form{
width:100% !important;
margin:0 auto;
}
.centre-space {
width:100% !important;
margin: 0px auto;
}
dt {
display: none;
}
.login-form dd {
width: 100%;
}
.login-form input {
margin: 2px auto !important;
width: 80% !important;
background-color:#e8e8e8;
}
.login-form input[type="submit"]{
display: block;
float: none ;
margin: 40px auto 0px !important;
width: 90% !important;
background-color: #6cbf47;
padding: 20px 0px;
font-size: 16px;
}
#fancybox-content{
width:100%;
}
#contact_form #fancybox-content{
width:100%;
}
.login-form input.inbox{
width:100%;
}
.wpcf7-form-control-wrap .time-12_second input{
display: block !important;
float: none !important;
margin: 0 auto !important;
width: 75% !important;
}
.wpcf7-form-control .wpcf7-text .wpcf7-validates-as-required{
display: block !important;
float: none !important;
margin: 0 auto !important;
width: 75% !important;
}
}