/* 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 {
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;
}
.theme-content em {
font-weight: bold;
}
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;
}
.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=email],
input[type=password] {
font-size: 12px;
color: #aaaaaa;
padding: 6px 8px;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: none;
margin-bottom: 3px;
}
textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus {
color: #333333;
border-color: #cccccc;
}
select {
padding: 2px;
}
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 {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
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 {
* {
background: none !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
/* Images, vectors and such */
filter: Gray();
/* IE4-8: depreciated */
filter: url('filters.svg#grayscale');
/* SVG version for IE10, Firefox, Safari 5 and Opera */
-webkit-filter: grayscale(100%);
/* Chrome + Safari 6 */
-moz-filter: grayscale(100%);
/* Future proof */
-ms-filter: grayscale(100%);
/* Future proof */
-o-filter: grayscale(100%);
/* Future proof */
filter: grayscale(100%);
/* Future proof or polyfilled */
}
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,
.mk-go-top {
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 {
-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%;
max-width: 1140px;
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: 1140px) {
.mk-grid {
width: 100%;
}
.mk-padding-wrapper {
padding: 0 15px;
}
}
@media handheld, only screen and (max-width: 770px) {
.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;
}
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
content: "";
display: table;
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 3%;
}
.row-fluid .first-column {
margin-left: 0 !important;
}
.row-fluid .first.last-column {
margin-left: 0;
}
.row-fluid .last-column:after {
display: block;
visibility: hidden;
clear: both;
width: 0;
height: 0;
content: ' ';
font-size: 0;
line-height: 0;
width: 100%;
}
.row-fluid .first-column {
clear: left;
}
.row-fluid .span12 {
width: 100%;
*width: 100%;
padding: 0 !important;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.8%;
*width: 82.8%;
}
.row-fluid .span9 {
width: 74%;
*width: 74%;
}
.row-fluid .span8 {
width: 65.65%;
*width: 65.65%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.5%;
*width: 48.5%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.33%;
*width: 31.33%;
}
.row-fluid .span3 {
width: 22.75%;
*width: 22.75%;
}
.row-fluid .span2 {
width: 14.16%;
*width: 14.16%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
@media handheld, only screen and (max-width: 770px) {
.row-fluid [class*="span"] {
width: auto;
float: none;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 20px;
margin-bottom: 20px;
}
.row-fluid .first-column {
clear: both;
margin-left: 0 !important;
margin-right: 0 !important;
}
.row-fluid .last-column {
clear: both;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.featured-image a.post-type-badge,
.featured-image .image-hover-overlay,
.portfolio-logo-section .portfolio-social li a,
.widget_contact_form .contact-widget-button,
.flickr-widget-wrapper li a,
.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,
.image-hover-overlay,
.featured-image img,
.permalink-badge,
.mk-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,
.modern-style-nav .mk-header-inner .main-navigation-ul > li > a,
#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 .image-hover-overlay,
.mk-blog-newspaper-item .featured-image a.permalink-badge,
.mk-blog-newspaper-item .featured-image a.zoom-badge,
.mk-pagination .mk-pagination-inner,
.mk-pagination .mk-pagination-next a,
.mk-pagination .mk-pagination-previous 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,
.mk-image-shortcode-lightbox,
.woo-hidden-section,
.mk-image-overlay {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s 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,
.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-transform .mk-animate-element {
opacity: 0;
-webkit-perspective: 1000;
}
.mk-transform .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-transform .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-transform .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-transform .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-transform .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-transform .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;
}
/* 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.2s ease-in-out 0s;
-webkit-transition: opacity 0.2s ease-in-out 0s;
-moz-transition: opacity 0.2s ease-in-out 0s;
-ms-transition: opacity 0.2s ease-in-out 0s;
-o-transition: opacity 0.2s ease-in-out 0s;
}
#mk-header .mk-header-nav-container {
text-align: center;
}
#mk-header .header-logo {
float: left;
top: 0;
position: absolute;
display: block;
height: 100%;
z-index: 10;
}
#mk-header .header-logo.left-logo {
left: 20px;
}
#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.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: 210;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.modern-style-nav .mk-header-inner.mk-fixed {
position: fixed !important;
left: 0;
z-index: 210;
}
.modern-style-nav .mk-header-inner.mk-fixed #mk-header-searchform {
display: none;
}
.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%;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.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: 10;
}
.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.2);
padding: 12px 14px;
position: fixed;
bottom: 20px;
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: 20px;
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;
}
/*----------------------------*/
/*
* Page SECTION
*/
#theme-page {
overflow: hidden;
padding: 30px 0 0;
margin: 0;
min-height: 300px;
}
#theme-page .theme-page-wrapper {
margin: 20px auto 0;
}
#theme-page .theme-page-wrapper #mk-sidebar {
position: relative;
}
#theme-page .theme-page-wrapper.right-layout #mk-sidebar {
float: right;
width: 27%;
}
#theme-page .theme-page-wrapper.left-layout #mk-sidebar {
float: left;
width: 27%;
}
#theme-page .theme-page-wrapper.right-layout .theme-content {
float: left;
width: 73%;
padding: 40px 20px 30px;
}
#theme-page .theme-page-wrapper.left-layout .theme-content {
float: right;
width: 73%;
padding: 40px 20px 30px;
}
#theme-page .theme-page-wrapper.full-layout .theme-content {
padding: 40px 20px 30px;
}
#theme-page .theme-page-wrapper.right-layout .sidebar-wrapper {
padding: 40px 20px 30px 30px;
}
#theme-page .theme-page-wrapper.left-layout .sidebar-wrapper {
padding: 40px 30px 30px 20px;
}
* html #theme-page,
* html #mk-sidebar {
display: inline;
}
/*----------------------------*/
@media handheld, only screen and (max-width: 1140px) and (min-width: 960px) {
.theme-page-wrapper.right-layout .sidebar-wrapper {
padding: 30px 10px 30px 0 !important;
}
.theme-page-wrapper.left-layout .sidebar-wrapper {
padding: 30px 0 30px 10px !important;
}
}
@media handheld, only screen and (max-width: 1140px) {
.theme-page-wrapper .theme-content {
width: 100% !important;
float: none !important;
padding: 30px 0 !important;
}
.theme-page-wrapper {
padding-right: 20px !important;
padding-left: 20px !important;
}
#theme-page .theme-page-wrapper #mk-sidebar {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
#theme-page .theme-page-wrapper #mk-sidebar .sidebar-wrapper {
padding-right: 0px !important;
padding-left: 0px !important;
}
}
.mk-header-toolbar {
padding: 0 20px;
width: 100%;
position: relative;
z-index: 230;
}
.mk-header-toolbar .mk-button {
color: #fff !important;
}
.mk-header-tagline {
font-size: 11px;
line-height: 30px;
}
.header-toolbar-contact {
font-size: 11px;
line-height: 30px;
padding-right: 20px;
}
.header-toolbar-contact i {
font-size: 14px;
padding-right: 6px;
}
.mk-header-date {
margin-left: 15px;
font-size: 11px;
}
.mk-header-date i {
padding-right: 5px;
vertical-align: middle;
font-size: 16px;
}
.mk-language-nav {
position: relative;
display: inline-block;
margin-left: 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;
padding-top: 8px;
}
.mk-language-nav-sub {
background-color: #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.mk-language-nav-sub:after {
position: absolute;
top: -8px;
left: 25px;
display: block;
width: 0;
height: 0;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
border-left: 8px solid transparent;
content: "";
}
#mk-language-navigation ul {
margin: 0;
padding: 1px 0;
list-style: none;
}
#mk-language-navigation ul li {
margin: 0;
}
#mk-language-navigation ul li a {
display: block;
margin: 5px 0;
padding: 6px 12px;
min-width: 120px;
color: #666666;
font-size: 11px;
line-height: 14px;
font-weight: bold;
}
#mk-language-navigation ul li a:hover {
background-color: rgba(0, 0, 0, 0.05);
}
#mk-language-navigation ul 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 span {
line-height: 12px;
}
.mk-header-inner #mk-header-searchform .text-input {
width: 200px;
padding: 5px 15px 5px 25px !important;
height: 28px;
line-height: 20px;
}
.mk-header-inner #mk-header-searchform .mk-icon-search {
left: 7px;
top: 5px;
zoom: 1;
filter: alpha(opacity=70);
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: 6px 0 0;
padding: 0;
}
#mk-header-social ul li {
margin: 0;
display: inline-block;
}
#mk-header-social ul li a {
width: 18px;
height: 18px;
position: relative;
display: block;
margin-right: 4px;
line-height: 4px;
zoom: 1;
filter: alpha(opacity=80);
opacity: 0.8;
}
#mk-header-social ul li a i:before {
font-size: 18px;
line-height: 18px;
top: 3px;
}
#mk-header-social ul li a:hover {
zoom: 1;
filter: alpha(opacity=100);
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;
left: -100px;
top: 27px;
background-color: #f1f1f1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4);
padding: 15px;
display: none;
}
.mk-login-register:before,
#mk-header-subscribe:before {
position: absolute;
display: block;
content: "";
width: 0;
height: 0;
top: -6px;
left: 45%;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #f1f1f1;
}
.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: 220px;
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 .mk-button,
#mk-header-subscribe .mk-button {
float: right;
margin: 0 0 5px 0;
}
.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;
}
.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 {
left: -75px;
}
#mk-header-subscribe label {
margin-bottom: 8px;
display: block;
}
#mk-header-subscribe .text-input {
background-color: #fff;
width: 200px;
margin-bottom: 10px;
}
.mk-header-checkout {
float: right;
display: inline-block;
margin: 4px 20px 0 0;
position: relative;
height: 25px;
}
.mk-header-checkout:hover > #mk-header-checkout {
display: block;
}
.mk-header-checkout .mk-checkout-btn i {
vertical-align: middle;
margin-right: 4px;
}
#mk-header-checkout {
position: absolute;
top: 25px;
right: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
padding: 15px;
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#dbdbdb));
background: -webkit-linear-gradient(top, #f1f1f1, #dbdbdb);
background: -moz-linear-gradient(top, #f1f1f1, #dbdbdb);
background: -ms-linear-gradient(top, #f1f1f1, #dbdbdb);
background: -o-linear-gradient(top, #f1f1f1, #dbdbdb);
background-color: #f1f1f1;
display: none;
}
#mk-header-checkout:before {
position: absolute;
display: block;
content: "";
width: 0;
height: 0;
top: -6px;
right: 30px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #f1f1f1;
}
#mk-header-checkout .cart_details {
display: block;
white-space: nowrap;
}
#mk-header-checkout .mk-woo-items {
line-height: 32px;
}
#mk-header-checkout .mk-woo-items strong {
font-size: 18px;
font-weight: bold;
padding-right: 5px;
color: #333333;
}
#mk-header-checkout .mk-woo-items i {
margin-right: 10px;
line-height: 12px;
}
#mk-header-checkout .mk-woo-items i:before {
color: #949494;
font-size: 28px;
}
#mk-header-checkout .mk-woo-total {
padding: 5px 0 0 10px;
margin-left: 10px;
border-left: 1px solid #c1c1c1;
margin-right: 15px;
}
#mk-header-checkout .mk-woo-total strong {
font-size: 18px;
font-weight: bold;
padding-right: 5px;
color: #333333;
}
#mk-header-checkout .mk-button {
margin: -5px 0 0 0 !important;
}
#mk-header-checkout .mk-button i:before {
font-size: 14px;
line-height: 11px;
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
#mk-toolbar-navigation {
float: left;
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: 32px;
}
#mk-toolbar-navigation ul li:last-child > a {
border: none !important;
}
#mk-toolbar-navigation ul li a {
font-size: 11px;
line-height: 10px;
border-right: 1px solid #dedede;
display: inline-block;
padding: 0 5px;
}
#mk-toolbar-navigation ul li ul {
display: none;
}
#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 {
zoom: 1;
filter: alpha(opacity=80);
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;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
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);
}
/*
/* Navigation
*/
.mk-header-nav-container {
line-height: 4px;
display: block;
position: relative;
z-index: 10;
width: 1040px;
margin: 0 auto;
}
@media handheld, only screen and (max-width: 1140px) {
#mk-header .mk-header-nav-container {
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;
display: block !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;
}
.mk-classic-menu-wrapper {
position: relative;
z-index: 99;
width: 1040px;
margin: 0 auto;
}
.mk-classic-menu-wrapper .main-navigation-ul > li > a i {
padding-right: 7px;
}
@media handheld, only screen and (max-width: 1140px) {
#mk-header .mk-classic-menu-wrapper {
width: 100% !important;
}
}
/* 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;
font-weight: bold;
padding: 9px 14px;
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;
padding-right: 25px;
padding-left: 25px;
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;
}
.mk-mega-icon {
display: none;
}
.main-navigation-ul .mk-mega-icon {
display: block;
position: absolute;
right: 3px;
top: 9px;
}
.mk-fixed .modern-style .main-navigation-ul > li > a i {
zoom: 1;
filter: alpha(opacity=0);
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;
}
.main-navigation-ul li .sub li {
list-style: none;
float: none;
margin: 0;
}
.main-navigation-ul li .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: 5px;
}
.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;
margin-bottom: 3px;
padding: 7px 15px;
}
.main-navigation-ul li .sub-container.non-mega > ul {
padding: 5px 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 !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;
}
.mk-responsive .mk-header-toolbar {
display: none !important;
}
.mk-responsive .mk-header-inner {
padding-top: 0 !important;
}
.mk-responsive .header-logo {
position: relative !important;
right: auto !important;
left: auto !important;
float: right !important;
margin-right: 15px;
text-align: right;
}
.mk-responsive #mk-main-navigation {
position: relative;
width: 100%;
}
.mk-responsive #mk-main-navigation ul {
display: block;
padding: 0 !important;
margin: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mk-responsive #mk-main-navigation ul li {
display: block !important;
float: none !important;
margin: 0 !important;
}
.mk-responsive #mk-main-navigation ul li a {
padding: 20px 30px 20px 20px !important;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-align: left !important;
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.mk-responsive #mk-main-navigation ul li a > i {
display: none;
}
.mk-responsive #mk-main-navigation ul li a:hover {
background-color: rgba(255, 255, 255, 0.05) !important;
}
.mk-responsive #mk-main-navigation ul li:first-child a {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mk-responsive #mk-main-navigation ul li .sub-menu {
left: auto !important;
position: relative !important;
}
.mk-responsive #mk-main-navigation ul li .mk_mega_menu {
display: none;
visibility: visible !important;
}
.mk-responsive #mk-main-navigation ul li .mk_mega_menu .megamenu-title {
background-color: rgba(0, 0, 0, 0.06);
font-weight: bold;
}
.mk-responsive #mk-main-navigation ul li .mk_mega_menu .row {
width: auto !important;
}
.mk-responsive #mk-main-navigation ul li .sub-container.mega {
width: auto !important;
position: relative !important;
top: auto !important;
}
.mk-responsive #mk-main-navigation ul li ul {
position: relative !important;
visibility: visible !important;
display: none;
top: 0 !important;
width: 100% !important;
padding: 10px 0 !important;
margin: 0 !important;
background-color: #3a3a3a !important;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mk-responsive #mk-main-navigation ul li ul li {
padding: 0 !important;
margin: 0 !important;
background-color: transparent !important;
}
.mk-responsive #mk-main-navigation ul li ul li a,
.mk-responsive #mk-main-navigation ul li ul li .megamenu-title {
font-size: 12px;
border: none !important;
text-transform: none !important;
color: #fff !important;
padding: 10px 15px !important;
line-height: 12px !important;
text-align: left !important;
margin: 0 !important;
}
.mk-responsive #mk-main-navigation > ul > li:hover > a,
.mk-responsive #mk-main-navigation > ul > li.current-menu-item > a,
.mk-responsive #mk-main-navigation > ul > li.current-menu-ancestor > a {
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.mk-responsive .mk-header-bg {
zoom: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}
.mk-responsive #mk-header .mk-header-nav-container {
display: none !important;
}
.mk-responsive .mk-header-toolbar {
padding: 0 10px;
}
.mk-responsive .mk-header-tagline,
.mk-responsive .mk-header-date,
.mk-responsive #mk-header-search,
.mk-responsive .mk-header-start-tour {
display: none;
}
.mk-responsive .mk-header-date {
margin-left: 0 !important;
}
.mk-responsive .mk-nav-responsive-link {
cursor: pointer;
display: block !important;
padding: 14px 16px;
position: absolute;
left: 30px;
top: 50%;
margin-top: -19px;
z-index: 12;
line-height: 8px;
border: 1px solid rgba(255, 255, 255, 0.5);
background-color: rgba(0, 0, 0, 0.15);
}
.mk-responsive .mk-nav-responsive-link i {
font-size: 16px;
line-height: 8px;
color: #fff;
}
.mk-responsive .mk-nav-responsive-link:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.mk-responsive .mk-header-nav-container {
position: absolute;
top: 0;
left: -70%;
height: 100%;
width: 70%;
z-index: 200;
background: #444444;
}
.mk-responsive #mk-outer-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
.mk-responsive #mk-inner-wrap {
position: relative;
width: 100%;
left: 0;
top: 0;
}
.mk-responsive .mk-header-nav-container {
-webkit-box-shadow: inset -10px -10px 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset -10px -10px 15px rgba(0, 0, 0, 0.1);
box-shadow: inset -10px -10px 15px rgba(0, 0, 0, 0.1);
left: 0;
overflow: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
}
.mk-responsive #mk-inner-wrap {
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
}
.mk-responsive #mk-main-navigation {
position: relative;
z-index: 2;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.mk-opened-nav #mk-inner-wrap {
left: 70%;
}
.mk-opened-nav #mk-inner-wrap {
-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
}
.mk-opened-nav #mk-main-navigation {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#mk-footer {
width: 100%;
position: relative;
padding: 50px 0 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 {
color: #ffffff;
zoom: 1;
filter: alpha(opacity=40);
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);
color: #ffffff;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
#mk-footer-navigation ul li a:hover {
zoom: 1;
filter: alpha(opacity=100);
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-page-introduce {
padding: 20px 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 0px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
line-height: 120%;
}
.page-introduce-subtitle {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
display: inline-block;
line-height: 100%;
margin: 15px 20px;
}
#mk-breadcrumbs {
margin-right: 20px;
}
#mk-breadcrumbs .mk-breadcrumbs-inner {
float: right;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.1);
color: #f5f5f5;
line-height: 12px;
padding: 4px;
font-size: 11px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#mk-breadcrumbs .separator {
color: #ffffff;
}
#mk-breadcrumbs a {
color: #ffffff;
}
@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;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
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 {
width: 100%;
max-width: 100%;
height: 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%;
}
@media handheld, only screen and (max-width: 700px) {
}
.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: 30px;
border-bottom: 3px solid #dddddd;
border-bottom: 3px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.mk-news-pagination {
display: inline-block;
}
.mk-news-pagination .mk-previous,
.mk-news-pagination .mk-next {
display: inline-block;
}
.mk-news-pagination i {
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
color: #fff;
}
.mk-news-pagination a {
background-color: #b8b8b8;
box-shadow: 0px 3px 0px 0px #9d9d9d;
display: block;
padding: 8px 14px;
line-height: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}
.mk-news-pagination a:hover {
background-color: #b2b2b2;
}
.mk-news-pagination a:active {
box-shadow: 0px 2px 0px 0px #9d9d9d;
top: 2px;
}
.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 a {
padding-left: 20px;
background: url(../../images/news-share-icon.png) left center no-repeat;
}
.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-title {
font-size: 28px !important;
line-height: 120%;
margin-bottom: 10px;
}
.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;
}
.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-teaser {
padding: 30px 0 20px;
border-bottom: 1px solid #eaeaea;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
}
.mk-news-teaser .mk-button {
margin-top: 10px;
display: inline-block;
float: right;
background-color: #b8b8b8;
box-shadow: 0px 3px 0px 0px #9d9d9d !important;
}
.mk-news-teaser .mk-button:hover {
background-color: #b2b2b2;
}
.mk-news-teaser .mk-button:active {
box-shadow: 0px 2px 0px 0px #9d9d9d !important;
}
@media handheld, only screen and (max-width: 960px) {
.mk-news-teaser .mk-button {
float: left;
margin-left: 15px;
}
.mk-news-teaser .mk-news-teaser-title {
float: none !important;
display: block;
min-height: auto !important;
padding: 0 0 0 15px !important;
}
}
.mk-news-teaser-title {
display: table;
float: left;
font-weight: bold;
font-size: 14px;
color: #333333;
padding: 0 20px 0;
min-height: 55px;
}
.mk-news-teaser-title span {
display: table-cell;
vertical-align: middle;
}
.mk-news-teaser-slider {
display: inline-block;
max-width: 690px;
min-height: 55px;
overflow: hidden;
border-left: 1px solid #cccccc;
}
.mk-news-teaser-slider .news-teaser-title {
font-size: 12px;
color: #333333;
margin-bottom: 5px;
padding-left: 15px;
}
.mk-news-teaser-slider .news-teaser-date {
font-size: 11px;
color: #bbbbbb;
display: block;
padding-left: 15px;
line-height: 16px;
}
.mk-news-teaser-slider .news-teaser-date i {
margin-right: 3px;
font-size: 16px;
color: #cccccc;
}
@media handheld, only screen and (max-width: 960px) {
.mk-news-teaser-slider {
max-width: auto;
display: block;
width: 100%;
border: none;
}
}
.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.current > 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.current > 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 160px 0;
position: relative;
}
.mk-uc-wrapper {
position: relative;
z-index: 20;
width: 750px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
min-height: 500px;
background-color: #fff;
margin: -145px auto 100px;
text-align: center;
}
.mk-trans-border {
position: absolute;
display: block;
content: "";
z-index: 1;
width: 752px;
margin-left: -376px;
left: 50%;
bottom: -104px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 250px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMyIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.32)), color-stop(96%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52000000', endColorstr='#00000000', GradientType=0);
}
.mk-uc-title {
padding: 70px 30px 60px;
font-size: 32px;
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-left: 15px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
background: -webkit-linear-gradient(top, #ffffff, #ededed);
background: -moz-linear-gradient(top, #ffffff, #ededed);
background: -ms-linear-gradient(top, #ffffff, #ededed);
background: -o-linear-gradient(top, #ffffff, #ededed);
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
#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 #ccc;
}
#mk-uc-countdown li .timeRef {
color: #898989;
border-top: 1px solid #fdfdfd;
display: block;
padding: 3px;
font-size: 11px;
text-transform: capitalize;
}
.mk-uc-social-subscribe {
margin: 50px auto 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
padding: 15px;
background-color: #eaeaea;
border: 1px solid #d9d9d9;
}
.uc-social {
margin: 0;
padding: 4px 0 0;
list-style: none;
float: left;
}
.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: 10px 70px 10px 10px;
}
#mk-uc-subscribe .mk-button {
position: absolute;
right: 6px;
top: 7px;
margin: 0;
padding: 6px 12px;
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 {
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 {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.mk-flex-slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .mk-flex-slides {
display: block;
}
* html .mk-flex-slides {
height: 1%;
}
.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 {
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.flex-direction-nav .flex-prev {
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.flex-direction-nav .flex-next:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.flex-direction-nav .flex-prev:hover {
zoom: 1;
filter: alpha(opacity=100);
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;
zoom: 1;
filter: alpha(opacity=70);
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 {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
a#iCarouselPrev {
left: 16px;
}
a#iCarouselPrev:before {
content: "\f053";
}
a#iCarouselNext {
right: 20px;
}
a#iCarouselNext:before {
content: "\f054";
}
#mk_banner_builder {
padding: 20px 0 !important;
}
#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;
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 {
position: absolute;
left: 6px;
top: 11px;
font-size: 22px;
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;
}
/*
* 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 {
width: 100%;
}
div.jp-interface {
position: relative;
width: 100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
height: 70px;
}
/* @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: 0;
padding: 0;
position: absolute;
bottom: 0;
left: -8px;
}
div.jp-interface ul.jp-controls li {
margin: 0;
}
div.jp-audio ul.jp-controls {
width: 100%;
}
div.jp-interface ul.jp-controls li {
display: inline;
float: left;
}
div.jp-interface ul.jp-controls a {
display: block;
overflow: hidden;
}
a.jp-play,
a.jp-pause {
padding: 8px;
display: block;
background-color: #fdfdfd;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
line-height: 14px;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#cecece));
background: -webkit-linear-gradient(top, #fcfcfc, #cecece);
background: -moz-linear-gradient(top, #fcfcfc, #cecece);
background: -ms-linear-gradient(top, #fcfcfc, #cecece);
background: -o-linear-gradient(top, #fcfcfc, #cecece);
background-color: #fcfcfc;
color: #858585;
}
a.jp-play i,
a.jp-pause i {
line-height: 14px;
}
a.jp-pause {
display: none;
}
/* @end */
/* @group progress bar */
div.jp-progress {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
}
div.jp-audio div.jp-progress {
position: absolute;
top: 15px;
height: 8px;
}
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 {
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#cecece));
background: -webkit-linear-gradient(top, #fcfcfc, #cecece);
background: -moz-linear-gradient(top, #fcfcfc, #cecece);
background: -ms-linear-gradient(top, #fcfcfc, #cecece);
background: -o-linear-gradient(top, #fcfcfc, #cecece);
background-color: #fcfcfc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 0px;
height: 100%;
position: relative;
}
div.jp-play-bar:after {
background: url(../../images/jp-play-bar.png) no-repeat;
width: 17px;
height: 18px;
position: absolute;
right: -12px;
top: -4px;
display: block;
content: "";
}
/* 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: 0;
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: #fff;
top: -1px;
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;
padding-left: 58px;
width: 100%;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
color: #fff;
font-size: 14px;
width: 100%;
}
div.jp-current-time,
div.jp-duration {
display: inline-block;
}
/* @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 */
div.mk-prettyphoto .pp_top,
div.mk-prettyphoto .pp_top .pp_middle,
div.mk-prettyphoto .pp_top .pp_left,
div.mk-prettyphoto .pp_top .pp_right,
div.mk-prettyphoto .pp_bottom,
div.mk-prettyphoto .pp_bottom .pp_left,
div.mk-prettyphoto .pp_bottom .pp_middle,
div.mk-prettyphoto .pp_bottom .pp_right {
height: 5px;
}
div.mk-prettyphoto .pp_top .pp_left {
background-color: #fff;
border-top-left-radius: 3px;
}
div.mk-prettyphoto .pp_top .pp_middle {
background-color: #fff;
}
div.mk-prettyphoto .pp_top .pp_right {
background-color: #fff;
border-top-right-radius: 3px;
}
div.mk-prettyphoto .pp_content .ppt {
color: #f8f8f8;
}
div.mk-prettyphoto .pp_content_container .pp_left {
background-color: #fff;
padding-left: 5px;
}
div.mk-prettyphoto .pp_content_container .pp_right {
background-color: #fff;
padding-right: 5px;
}
div.mk-prettyphoto .pp_next:hover {
background: url(../../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer;
}
div.mk-prettyphoto .pp_previous:hover {
background: url(../../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer;
}
div.mk-prettyphoto .pp_expand {
background: url(../../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor: pointer;
width: 28px;
height: 28px;
}
div.mk-prettyphoto .pp_expand:hover {
background: url(../../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor: pointer;
}
div.mk-prettyphoto .pp_contract {
background: url(../../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor: pointer;
width: 28px;
height: 28px;
}
div.mk-prettyphoto .pp_contract:hover {
background: url(../../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor: pointer;
}
div.mk-prettyphoto .pp_close {
position: absolute;
right: -8px;
top: -16px;
display: block;
line-height: 5px;
}
div.mk-prettyphoto .pp_close {
padding: 6px 8px;
background-color: #fff;
border-radius: 30px;
cursor: pointer;
}
div.mk-prettyphoto .pp_close i {
font-size: 16px;
line-height: 16px;
color: #b2b2b2;
}
div.mk-prettyphoto .pp_close:hover i {
color: #5c5c5c;
}
div.mk-prettyphoto .pp_gallery ul li a {
background: url(../../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
border: 1px solid #aaaaaa;
}
div.mk-prettyphoto .pp_social {
margin-top: 7px;
}
div.mk-prettyphoto .pp_gallery a.pp_arrow_previous,
div.mk-prettyphoto .pp_gallery a.pp_arrow_next {
position: static;
left: auto;
}
div.mk-prettyphoto .pp_nav .pp_play,
div.mk-prettyphoto .pp_nav .pp_pause {
background: url(../../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
height: 30px;
width: 30px;
}
div.mk-prettyphoto .pp_nav .pp_pause {
background-position: -51px -29px;
}
div.mk-prettyphoto a.pp_arrow_previous,
div.mk-prettyphoto a.pp_arrow_next {
background: url(../../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height: 20px;
width: 20px;
margin: 4px 0 0;
}
div.mk-prettyphoto a.pp_arrow_next {
left: 52px;
background-position: -82px -3px;
}
div.mk-prettyphoto .pp_content_container .pp_details {
margin-top: 5px;
}
div.mk-prettyphoto .pp_nav {
clear: none;
height: 30px;
width: 110px;
position: relative;
}
div.mk-prettyphoto .pp_nav .currentTextHolder {
font-family: Georgia;
font-style: italic;
color: #999;
font-size: 11px;
left: 75px;
line-height: 25px;
position: absolute;
top: 2px;
margin: 0;
padding: 0 0 0 10px;
}
div.mk-prettyphoto .pp_description {
display: none;
margin: 0;
float: left;
font-size: 12px;
font-weight: bold;
color: #333333;
line-height: 14px;
margin: 10px 50px 5px 10px;
}
div.mk-prettyphoto .pp_bottom .pp_left {
background-color: #fff;
border-bottom-left-radius: 3px;
}
div.mk-prettyphoto .pp_bottom .pp_middle {
background-color: #fff;
}
div.mk-prettyphoto .pp_bottom .pp_right {
background-color: #fff;
border-bottom-right-radius: 3px;
}
div.mk-prettyphoto .pp_loaderIcon {
background: url(../../images/prettyPhoto/default/loader.gif) center center no-repeat;
}
div.pp_pic_holder a:focus {
outline: none;
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_content {
height: 40px;
min-width: 40px;
}
* html .pp_content {
width: 40px;
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left {
padding-left: 20px;
}
.pp_content_container .pp_right {
padding-right: 20px;
}
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px;
}
.pp_social {
float: left;
margin: 0 0 0 10px;
}
.pp_social .facebook {
display: block;
width: 80px;
overflow: hidden;
}
.pp_social .twitter {
display: block;
}
.pp_nav {
clear: right;
float: right;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
white-space: nowrap;
margin: 2px 4px;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
position: relative;
white-space: nowrap;
margin: 0 0 0 5px;
padding: 0;
}
.pp_gallery ul a {
border: 1px rgba(0, 0, 0, 0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a img {
border: 0;
}
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(../../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 30%;
}
a.pp_previous {
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 30%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
left: 10px;
text-indent: -10000px;
top: 5px;
width: 20px;
z-index: 20000;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
position: absolute;
top: 50%;
width: 24px;
margin: -12px 0 0 -12px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p {
margin: 0 0 15px;
}
div.ppt {
display: none;
}
div.mk-prettyphoto .pp_content,
div.light_rounded .pp_content {
background-color: #ffffff;
}
div.mk-prettyphoto #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
color: #000000;
}
div.mk-prettyphoto .pp_gallery ul li a:hover,
div.mk-prettyphoto .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
border-color: #ffffff;
}
div.mk-prettyphoto .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
position: relative;
}
.pp_top,
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_top,
* html .pp_bottom {
padding: 0 20px;
}
.pp_top .pp_left,
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle,
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right,
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_fade,
.pp_gallery li.default a img {
display: none;
}
/* Blog Styles */
.mk-blog-grid-item {
overflow: hidden;
position: relative;
float: left;
margin: 0 3% 3% 0;
}
.mk-blog-grid-item.one-column {
width: 100%;
margin: 0 0 30px;
}
.mk-blog-grid-item.two-column {
width: 48.5%;
}
.mk-blog-grid-item.three-column {
width: 31.2%;
}
.mk-blog-grid-item.four-column {
width: 22.75%;
}
.mk-blog-grid-item.last-column {
margin-right: 0 !important;
}
@media handheld, only screen and (max-width: 960px) {
.mk-blog-grid-item.two-column,
.mk-blog-grid-item.three-column,
.mk-blog-grid-item.four-column {
width: 100% !important;
margin: 0 0 30px;
}
.mk-blog-grid-item .featured-image img {
max-width: 100% !important;
width: 100% !important;
}
}
.mk-blog-grid-item .featured-image {
position: relative;
display: block;
overflow: hidden;
}
.mk-blog-grid-item .featured-image img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
}
.mk-blog-grid-item .mk-blog-meta {
padding: 10px 0;
}
.mk-blog-grid-item .mk-categories,
.mk-blog-grid-item .mk-blog-author {
color: #999999;
font-weight: bold;
font-size: 11px;
display: inline-block;
padding-right: 5px;
}
.mk-blog-grid-item time a {
font-weight: bold;
font-size: 11px;
}
.mk-blog-grid-item .the-title {
margin-top: 5px;
line-height: 22px;
}
.mk-blog-grid-item .the-title a {
font-size: 18px;
line-height: 22px;
}
.mk-blog-grid-item .the-excerpt {
margin: 5px 0;
}
.mk-blog-grid-item .mk-readmore {
float: right;
display: inline-block;
text-decoration: underline;
}
.mk-blog-grid-item .mk-readmore i {
margin-right: 5px;
text-decoration: none;
}
.mk-blog-grid-item .mk-readmore:hover {
text-decoration: none;
}
.mk-blog-grid-item.audio-post-type .mk-audio-section {
background-image: url(../../images/audio-post-bg.jpg);
padding: 25px;
}
.mk-blog-grid-item.audio-post-type .mk-audio-section img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mk-blog-grid-item.audio-post-type .mk-audio-author {
margin-left: 8px;
color: #fff;
font-size: 11px;
text-transform: capitalize;
}
.mk-blog-grid-item.audio-post-type .mk-blog-meta {
display: block;
overflow: hidden;
}
.mk-blog-grid-item.audio-post-type .the-title {
margin-bottom: 5px;
}
.mk-blog-grid-item.audio-post-type .the-title a {
font-size: 18px;
line-height: 100%;
}
.mk-blog-classic-item {
margin-bottom: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #e0e0e0;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
overflow: hidden;
position: relative;
width: 100%;
background-color: #fff;
}
.mk-blog-classic-item .featured-image {
position: relative;
display: block;
overflow: hidden;
}
.mk-blog-classic-item .featured-image a {
overflow: hidden;
display: block;
}
.mk-blog-classic-item .featured-image img {
position: relative;
-webkit-backface-visibility: hidden;
width: 100%;
max-width: 100%;
}
.mk-blog-classic-item .featured-image:hover .image-hover-overlay {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.mk-blog-classic-item .featured-image:hover .post-type-badge {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.mk-blog-classic-item .mk-blog-meta {
padding: 20px;
}
.mk-blog-classic-item .mk-categories,
.mk-blog-classic-item .mk-blog-author {
color: #999999;
font-weight: bold;
font-size: 11px;
display: inline-block;
padding-right: 5px;
}
.mk-blog-classic-item time a {
font-weight: bold;
font-size: 11px;
}
.mk-blog-classic-item .the-title {
margin-top: 5px;
}
.mk-blog-classic-item .the-title a {
font-size: 24px;
line-height: 24px;
color: #333333;
}
.mk-blog-classic-item .the-excerpt {
margin-bottom: 20px;
}
.mk-blog-classic-item .mk-readmore {
position: absolute;
right: 20px;
bottom: 15px;
text-decoration: underline;
}
.mk-blog-classic-item .mk-readmore i {
margin-right: 5px;
text-decoration: none;
}
.mk-blog-classic-item .mk-readmore:hover {
text-decoration: none;
}
.featured-image:hover .image-hover-overlay {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.image-hover-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.mk-classic-comments {
height: 33px;
width: 37px;
background-color: #e1e1e1;
box-shadow: 0px 3px 0px 0px #bfbfbf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
display: inline-block;
float: left;
margin-right: 14px;
line-height: 4px;
}
.mk-classic-comments span {
position: absolute;
right: -10px;
top: -10px;
font-weight: bold;
color: #fff;
line-height: 10px;
font-size: 11px;
padding: 4px 6px;
border: 2px solid #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.4)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
}
.mk-classic-comments i {
position: absolute;
left: 10px;
top: 9px;
color: #959393;
text-shadow: 0 1px 0 #fff;
font-size: 16px;
}
.mk-blog-share {
display: inline-block;
float: left;
background-color: #e1e1e1;
width: 37px;
height: 33px;
cursor: pointer;
box-shadow: 0px 3px 0px 0px #bfbfbf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
}
.mk-blog-share i {
position: absolute;
left: 9px;
top: 8px;
color: #959393;
text-shadow: 0 1px 0 #fff;
font-size: 16px;
}
.mk-classic-comments:active,
.mk-blog-share:active {
box-shadow: 0px 1px 0px 0px #bfbfbf;
top: 2px;
}
.mk-blog-share-buttons {
padding: 0 0 0 10px;
float: left;
display: none;
}
.mk-blog-share-buttons .blog-share-button {
display: inline-block;
float: left;
width: 90px;
margin-top: 8px !important;
}
.mk-blog-share-buttons .classic-googleplus {
margin-top: 8px !important;
}
@media handheld, only screen and (max-width: 800px) {
.mk-blog-share-buttons {
margin-top: 25px !important;
padding: 0 !important;
float: none !important;
display: none;
}
.mk-blog-share-buttons .blog-share-button {
display: block !important;
float: auto !important;
width: 100% !important;
}
}
.post-type-badge {
position: absolute;
left: 20px;
top: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 40px;
height: 40px;
display: block;
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.4)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 99%, rgba(0, 0, 0, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
}
.post-type-badge span {
background-image: url(../../images/post-type-icons.png);
background-repeat: no-repeat;
overflow: hidden;
display: block;
position: absolute;
width: 40px;
height: 40px;
left: 0;
top: 0;
}
.post-type-badge.video-icon span {
background-position: -3px -207px;
}
.post-type-badge.image-icon span {
background-position: -67px -141px;
}
.post-type-badge.portfolio-icon span {
background-position: -204px -6px;
}
.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;
}
}
.mk-blog-classic-item.audio-post-type {
background-image: url(../../images/audio-post-bg.jpg);
width: 100%;
}
.mk-blog-classic-item.audio-post-type .mk-audio-section {
float: left;
display: inline-block;
width: 30%;
padding: 30px 25px;
}
.mk-blog-classic-item.audio-post-type .mk-audio-section img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mk-blog-classic-item.audio-post-type .mk-audio-author {
margin-left: 8px;
color: #fff;
font-size: 11px;
text-transform: capitalize;
}
.mk-blog-classic-item.audio-post-type .mk-blog-meta {
width: 70%;
float: left;
display: inline-block;
background-color: #fff;
min-height: 180px;
overflow: hidden;
}
.mk-blog-classic-item.audio-post-type .the-title {
margin-bottom: 5px;
}
.mk-blog-classic-item.audio-post-type .the-title a {
font-size: 18px;
line-height: 100%;
}
@media handheld, only screen and (max-width: 800px) {
.mk-blog-classic-item.audio-post-type .mk-audio-section,
.mk-blog-classic-item.audio-post-type .mk-blog-meta {
width: 50% !important;
}
}
@media handheld, only screen and (max-width: 500px) {
.mk-blog-classic-item.audio-post-type .mk-audio-section,
.mk-blog-classic-item.audio-post-type .mk-blog-meta {
width: 100% !important;
}
}
.sticky {
border: 1px solid #cccccc;
}
.the-excerpt {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.mk-blog-newspaper-item {
margin: 10px;
float: left;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #c4c4c4;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
overflow: hidden;
opacity: 0;
}
.mk-blog-newspaper-item.newspaper-full-layout {
width: 23%;
}
.mk-blog-newspaper-item.newspaper-with-sidebar {
width: 30%;
}
@media handheld, only screen and (max-width: 960px) {
.mk-blog-newspaper-item.newspaper-full-layout {
width: 30%;
}
.mk-blog-newspaper-item.newspaper-with-sidebar {
width: 46%;
}
}
@media handheld, only screen and (max-width: 680px) {
.mk-blog-newspaper-item.newspaper-full-layout {
width: 46%;
}
.mk-blog-newspaper-item.newspaper-with-sidebar {
width: 46%;
}
}
@media handheld, only screen and (max-width: 530px) {
.mk-blog-newspaper-item.newspaper-full-layout {
width: 96%;
}
.mk-blog-newspaper-item.newspaper-with-sidebar {
width: 96%;
}
}
.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 .post-type-badge {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.mk-blog-newspaper-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);
}
.mk-blog-newspaper-item .mk-blog-meta {
padding: 10px;
border-bottom: 1px solid #d4d4d4;
}
.mk-blog-newspaper-item time {
margin-bottom: 6px;
}
.mk-blog-newspaper-item time a {
font-size: 11px;
color: #999999;
}
.mk-blog-newspaper-item .the-title {
line-height: 100%;
}
.mk-blog-newspaper-item .the-title a {
font-size: 18px;
line-height: 20px;
}
.mk-blog-newspaper-item .mk-readmore {
margin-left: 5px;
text-decoration: underline;
}
.mk-blog-newspaper-item .mk-readmore i {
padding-left: 4px;
text-decoration: none;
}
.mk-blog-newspaper-item .mk-readmore:hover {
text-decoration: none;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share {
padding: 10px;
background-color: #ececec;
border-top: 1px solid #f4f4f4;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share .mk-comment-count {
color: #999999;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
margin: 0 0 0 5px;
display: inline-block;
float: left;
cursor: pointer;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share .mk-comment-count i {
vertical-align: middle;
padding-right: 4px;
line-height: 12px;
font-size: 14px;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share .mk-comment-count:hover {
color: #717171;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share .mk-share-count {
color: #999999;
font-size: 11px;
text-shadow: 1px 1px 0 #fff;
display: inline-block;
float: right;
cursor: pointer;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share .mk-share-count i {
vertical-align: middle;
padding-right: 4px;
line-height: 12px;
font-size: 14px;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share .mk-share-count:hover {
color: #717171;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share .newspaper-share-buttons {
text-align: center;
display: none;
margin-top: 10px;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share .newspaper-share-buttons .share-button {
margin: 0 6px;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share ul {
margin: 0px 0 0;
padding: 0;
list-style: none;
display: none;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share ul li {
margin: 0 0 10px 0;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share ul li:first-child {
margin-top: 10px !important;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share ul li .avatar {
float: left;
display: inline-block;
margin-right: 8px;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share ul li .comment-author {
font-weight: bold;
display: block;
margin: 0 0 0px 40px;
font-size: 11px;
line-height: 15px;
color: #333333;
}
.mk-blog-newspaper-item .mk-newspaper-comments-share ul li .comment-content {
line-height: 16px;
font-size: 11px;
display: block;
color: #666666;
}
.mk-blog-newspaper-item .mk-audio-section {
background-image: url(../../images/audio-post-bg.jpg);
padding: 20px;
}
.mk-blog-newspaper-item .mk-audio-section img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: left;
}
.mk-blog-newspaper-item .mk-audio-section .mk-audio-author {
margin-left: 8px;
color: #fff;
font-size: 11px;
text-transform: capitalize;
}
/*
* Pageination
*/
.mk-pagination {
margin: 40px 0;
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: inline-block;
padding: 6px 7px;
line-height: 14px;
font-size: 12px;
margin: 0;
font-weight: bold;
float: left;
}
.mk-pagination .current-page {
color: #666666;
}
.mk-pagination .mk-total-pages {
float: right;
}
.mk-pagination .mk-pagination-next a,
.mk-pagination .mk-pagination-previous a {
float: left;
border: 1px solid #c2c2c2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2px 10px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#dedede));
background: -webkit-linear-gradient(top, #fdfdfd, #dedede);
background: -moz-linear-gradient(top, #fdfdfd, #dedede);
background: -ms-linear-gradient(top, #fdfdfd, #dedede);
background: -o-linear-gradient(top, #fdfdfd, #dedede);
background-color: #fdfdfd;
}
.mk-pagination .mk-pagination-next a:before,
.mk-pagination .mk-pagination-previous a:before {
color: #9f9f9f;
}
.mk-pagination .mk-pagination-next a:hover,
.mk-pagination .mk-pagination-previous a:hover {
border: 1px solid #a9a9a9;
}
.mk-pagination .mk-pagination-next a:hover:before,
.mk-pagination .mk-pagination-previous a:hover:before {
color: #616161;
}
.mk-pagination .mk-pagination-next a:before {
content: "\f054";
}
.mk-pagination .mk-pagination-previous a:before {
content: "\f053";
}
.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 0;
background-color: #dadada;
color: #777777 !important;
font-size: 14px;
display: block;
text-align: center;
padding: 15px 0;
line-height: 16px;
font-weight: bold;
position: relative;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0px 4px 0px 0px #bababa;
}
.mk-loadmore-button:active {
top: 2px;
box-shadow: 0px 2px 0px 0px #bababa;
}
.mk-loadmore-button:hover {
background-color: #cfcfcf;
}
.mk-loadmore-button i {
font-size: 16px;
}
.mk-loadmore-button .mk-left {
float: left;
padding-left: 20px;
}
.mk-loadmore-button .mk-right {
float: right;
padding-right: 20px;
}
.mk-loadmore-button #infscr-loading {
position: absolute;
right: 50px;
top: 14px;
}
.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: 30px;
}
.mk-blog-single .mk-blog-author,
.mk-blog-single .mk-post-date,
.mk-blog-single .mk-post-cat {
color: #999999;
font-weight: bold;
font-size: 11px;
display: inline-block;
}
.mk-blog-single article {
position: relative;
}
.mk-blog-single article .mk-classic-comments {
position: absolute;
left: -60px;
top: 0;
}
.mk-blog-single article .mk-classic-comments:active {
top: 2px;
}
.mk-blog-single article .mk-blog-share {
position: absolute;
top: 50px;
left: -60px;
}
.mk-blog-single article .mk-blog-share:active {
top: 52px;
}
.mk-blog-single article .single-share-buttons {
position: absolute;
top: 95px;
left: -70px;
display: none;
}
.mk-blog-single article .single-share-button {
display: block;
width: 70px;
}
.mk-blog-single article .single-share-button.mk-facebook {
margin-left: 4px;
}
.mk-blog-next-prev {
display: block;
margin-bottom: -10px;
}
.mk-blog-next-prev a {
float: left !important;
}
@media handheld, only screen and (max-width: 1140px) {
.single-share-buttons,
.mk-classic-comments,
.mk-blog-share {
position: relative !important;
top: auto !important;
left: auto !important;
}
.mk-classic-comments:active,
.mk-blog-share:active {
top: 2px !important;
}
.single-share-buttons {
margin: -10px 0 -10px 10px !important;
display: inline-block;
float: left;
}
.single-share-button {
display: inline-block;
width: 70px;
float: left;
}
.mk-blog-share-container {
margin-bottom: 20px;
display: block;
}
}
.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-style: solid;
border-bottom-width: 3px;
}
.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;
}
.mk-about-author-wrapper {
border-bottom: 3px 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;
}
.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 {
padding: 5px 4px;
margin-right: 5px;
line-height: 4px;
display: block;
}
.mk-about-author-wrapper .about-author-social li a:hover {
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.mk-about-author-wrapper .about-author-social li a i {
color: #fff;
}
.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;
}
.mk-single-audio {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-image: url(../../images/audio-post-bg.jpg);
padding: 20px;
}
.mk-single-audio img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: left;
}
.mk-single-audio .mk-audio-author {
margin-left: 8px;
color: #fff;
font-size: 11px;
text-transform: capitalize;
}
.similar-post-title {
font-size: 16px;
margin-bottom: 20px;
font-weight: bold;
}
.blog-similar-posts {
margin-bottom: 40px;
border-bottom: 3px solid #dddddd;
padding-bottom: 30px;
}
.blog-similar-posts ul {
list-style: none;
margin: 0 0 0 5px;
padding: 0;
}
.blog-similar-posts ul li {
margin: 0 10px 25px 0;
padding: 0;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #c4c4c4;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
overflow: hidden;
float: left;
min-height: 270px;
}
.blog-similar-posts ul li img {
position: relative;
}
@media handheld, only screen and (max-width: 500px) {
.blog-similar-posts li {
width: 100% !important;
}
.blog-similar-posts li img {
-webkit-backface-visibility: hidden;
width: 100% !important;
max-width: 100% !important;
}
}
.mk-blog-single.full-layout .blog-similar-posts ul li {
margin: 0 25px 25px 0;
}
.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;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.mk-similiar-thumbnail:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
}
.mk-similiar-thumbnail:hover .image-hover-overlay {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.mk-similiar-title {
padding: 15px;
display: block;
color: #666666;
font-weight: bold;
font-size: 12px;
}
.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.4);
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 #dbdbdb;
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 #dbdbdb;
-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 {
text-align: center;
color: #666666 !important;
}
.comment-form-info {
font-size: 11px;
margin-bottom: 5px;
text-transform: uppercase;
color: #9a9a9a;
}
.cancel-comment-reply {
margin: 5px 0;
text-transform: uppercase;
font-size: 11px;
}
form#commentform {
margin-bottom: 40px;
}
form#commentform .comment-textarea {
margin-bottom: 4px;
}
form#commentform .comment-textarea textarea {
width: 100%;
}
form#commentform input,
form#commentform textarea {
color: #8f8e8c;
padding: 9px;
border: 1px solid #dcdcdc;
-webkit-box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.06);
-moz-box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.06);
box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.06);
background-color: #fff;
}
form#commentform input:focus,
form#commentform textarea:focus {
background-color: #fff;
}
.bypostauthor .comment-content {
background-color: rgba(0, 0, 0, 0.03);
}
#respond {
margin-top: 50px;
position: relative;
}
#respond .respond-heading {
font-size: 16px;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
color: #666666;
}
.comment-form-row {
width: 33%;
display: inline-block;
margin-bottom: 7px;
}
.comment-form-row input {
width: 100%;
}
.comment-form-button {
float: left;
margin: 10px 0 0 0 !important;
}
.comments-back-top {
position: absolute;
right: 0;
bottom: 0;
font-size: 13px;
color: #999999;
}
.comments-back-top:hover {
color: #afafaf;
}
.comments-back-top i {
padding-right: 6px;
}
@media only screen and (max-width: 960px) {
.comment-form-row {
width: 100%;
margin-bottom: 7px;
}
form#commentform .comment-textarea textarea {
width: 100% !important;
margin-bottom: 6px;
}
}
.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: 30px;
padding-bottom: 20px;
border-bottom: 3px solid #dddddd;
}
#mk-filter-portfolio ul {
margin: 0;
padding: 0 0 0 20px;
list-style: none;
float: left;
display: inline-block;
}
#mk-filter-portfolio ul li {
display: inline-block;
float: left;
margin: 0 10px 0 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: #f0f0f0;
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid #e8e8e8;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.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-item {
float: left;
border: 1px solid rgba(0, 0, 0, 0.05);
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
background-clip: padding-box;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
background-color: #fff;
}
.mk-portfolio-item.portfolio-one-column {
width: 99.5%;
margin: 0 0 20px 0;
}
.mk-portfolio-item.portfolio-two-column {
width: 47%;
margin: 0 10px 20px 10px;
}
.mk-portfolio-item.portfolio-three-column {
width: 31%;
margin: 0 10px 20px 10px;
}
.mk-portfolio-item.portfolio-four-column {
width: 23%;
margin: 0 10px 20px 10px;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-portfolio-item.portfolio-four-column {
width: 31%;
}
}
@media handheld, only screen and (max-width: 960px) {
.mk-portfolio-item.portfolio-two-column,
.mk-portfolio-item.portfolio-three-column,
.mk-portfolio-item.portfolio-four-column {
width: 46%;
}
}
@media handheld, only screen and (max-width: 540px) {
.mk-portfolio-item {
width: 98% !important;
}
}
.mk-portfolio-item .featured-image {
position: relative;
overflow: hidden;
}
.mk-portfolio-item .featured-image img {
position: relative;
z-index: 10;
-webkit-backface-visibility: hidden;
}
.mk-portfolio-item .featured-image .image-hover-overlay {
z-index: 11;
}
.mk-portfolio-item .featured-image:hover .permalink-badge,
.mk-portfolio-item .featured-image:hover .mk-lightbox {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mk-portfolio-item .featured-image:hover .permalink-badge {
left: 50%;
}
.mk-portfolio-item .featured-image:hover .mk-lightbox {
right: 50%;
}
.mk-portfolio-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);
}
.mk-portfolio-item .permalink-badge,
.mk-portfolio-item .mk-lightbox {
position: absolute;
z-index: 20;
top: 50%;
margin-top: -20px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
padding: 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mk-portfolio-item .permalink-badge:hover,
.mk-portfolio-item .mk-lightbox:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.mk-portfolio-item .permalink-badge i,
.mk-portfolio-item .mk-lightbox i {
font-size: 20px;
color: #fff;
line-height: 20px;
margin-top: -2px;
}
.mk-portfolio-item .permalink-badge {
margin-left: -45px;
}
.mk-portfolio-item .mk-lightbox {
margin-right: -45px;
}
.portfolio-meta-wrapper {
padding: 20px;
}
.portfolio-meta-wrapper .the-title {
line-height: 18px !important;
margin-bottom: 8px;
}
.portfolio-meta-wrapper .the-title a {
font-size: 14px;
color: #333333;
line-height: 14px !important;
}
.portfolio-meta-wrapper .the-excerpt {
margin-top: 15px;
}
.mk-portfolio-orientation,
.mk-woocommerce-orientation {
float: right;
margin-top: 10px;
}
.mk-portfolio-orientation a,
.mk-woocommerce-orientation a {
display: block;
float: right;
padding: 14px 16px;
line-height: 11px;
background-color: #e1e1e1;
background-repeat: no-repeat;
background-image: url(../../images/portfolio-orientation.png);
margin-left: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
box-shadow: 0px 2px 0px 0px #bfbfbf;
}
.mk-portfolio-orientation a:active,
.mk-woocommerce-orientation a:active,
.mk-portfolio-orientation a.current,
.mk-woocommerce-orientation a.current {
top: 1px;
box-shadow: 0px 1px 0px 0px #bfbfbf;
}
.mk-list-view {
background-position: 7px 8px;
}
.mk-grid-view {
background-position: -77px -27px;
}
.left-layout .portfolio-three-column,
.right-layout .portfolio-three-column {
width: 47%;
}
.left-layout .portfolio-four-column,
.right-layout .portfolio-four-column {
width: 47%;
}
.mk-loop-next-prev a {
position: relative;
display: block;
background-color: #b8b8b8;
margin: 0 10px 0 0;
float: right;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0px 3px 0px 0px #9d9d9d;
padding: 8px 12px;
line-height: 12px;
}
.mk-loop-next-prev a i {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
color: #fff;
}
.mk-loop-next-prev a:active {
top: 2px;
box-shadow: 0px 1px 0px 0px #9d9d9d;
}
.mk-loop-next-prev a:hover {
background-color: #aeaeae;
}
.mk-portfolio-pagination {
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: 3px solid #dddddd;
}
.single-featured-image,
.mk-portfolio-video {
margin-bottom: 40px;
}
.portfolio-title {
display: inline-block;
margin-bottom: 0;
}
.portfolio-desc {
margin-bottom: 20px;
padding-right: 40px;
}
.portfolio-single-content {
margin-bottom: 40px;
}
.portfolio-similar-posts {
padding-top: 40px;
border-top: 3px solid #dddddd;
margin-bottom: 80px;
}
.portfolio-similar-posts .image-hover-overlay {
z-index: 11;
}
.portfolio-similar-posts ul {
margin: 0;
padding: 0;
list-style: none;
}
.portfolio-similar-posts ul li {
display: inline-block;
margin: 0 20px 20px 0;
}
.portfolio-similar-posts ul li .post-thumbnail {
position: relative;
overflow: hidden;
display: block;
}
.portfolio-similar-posts ul li .post-thumbnail:hover .permalink-badge,
.portfolio-similar-posts ul li .post-thumbnail:hover .mk-lightbox {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.portfolio-similar-posts ul li .post-thumbnail:hover .permalink-badge {
left: 50%;
}
.portfolio-similar-posts ul li .post-thumbnail:hover .mk-lightbox {
right: 50%;
}
.portfolio-similar-posts ul li .post-thumbnail:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
}
.portfolio-similar-posts ul li .post-thumbnail:hover .image-hover-overlay {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.portfolio-similar-posts ul li img {
position: relative;
z-index: 10;
-webkit-backface-visibility: hidden;
}
.portfolio-similar-posts .permalink-badge,
.portfolio-similar-posts .mk-lightbox {
position: absolute;
z-index: 20;
top: 50%;
margin-top: -20px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
padding: 7px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.portfolio-similar-posts .permalink-badge:hover,
.portfolio-similar-posts .mk-lightbox:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-similar-posts .permalink-badge i,
.portfolio-similar-posts .mk-lightbox i {
font-size: 16px;
color: #fff;
line-height: 16px;
}
.portfolio-similar-posts .permalink-badge {
margin-left: -41px;
}
.portfolio-similar-posts .mk-lightbox {
margin-right: -41px;
}
/* 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 {
color: #666666;
padding: 6px 6px 6px 0;
font-size: 50px;
margin: 5px 0 0 0;
}
.mk-dropcaps.fancy-style {
color: #fff;
}
/* Shortcode : Highlight
-------------------------------------------------------------------- */
.mk-highlight {
padding: 2px;
color: #fff;
margin: 0;
}
/* Shortcode : Skype Call Link
-------------------------------------------------------------------- */
.mk-skype-call {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
display: inline-block;
padding: 10px 20px 9px 14px;
line-height: 24px;
font-size: 14px;
font-weight: bold;
background-color: #ededed;
color: #333333;
border: 1px solid #cccccc;
-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 {
font-size: 24px;
line-height: 24px;
color: #01a8e9;
margin-right: 10px;
vertical-align: middle;
}
.mk-skype-call:hover {
background-color: #01a8e9;
color: #fff;
}
.mk-skype-call:hover i {
color: #fff;
}
/* Shortcode : Tooltip
-------------------------------------------------------------------- */
.mk-tooltip {
position: relative;
z-index: 100;
}
.mk-tooltip .tooltip-init {
cursor: help;
}
.mk-tooltip .tooltip-text {
position: absolute;
bottom: 28px;
left: 0;
max-width: 230px;
min-width: 140px;
padding: 12px;
color: #fff;
font-size: 11px;
line-height: 16px;
zoom: 1;
filter: alpha(opacity=0);
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;
left: 15px;
bottom: -5px;
display: block;
content: "";
width: 10px;
height: 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.mk-shortcode-heading.mk-fancy-title {
font-size: 14px !important;
font-weight: bold !important;
margin-bottom: 18px;
}
.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 {
margin-bottom: 6px;
font-weight: bold;
display: block;
line-height: 14px;
}
.mk-skill-meter .mk-progress-bar {
background-color: #dcdcdc;
background-color: rgba(0, 0, 0, 0.12);
position: relative;
height: 14px;
display: block;
}
.mk-skill-meter .mk-progress-bar .progress-outer {
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));
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.mk-skill-meter .mk-progress-bar .progress-inner {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
z-index: 1;
}
.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;
}
/* Charts
-------------------------------------------------------------------- */
.mk-chart {
position: relative;
text-align: center;
margin: 0 auto;
}
.mk-chart canvas {
z-index: 1;
position: absolute;
left: 0;
top: 0;
}
.mk-chart i,
.mk-chart .chart-custom-text,
.mk-chart .chart-percent {
position: absolute;
left: 0;
top: 0;
z-index: 10;
display: block;
text-align: center;
width: 100%;
color: #444;
}
.mk-chart .chart-custom-text {
font-size: 18px;
}
.mk-chart .chart-percent {
font-size: 16px;
font-weight: bold;
}
.mk-chart-desc {
font-size: 12px;
text-align: center;
display: block;
}
@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 {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
.mk-process-steps ul:before {
display: block;
position: absolute;
left: 80px;
content: "";
width: 85%;
height: 0;
border-top: 1px dashed #bbbbbb;
}
.mk-process-steps ul li {
margin: 0;
display: inline-block;
float: left;
}
.mk-process-steps ul li:hover i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
color: #fff;
}
.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 {
margin: 35px auto 20px;
display: inline-block;
position: relative;
font-size: 16px !important;
}
.mk-process-steps ul li p {
display: inline-block;
position: relative;
margin-bottom: 0;
}
.mk-process-icon {
position: relative;
overflow: hidden;
display: inline-block;
background-color: #fff;
-webkit-border-radius: 280px;
-moz-border-radius: 280px;
border-radius: 280px;
-webkit-box-shadow: 0 0 0 2px #bbbbbb;
-moz-box-shadow: 0 0 0 2px #bbbbbb;
box-shadow: 0 0 0 2px #bbbbbb;
-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;
}
.mk-process-icon:after {
display: none;
}
.mk-process-icon i {
color: #bbbbbb;
color: rgba(0, 0, 0, 0.24);
display: inline-block;
}
@-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 {
line-height: 230px;
font-size: 80px;
}
/* ======= */
/* 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 {
line-height: 180px;
font-size: 70px;
}
/* ======= */
/* 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 {
line-height: 140px;
font-size: 60px;
}
/* ======= */
@media handheld, only screen and (max-width: 960px) {
.mk-process-steps ul:before {
display: none !important;
}
.mk-process-steps li {
width: 100% !important;
margin-bottom: 30px !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 {
width: 50%;
float: left;
}
}
@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 {
width: 100%;
float: none;
}
}
/* Shortcode : Image
-------------------------------------------------------------------- */
.mk-image-shortcode {
position: relative;
margin-bottom: 10px;
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 {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
position: relative;
}
.mk-image-shortcode:hover .mk-image-overlay {
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.mk-image-shortcode:hover .mk-image-shortcode-lightbox {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
.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 {
background-color: #4c4c4c;
background-color: rgba(0, 0, 0, 0.4);
margin: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
color: #fff;
z-index: 10;
}
.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 {
font-weight: bold;
display: block;
font-size: 14px;
line-height: 18px;
}
.mk-image-shortcode.inside-image .mk-image-caption .mk-caption-desc {
margin-top: 5px;
font-size: 11px;
line-height: 18px;
display: block;
}
.mk-image-shortcode.outside-image .mk-image-caption {
margin: 10px 0;
}
.mk-image-shortcode.outside-image .mk-image-caption .mk-caption-title {
font-weight: bold;
display: block;
font-size: 14px;
line-height: 18px;
}
.mk-image-shortcode.outside-image .mk-image-caption .mk-caption-desc {
margin-top: 5px;
font-size: 11px;
line-height: 18px;
display: block;
font-style: italic;
}
.mk-image-overlay {
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.mk-image-shortcode-lightbox {
position: absolute;
left: 50%;
top: 50%;
margin: -35px 0 0 -35px;
z-index: 30;
cursor: pointer;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
padding: 24px 25px;
background-color: #fff;
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.mk-image-shortcode-lightbox:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mk-image-shortcode-lightbox i {
line-height: 22px;
color: #fff;
font-size: 22px;
}
.mk-image-shortcode-link {
position: absolute;
left: 0;
top: 0;
margin: 0;
z-index: 10;
width: 100%;
height: 100%;
}
@media handheld, only screen and (max-width: 480px) {
.inside-image .mk-image-caption {
display: none !important;
}
}
/* Shortcode : Circle Image Frame
-------------------------------------------------------------------- */
.mk-circle-image {
text-align: center;
}
.mk-circle-image span {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
overflow: hidden;
display: inline-block;
margin: 0 auto;
}
.mk-circle-image span a {
line-height: 4px;
display: inline-block;
}
/* Shortcode : Tables
-------------------------------------------------------------------- */
.mk-fancy-table {
margin-bottom: 20px;
overflow: hidden;
}
.mk-fancy-table table {
text-align: left;
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.mk-fancy-table th {
text-align: center;
padding: 18px 12px;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
color: #fff;
}
.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 {
text-align: center;
padding: 12px;
border-left: 1px solid #fff;
}
.mk-fancy-table.table-style2 {
border-bottom: 1px solid #dcdcdc;
}
.mk-fancy-table.table-style2 td {
text-align: center;
padding: 12px;
border-bottom: 1px solid #dcdcdc;
}
/* Shortcode : List Styles
-------------------------------------------------------------------- */
.mk-list-styles ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-list-styles ul li {
margin: 0;
padding: 0;
line-height: 26px;
}
.mk-list-styles ul li:before {
padding-right: 10px;
font-size: 14px;
line-height: 26px;
display: inline-block;
}
/* Shortcode : Message Boxes
-------------------------------------------------------------------- */
.mk-message-box {
display: block;
margin-bottom: 20px;
background-position: 15px center;
background-repeat: no-repeat;
border-style: solid;
border-width: 2px;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-message-box span {
display: block;
padding: 15px 15px 15px 65px;
text-align: left;
}
.mk-message-box .box-close-btn {
position: absolute;
right: 6px;
top: 0;
}
.mk-message-box.mk-comment-message-box {
background-image: url(../../images/box-comment-icon.png);
background-color: #eeeeee;
border-color: #dddddd;
}
.mk-message-box.mk-comment-message-box i {
color: #aaaaaa;
}
.mk-message-box.mk-info-message-box {
background-image: url(../../images/box-info-icon.png);
background-color: #d1eff8;
border-color: #afe0ee;
}
.mk-message-box.mk-info-message-box i {
color: #3ea3bc;
}
.mk-message-box.mk-error-message-box {
background-image: url(../../images/box-error-icon.png);
background-color: #fac6bf;
border-color: #fd8585;
}
.mk-message-box.mk-error-message-box i {
color: #de303a;
}
.mk-message-box.mk-confirm-message-box {
background-image: url(../../images/box-confirm-icon.png);
background-color: #b8f4d0;
border-color: #72dd9d;
}
.mk-message-box.mk-confirm-message-box i {
color: #20b66e;
}
.mk-message-box.mk-warning-message-box {
background-image: url(../../images/box-warning-icon.png);
background-color: #fbf1c8;
border-color: #e0c069;
}
.mk-message-box.mk-warning-message-box i {
color: #be9a34;
}
/* Shortcode : Button
-------------------------------------------------------------------- */
.mk-button {
position: relative;
display: inline-block;
margin-right: 10px;
margin-left: 0;
vertical-align: middle;
text-align: center;
cursor: pointer;
zoom: 1;
font-weight: bold;
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;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mk-button:hover {
color: #fff;
}
.mk-button.dark-color {
color: #585858;
color: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.mk-button.light-color {
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
color: #fff;
}
.mk-button.light-color:hover {
color: #fff !important;
}
.mk-button[type=submit],
.mk-button[type=button] {
border: none;
outline: none;
font-weight: 600;
}
.mk-button i {
margin: -4px 8px 0 0;
line-height: 4px !important;
}
.mk-button.large {
padding: 14px 26px;
font-size: 14px;
line-height: 100%;
}
.mk-button.large i {
font-size: 16px;
}
.mk-button.medium {
padding: 11px 22px;
font-size: 12px;
line-height: 100%;
}
.mk-button.medium i {
font-size: 14px;
}
.mk-button.small {
padding: 9px 14px;
font-size: 10px;
line-height: 100%;
}
.mk-button.small i {
font-size: 12px;
margin-top: -3px;
}
.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 {
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.8);
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));
}
.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 {
line-height: 100%;
outline: none;
border: none !important;
background: none;
}
button.mk-button::-moz-focus-inner {
border: none;
}
.mk-button-align {
display: inline-block;
}
.mk-button-align.right {
float: right;
}
.mk-button-align.center {
text-align: center;
display: block !important;
}
.mk-button-align.left {
text-align: left;
}
/* Shortcode : Contact Form 7
-------------------------------------------------------------------- */
.wpcf7-form p {
margin-bottom: 10px !important;
}
.wpcf7-form .wpcf7-textarea {
width: 60%;
}
div.wpcf7-response-output {
margin: 0;
padding: 15px 15px 15px 65px;
display: inline-block;
background-position: 15px center;
background-repeat: no-repeat;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
div.wpcf7-mail-sent-ok {
background-image: url(../../images/box-confirm-icon.png);
background-color: #b8f4d0;
border: 2px solid #72dd9d;
}
div.wpcf7-mail-sent-ng {
background-image: url(../../images/box-info-icon.png);
background-color: #d1eff8;
border: 2px solid #afe0ee;
}
div.wpcf7-spam-blocked {
background-image: url(../../images/box-error-icon.png);
background-color: #fac6bf;
border: 2px solid #fd8585;
}
div.wpcf7-validation-errors {
background-image: url(../../images/box-warning-icon.png);
background-color: #fbf1c8;
border: 2px solid #e0c069 ;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
position: absolute;
top: -3px;
right: 10px;
z-index: 30;
font-size: 12px;
color: #f00;
}
span.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 12px;
display: block;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
margin-bottom: 15px;
}
div.wpcf7 .placeheld {
color: #888;
}
.wpcf7-submit {
border: none;
outline: none;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin-right: 10px;
margin-bottom: 20px;
vertical-align: middle;
text-align: center;
cursor: pointer;
zoom: 1;
font-weight: bold;
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;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
color: #fff;
padding: 11px 35px;
text-transform: uppercase;
font-size: 12px;
line-height: 100%;
box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.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-left: auto;
margin-right: 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 {
border-top: 1px dashed #dadada;
border-bottom: 1px dashed #dadada;
height: 5px;
}
.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 {
background-image: url(../../images/shadow-divider.png);
background-repeat: no-repeat;
height: 7px;
width: 50%;
display: inline-block;
}
.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 {
height: 12px;
position: relative;
}
.mk-divider[class*='go_top'] .divider-inner:before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #e5e5e5;
background-color: rgba(0, 0, 0, 0.1);
left: 0;
top: 6px;
z-index: 3;
}
.mk-divider[class*='go_top'] .divider-inner .divider-go-top {
position: absolute;
right: 0;
top: -6px;
float: right;
z-index: 4;
line-height: 12px;
font-size: 11px;
padding-left: 6px;
color: #585858;
}
.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;
}
/* Shortcode : Full Width Box
-------------------------------------------------------------------- */
.mk-fullwidth-boxed {
display: block;
padding: 30px;
position: relative;
}
/* Shortcode : Container Box
-------------------------------------------------------------------- */
.mk-content-box {
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;
border: 1px solid #dbdbdb;
margin-bottom: 20px;
overflow: hidden;
}
.mk-content-box .content-box-heading {
background-color: #f5f5f5;
padding: 10px 15px;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #dbdbdb;
display: block;
}
.mk-content-box .content-box-heading i:before {
font-size: 20px;
line-height: 12px;
padding-right: 6px;
margin-top: -2px;
vertical-align: middle;
}
.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-size: 14px;
line-height: 18px;
font-weight: bold;
}
.mk-slideshow-shortcode:hover .flex-direction-nav .flex-next,
.mk-slideshow-shortcode:hover .flex-direction-nav .flex-prev {
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.mk-slideshow-shortcode .flex-direction-nav .flex-next,
.mk-slideshow-shortcode .flex-direction-nav .flex-prev {
width: 32px;
height: 32px;
top: 50%;
margin-top: -10px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
zoom: 1;
filter: alpha(opacity=0);
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);
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mk-slideshow-shortcode .flex-direction-nav .flex-next i,
.mk-slideshow-shortcode .flex-direction-nav .flex-prev i {
position: absolute;
left: 4px;
top: 8px;
font-size: 18px;
color: #fff;
}
.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 {
display: block;
bottom: 10px;
}
.mk-slideshow-shortcode .flex-control-nav li a {
width: 6px;
height: 14px;
display: block;
padding: 0;
}
.mk-slideshow-shortcode .flex-control-nav li a i {
font-size: 12px;
color: #fff;
}
.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 : Laptop Slideshow
-------------------------------------------------------------------- */
.mk-laptop-slideshow-shortcode {
text-align: center;
margin: 0 auto 20px;
width: 100%;
}
.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 {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mk-laptop-slideshow-shortcode:hover .flex-prev {
left: 0px;
}
.mk-laptop-slideshow-shortcode:hover .flex-next {
right: 0px;
}
.mk-laptop-slideshow-shortcode .mk-flex-slides {
text-align: center;
}
.mk-laptop-slideshow-shortcode .flex-direction-nav a {
position: absolute;
top: 50%;
margin-top: -16px;
z-index: 60;
zoom: 1;
filter: alpha(opacity=0);
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;
font-size: 48px;
text-shadow: -1px -1px 1px #999999;
}
.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;
left: 0;
top: 0;
z-index: 50;
}
.span10 .full-laptop .mk-flex-slides {
padding: 12px 130px 20px 130px;
}
.span8 .full-laptop .mk-flex-slides {
padding: 12px 105px 20px 105px;
}
.span6 .full-laptop .mk-flex-slides {
padding: 10px 90px 20px 90px;
}
.span6 .full-laptop .mk-icon-chevron-left:before,
.span6 .full-laptop .mk-icon-chevron-right:before {
font-size: 32px !important;
}
.span4 .full-laptop .mk-flex-slides,
.span4 .one-half-laptop .mk-flex-slides {
padding: 10px 60px 20px 60px;
}
.span4 .full-laptop .mk-icon-chevron-left:before,
.span4 .one-half-laptop .mk-icon-chevron-left:before,
.span4 .full-laptop .mk-icon-chevron-right:before,
.span4 .one-half-laptop .mk-icon-chevron-right:before {
font-size: 24px !important;
}
.span3 .full-laptop .mk-flex-slides,
.span3 .one-half-laptop .mk-flex-slides,
.span3 .one-third-laptop .mk-flex-slides {
padding: 2px 43px 15px 43px;
}
.span3 .full-laptop .mk-icon-chevron-left:before,
.span3 .one-half-laptop .mk-icon-chevron-left:before,
.span3 .one-third-laptop .mk-icon-chevron-left:before,
.span3 .full-laptop .mk-icon-chevron-right:before,
.span3 .one-half-laptop .mk-icon-chevron-right:before,
.span3 .one-third-laptop .mk-icon-chevron-right:before {
font-size: 24px !important;
}
.span3 .one-third-laptop .mk-flex-slides {
padding: 7px 38px 15px 38px;
}
.span3 .one-third-laptop .mk-icon-chevron-left:before,
.span3 .one-third-laptop .mk-icon-chevron-right:before {
font-size: 16px !important;
}
.span2 .full-laptop .mk-flex-slides,
.span2 .one-half-laptop .mk-flex-slides,
.span2 .one-third-laptop .mk-flex-slides,
.span2 .one-fourth-laptop .mk-flex-slides {
padding: 2px 23px 15px 23px;
}
.span2 .full-laptop .mk-icon-chevron-left:before,
.span2 .one-half-laptop .mk-icon-chevron-left:before,
.span2 .one-third-laptop .mk-icon-chevron-left:before,
.span2 .one-fourth-laptop .mk-icon-chevron-left:before,
.span2 .full-laptop .mk-icon-chevron-right:before,
.span2 .one-half-laptop .mk-icon-chevron-right:before,
.span2 .one-third-laptop .mk-icon-chevron-right:before,
.span2 .one-fourth-laptop .mk-icon-chevron-right:before {
font-size: 16px !important;
}
/* Shortcode : LCD Slideshow
-------------------------------------------------------------------- */
.mk-lcd-slideshow {
text-align: center;
margin: 0 auto 120px;
width: 100%;
}
.mk-lcd-slideshow:hover .flex-direction-nav a {
zoom: 1;
filter: alpha(opacity=70);
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%;
margin-top: -16px;
z-index: 60;
width: 38px;
height: 38px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
zoom: 1;
filter: alpha(opacity=0);
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 {
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
position: absolute;
left: 13px;
top: 12px;
font-size: 16px;
color: #fff;
}
.mk-lcd-slideshow .flex-prev {
left: 70px !important;
}
.mk-lcd-slideshow .flex-next {
right: 70px !important;
}
.mk-lcd-image {
position: absolute;
left: 0;
top: 0;
z-index: 50;
}
.span8 .mk-lcd-slideshow {
margin: 0 auto 70px;
}
.span8 .mk-lcd-slideshow .mk-flex-slides {
padding: 15px 10px 100px 10px;
}
.span8 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -48px;
}
.span6 .mk-lcd-slideshow {
margin: 0 auto 50px;
}
.span6 .mk-lcd-slideshow .mk-flex-slides {
padding: 15px 5px 80px 5px;
}
.span6 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px;
}
.span4 .mk-lcd-slideshow {
margin: 0 auto 50px;
}
.span4 .mk-lcd-slideshow .mk-flex-slides {
padding: 10px 5px 80px 5px;
}
.span4 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px;
}
.span3 .mk-lcd-slideshow {
margin: 0 auto 60px;
}
.span3 .mk-lcd-slideshow .mk-flex-slides {
padding: 5px 0px 50px 0px;
}
.span3 .mk-lcd-slideshow .flex-direction-nav a {
margin-top: -28px;
}
.span2 .mk-lcd-slideshow {
margin: 0 auto 40px;
}
.span2 .mk-lcd-slideshow .mk-flex-slides {
padding: 3px 0px 40px 0px;
}
.span2 .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.align-left {
float: left;
}
.mk-blockquote.align-right {
float: right;
}
.mk-blockquote.align-left {
float: none;
clear: both;
}
.mk-blockquote.quote-style {
background-color: #f6f6f6;
background-color: rgba(0, 0, 0, 0.05);
padding: 20px 20px 20px 70px;
}
.mk-blockquote.quote-style:before {
position: absolute;
content: "\f10d";
display: block;
color: #dddddd;
color: rgba(0, 0, 0, 0.1);
left: 20px;
top: 20px;
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 {
padding: 20px;
margin-bottom: 20px;
position: relative;
}
.mk-testimonial .mk-testimonial-content p {
margin: 0;
line-height: 20px;
}
.mk-testimonial .mk-testimonial-author {
font-weight: bold;
font-size: 13px;
line-height: 11px;
margin-bottom: 5px;
}
.mk-testimonial .mk-testimonial-company {
display: block;
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
font-size: 11px;
line-height: 14px;
}
.mk-testimonial .flex-direction-nav a {
zoom: 1;
filter: alpha(opacity=40);
opacity: 0.4;
color: #878787;
}
.mk-testimonial .flex-direction-nav a:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mk-testimonial.boxed-style .mk-testimonial-content {
background-color: #fafafa;
border: 1px solid #ededed;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-testimonial.boxed-style .mk-testimonial-content:before {
position: absolute;
display: block;
content: "";
bottom: -7px;
left: 35px;
width: 14px;
height: 14px;
background-color: #fafafa;
border: 1px solid #ededed;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-left: none;
border-top: none;
}
.mk-testimonial.boxed-style .flex-direction-nav .flex-next {
bottom: 30px;
right: 0 !important;
margin: 0;
}
.mk-testimonial.boxed-style .flex-direction-nav .flex-prev {
bottom: 30px;
right: 15px !important;
}
.mk-testimonial.simple-style {
text-align: center;
padding: 10px 35px 0;
}
.mk-testimonial.simple-style .mk-testimonial-author {
font-size: 14px;
}
.mk-testimonial.simple-style .mk-testimonial-company {
font-size: 12px;
}
.mk-testimonial.simple-style .mk-icon-quote-left,
.mk-testimonial.simple-style .mk-icon-quote-right {
position: absolute;
color: #eeeeee;
font-size: 50px;
}
.mk-testimonial.simple-style .mk-testimonial-content {
margin-bottom: 0;
}
.mk-testimonial.simple-style .mk-icon-quote-left {
left: 0;
top: 20px;
}
.mk-testimonial.simple-style .mk-icon-quote-right {
right: 0;
top: 40px;
}
.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;
}
/* Shortcode : Tabs
-------------------------------------------------------------------- */
.mk-tabs {
margin-bottom: 20px;
/* Vertical Style */
}
.mk-tabs .mk-tabs-tabs {
margin: 0 0 -1px 0 !important;
position: relative;
z-index: 10;
}
.mk-tabs .mk-tabs-tabs li {
margin: 0;
position: relative;
padding: 0;
display: inline;
float: left;
border: 1px solid #e5e5e5;
border-left: none;
background-color: #ebebeb;
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;
padding: 10px 20px;
cursor: pointer;
}
.mk-tabs .mk-tabs-tabs li:first-child {
border-left: 1px solid #e5e5e5;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
}
.mk-tabs .mk-tabs-tabs li:last-of-type {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
.mk-tabs .mk-tabs-tabs li: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-tabs .mk-tabs-tabs li:hover i {
color: #868686 !important;
}
.mk-tabs .mk-tabs-tabs li.tab-with-icon {
padding: 10px 20px 10px 14px !important;
line-height: 22px;
}
.mk-tabs .mk-tabs-tabs li.tab-with-icon i {
font-size: 20px;
margin-right: 8px;
color: #b9b9b9;
}
.mk-tabs .mk-tabs-tabs li.current {
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;
border-bottom: none !important;
padding-bottom: 11px !important;
}
.mk-tabs .mk-tabs-tabs li a {
font-weight: bold;
font-size: 13px;
color: #444444;
display: block;
line-height: 24px;
margin: 0;
white-space: nowrap;
}
.mk-tabs .mk-tabs-panes {
position: relative;
z-index: 1;
margin: 0;
border: 1px solid #e5e5e5;
}
.mk-tabs .mk-tabs-panes .mk-tabs-pane {
padding: 25px 25px 20px;
position: relative;
z-index: 8;
}
.mk-tabs.vertical-style .mk-tabs-tabs {
margin: 0 -1px 0 0 !important;
float: left;
width: 25%;
border: 1px solid #e5e5e5;
border-right: none;
border-bottom: none;
}
.mk-tabs.vertical-style .mk-tabs-tabs li {
display: block;
float: none;
border: 1px solid #e5e5e5;
border-left: none;
border-top: none;
}
.mk-tabs.vertical-style .mk-tabs-tabs li:last-of-type {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.mk-tabs.vertical-style .mk-tabs-tabs li.current {
border-right: 1px solid #fff;
border-bottom: 1px solid #e5e5e5 !important;
padding-right: 21px !important;
}
.mk-tabs.vertical-style .mk-tabs-tabs li a {
white-space: normal;
}
.mk-tabs.vertical-style .mk-tabs-panes {
width: 75%;
float: left;
border: none;
border: 1px solid #e5e5e5;
}
.mk-tabs.vertical-style.vertical-right .mk-tabs-tabs {
margin: 0 0 0 -1px !important;
float: right;
}
.mk-tabs.vertical-style.vertical-right .mk-tabs-tabs li {
border: 1px solid #e5e5e5;
border-left: none;
border-top: none;
}
.mk-tabs.vertical-style.vertical-right .mk-tabs-tabs li.current {
border-left: 1px solid #fff !important;
border-bottom: 1px solid #e5e5e5 !important;
margin-left: -1px !important;
}
.mk-tabs.vertical-style.vertical-right .mk-tabs-panes {
float: right;
}
@media handheld, only screen and (max-width: 600px) {
.mk-tabs.vertical-style .mk-tabs-panes {
width: 60%;
}
.mk-tabs.vertical-style .mk-tabs-tabs {
width: 40%;
}
.mk-tabs.horizental .mk-tabs-tabs {
border-bottom: 1px solid #e5e5e5;
}
.mk-tabs.horizental .mk-tabs-tabs li {
float: none;
display: block;
border-left: 1px solid #e5e5e5;
border-bottom: none;
}
.mk-tabs.horizental .mk-tabs-tabs li.current {
padding-bottom: 10px !important;
}
}
/* Shortcode : Accordion
-------------------------------------------------------------------- */
.mk-accordion {
margin-bottom: 20px;
}
.mk-accordion.fancy-style {
border-bottom: 1px solid #ececec;
}
.mk-accordion.fancy-style .mk-accordion-single {
background-color: #fff;
border: 1px solid #ececec;
border-bottom: 0;
overflow: hidden;
}
.mk-accordion.fancy-style .mk-accordion-tab {
font-size: 13px;
padding: 9px 30px 9px 15px;
line-height: 22px;
position: relative;
color: #222;
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;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.mk-accordion.fancy-style .mk-accordion-tab i {
font-size: 24px;
margin-right: 15px;
color: #b9b9b9;
}
.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 {
padding: 3px 6px 2px;
line-height: 16px;
display: block;
position: absolute;
right: 14px;
top: 50%;
margin-top: -9px;
color: #adadad;
content: "\f054";
font-size: 12px !important;
}
.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 {
padding: 20px;
display: none;
}
.mk-accordion.simple-style .mk-accordion-tab {
font-size: 13px;
padding: 8px 25px 8px 23px;
position: relative;
color: #222;
cursor: pointer;
border-bottom: 1px solid #ececec;
}
.mk-accordion.simple-style .mk-accordion-tab i {
display: none;
}
.mk-accordion.simple-style .mk-accordion-tab:before {
padding: 3px 6px 2px;
line-height: 12px;
display: block;
position: absolute;
left: -4px;
top: 11px;
content: "\f054";
color: #adadad;
font-size: 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);
}
.mk-accordion.simple-style .mk-accordion-pane {
padding: 10px;
border-bottom: 1px solid #ececec;
background-color: #fff;
display: none;
}
.mk-accordion.toggle-action .mk-accordion-pane {
display: none;
}
/* Shortcode : Accordion
-------------------------------------------------------------------- */
.mk-toggle {
margin: 0;
}
.mk-toggle.fancy-style {
border: 1px solid #ececec;
margin-bottom: 3px;
}
.mk-toggle.fancy-style .mk-toggle-title {
display: block;
font-size: 13px;
padding: 9px 30px 9px 15px;
line-height: 22px;
position: relative;
color: #222;
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 i {
font-size: 24px;
margin-right: 15px;
color: #b9b9b9;
}
.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 {
padding: 3px 6px 2px;
line-height: 16px;
display: block;
position: absolute;
right: 10px;
top: 10px;
content: "\f054";
font-size: 12px !important;
}
.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 {
display: block;
font-size: 13px;
padding: 8px 25px 8px 23px;
position: relative;
color: #444444;
cursor: pointer;
}
.mk-toggle.simple-style .mk-toggle-title i {
display: none;
}
.mk-toggle.simple-style .mk-toggle-title:before {
padding: 3px 6px 2px;
line-height: 12px;
display: block;
position: absolute;
left: -4px;
top: 11px;
content: "\f054";
color: #adadad;
font-size: 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;
padding-bottom: 56.25%;
height: 0;
margin-bottom: 20px;
}
.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 {
display: inline-block;
margin: 0 10px 10px 0;
position: relative;
z-index: 5;
}
.mk-flickr-feeds-shortcode .flickr_badge_image a img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
/* Shortcode : Contact Form
-------------------------------------------------------------------- */
.mk-contact-form-shortcode {
margin-bottom: 20px;
position: relative;
}
.mk-contact-form-shortcode .mk-form-row {
position: relative;
margin-bottom: 10px;
}
.mk-contact-form-shortcode .mk-form-row i {
position: absolute;
left: 10px;
top: 10px;
color: #6c6c6c;
}
.mk-contact-form-shortcode .mk-form-row i:before {
font-size: 16px;
}
.mk-contact-form-shortcode .mk-form-row .text-input {
width: 70%;
padding: 8px 10px 8px 45px;
background-color: #fff;
background-image: url(../../images/contact-inputs-bg.png);
background-position: left top;
background-repeat: repeat-y;
}
.mk-contact-form-shortcode .mk-form-row .mk-textarea {
background-color: #fff;
padding: 10px 10px 10px 45px;
height: 230px;
width: 100%;
background-image: url(../../images/contact-inputs-bg.png);
background-position: left top;
background-repeat: repeat-y;
}
.mk-contact-form-shortcode .mk-form-row button {
margin-top: 10px;
padding: 11px 24px 9px;
font-weight: bold;
font-size: 12px;
}
.mk-contact-loading {
display: none;
position: absolute;
right: 0;
bottom: 30px;
font-size: 24px;
width: 24px;
height: 24px;
color: #c3c3c3;
}
.mk-contact-success {
display: none;
position: absolute;
right: 0;
bottom: 30px;
font-size: 24px;
width: 24px;
height: 24px;
color: #90b64d;
}
.mk-invalid-input {
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 {
width: 100% !important;
float: none !important;
margin-bottom: 6px;
}
.mk-contact-form-shortcode button {
display: block;
width: 100%;
}
}
/* Shortcode : Social Networks
-------------------------------------------------------------------- */
.mk-social-network-shortcode {
padding: 0;
margin: 10px 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 {
border-top: none !important;
margin-bottom: 0 !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 {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #dbdbdb;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.filter-faq ul li {
margin: 0;
display: inline-block;
text-transform: capitalize;
border-left: 1px solid #dbdbdb;
}
.filter-faq ul li:first-child {
border: none !important;
}
.filter-faq ul li a {
padding: 16px 20px;
line-height: 12px;
font-size: 12px;
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);
background-color: #fbfbfb;
color: #333333;
display: block;
}
.filter-faq ul li a:hover {
background-color: #f1f1f1;
background-image: none !important;
}
.filter-faq ul li a.current {
background-image: none !important;
background-color: #e9e9e9;
-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: 800px) {
.filter-faq ul {
display: block !important;
}
.filter-faq ul li {
display: block !important;
border-left: none !important;
border-top: 1px solid #dbdbdb;
}
}
/* 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.simple-style span {
background: transparent !important;
}
.mk-title-box {
line-height: 100%;
}
.mk-title-box span {
padding: 4px 0;
}
/* Shortcode : Portfolio Carousel
-------------------------------------------------------------------- */
.mk-portfolio-carousel .mk-fancy-title {
font-size: 14px !important;
font-weight: bold !important;
margin-right: 35px;
}
.mk-portfolio-carousel .mk-fancy-title span {
padding-right: 5px;
}
.mk-portfolio-carousel .mk-portfolio-view-all {
float: right;
font-size: 11px;
padding: 0 7px;
}
.mk-portfolio-carousel .flex-viewport ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-portfolio-carousel .flex-viewport ul li {
padding-right: 15px;
position: relative;
min-height: 230px;
}
.mk-portfolio-carousel .flex-viewport ul li:hover .portfolio-carousel-extra-info {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
z-index: 30;
}
.mk-portfolio-carousel .flex-viewport ul li:hover .portfolio-carousel-overlay {
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
}
.mk-portfolio-carousel .flex-viewport ul li:hover .portfolio-carousel-lightbox {
left: 95px;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mk-portfolio-carousel .flex-viewport ul li:hover .portfolio-carousel-permalink {
right: 95px;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mk-portfolio-carousel .flex-viewport ul li: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-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;
left: 0;
top: 0;
width: 100%;
height: 100%;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.portfolio-carousel-lightbox,
.portfolio-carousel-permalink {
position: absolute;
top: 40%;
background-color: rgba(0, 0, 0, 0.5);
padding: 4px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.portfolio-carousel-lightbox:hover,
.portfolio-carousel-permalink:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-carousel-lightbox i,
.portfolio-carousel-permalink i {
font-size: 16px;
color: #fff;
line-height: 16px;
}
.portfolio-carousel-lightbox {
left: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.portfolio-carousel-permalink {
right: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.portfolio-carousel-extra-info {
width: 240px;
background-color: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: 8;
text-align: center;
padding: 10px;
margin: -40px 0 0 10px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
position: relative;
}
.portfolio-carousel-title {
font-size: 12px;
font-weight: bold;
color: #fff !important;
line-height: 16px !important;
display: inline-block;
}
.portfolio-carousel-cats {
display: block;
line-height: 16px;
}
/* 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 {
-webkit-border-radius: 256px;
-moz-border-radius: 256px;
border-radius: 256px;
text-align: center;
}
.mk-font-icons i.mk-size-small {
font-size: 16px;
}
.mk-font-icons i.mk-size-small.circle-enabled {
font-size: 12px;
width: 16px;
height: 16px;
line-height: 16px;
padding: 3px;
}
.mk-font-icons i.mk-size-medium {
font-size: 32px;
}
.mk-font-icons i.mk-size-medium.circle-enabled {
font-size: 20px;
width: 32px;
height: 32px;
line-height: 32px;
padding: 3px;
}
.mk-font-icons i.mk-size-large {
font-size: 48px;
}
.mk-font-icons i.mk-size-large.circle-enabled {
font-size: 28px;
width: 48px;
height: 48px;
line-height: 48px;
}
.mk-font-icons i.mk-size-x-large {
font-size: 64px;
}
.mk-font-icons i.mk-size-x-large.circle-enabled {
font-size: 34px;
width: 64px;
height: 64px;
line-height: 64px;
}
.mk-font-icons i.mk-size-xx-large {
font-size: 128px;
}
.mk-font-icons i.mk-size-xx-large.circle-enabled {
font-size: 70px;
width: 128px;
height: 128px;
line-height: 128px;
}
.mk-font-icons i.mk-size-xxx-large {
font-size: 256px;
}
.mk-font-icons i.mk-size-xxx-large.circle-enabled {
font-size: 160px;
width: 256px;
height: 256px;
line-height: 256px;
}
/* Shortcode : Blog Showcase
-------------------------------------------------------------------- */
.mk-blog-showcase {
padding: 30px 0;
}
.mk-blog-showcase ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
display: block;
overflow: hidden;
}
.mk-blog-showcase ul li {
margin: 0;
padding: 0 10px 0 0;
position: relative;
display: inline-block;
float: left;
}
@media handheld, only screen and (max-width: 1140px) {
.mk-blog-showcase ul li {
float: none !important;
display: block !important;
width: 100%;
margin-bottom: 20px;
}
.mk-blog-showcase ul li .blog-showcase-extra-info {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@media handheld, only screen and (max-width: 600px) {
.mk-blog-showcase ul li {
float: none !important;
display: block !important;
padding: 0 !important;
margin-bottom: 15px;
}
.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 {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.mk-blog-showcase ul li.mk-blog-first-el .mk-blog-showcase-thumb {
border-right: none;
}
.showcase-blog-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
z-index: 30;
}
.mk-blog-showcase-thumb {
position: relative;
overflow: hidden;
z-index: 20;
margin-bottom: 5px;
width: 270px;
height: 180px;
}
.mk-blog-showcase-thumb:hover .showcase-blog-overlay {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.mk-blog-showcase-thumb:hover a {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.mk-blog-showcase-thumb a {
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
z-index: 40;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
}
.mk-blog-showcase-thumb a i {
font-size: 24px;
color: #fff;
position: absolute;
left: 15px;
top: 18px;
-webkit-backface-visibility: hidden;
}
.blog-showcase-extra-info {
width: 250px;
height: 180px;
z-index: 10;
padding-left: 10px;
margin: 0;
position: absolute;
left: 270px;
top: 2px;
overflow: hidden;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.blog-showcase-extra-info time {
display: block;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left: none;
border-right: none;
margin-bottom: 5px;
line-height: 24px;
}
.blog-showcase-extra-info time a {
font-size: 10px;
color: #999999;
}
.blog-showcase-title {
font-size: 13px;
font-weight: bold;
line-height: 20px !important;
display: inline-block;
margin-bottom: 0px;
color: #333333;
}
.blog-showcase-more {
font-size: 12px;
text-decoration: underline;
}
/* Shortcode : Blog Carousel
-------------------------------------------------------------------- */
.mk-blog-carousel {
margin-bottom: 20px;
}
.mk-blog-carousel .mk-fancy-title {
font-size: 14px !important;
font-weight: bold !important;
margin-right: 35px;
}
.mk-blog-carousel .mk-fancy-title span {
padding-right: 5px;
}
.mk-blog-carousel .mk-blog-view-all {
float: right;
font-size: 11px;
padding: 0 7px;
}
.mk-blog-carousel .flex-viewport ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-blog-carousel .flex-viewport ul li {
padding-right: 25px;
position: relative;
}
.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 {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.mk-blog-carousel .flex-viewport ul li:hover .post-type-badge {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(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;
left: 0;
top: 0;
width: 100%;
height: 100%;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.blog-carousel-title {
padding: 15px;
font-size: 14px !important;
font-weight: bold;
line-height: 20px !important;
display: inline-block;
text-transform: none !important;
margin-bottom: 0 !important;
}
/* 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 {
padding: 0 17px 0 0;
position: relative;
}
.mk-clients-shortcode .mk-fancy-title {
font-size: 14px !important;
font-weight: bold !important;
margin-right: 38px;
}
.mk-clients-shortcode .mk-fancy-title span {
padding-right: 5px;
}
.mk-clients-shortcode .client-logo {
width: 170px;
display: block;
position: relative;
border-style: solid;
border-width: 1px;
background-repeat: no-repeat;
background-position: center center;
}
.mk-clients-shortcode .client-logo:hover {
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.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;
}
/* Shortcode : Icon Box
-------------------------------------------------------------------- */
.mk-box-icon {
position: relative;
-webkit-backface-visibility: hidden;
}
.mk-box-icon p {
margin-bottom: 0;
position: relative;
}
.mk-box-icon .icon-box-readmore {
float: right;
margin: 10px 15px 10px 0;
position: relative;
}
.mk-box-icon .icon-box-readmore i:before {
font-size: 14px;
line-height: 14px;
vertical-align: middle;
padding-left: 4px;
position: relative;
}
.mk-box-icon.simple_minimal-style.span4 {
padding-right: 10px;
}
.mk-box-icon.simple_minimal-style .mk-main-ico {
font-size: 32px;
line-height: 16px;
margin-right: 12px;
display: inline-block;
}
.mk-box-icon.simple_minimal-style .circled-icon {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
text-align: center;
font-size: 16px;
width: 36px;
height: 36px;
line-height: 36px;
}
.mk-box-icon.simple_minimal-style h4 {
margin-bottom: 15px !important;
}
.mk-box-icon.boxed-style .icon-box-boxed {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e0e0e0;
background-color: #f4f4f4;
text-align: center;
position: relative;
z-index: 10;
}
.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 {
left: 50%;
top: -34px;
margin-left: -32px;
}
.mk-box-icon.boxed-style .icon-box-boxed.left {
text-align: left;
margin-left: 30px;
padding: 30px 30px 30px 60px;
}
.mk-box-icon.boxed-style .icon-box-boxed.left .mk-main-ico {
left: -34px;
top: 50%;
margin-top: -34px;
}
.mk-box-icon.boxed-style .icon-box-readmore {
float: none;
display: inline-block;
}
.mk-box-icon.boxed-style h4 {
margin-bottom: 20px;
color: #222 !important;
}
.mk-box-icon.boxed-style .mk-main-ico {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #fff;
text-align: center;
display: block;
position: absolute;
font-size: 32px;
width: 65px;
height: 65px;
line-height: 65px;
z-index: 20;
}
.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: 25px;
}
.mk-box-icon.simple_ultimate-style .top-side .icon-box-readmore {
float: none;
display: inline-block;
}
.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;
}
/* Shortcode : Mini Callout Box
-------------------------------------------------------------------- */
.mk-mini-callout {
background-color: #f6f6f6;
border: 1px solid #dbdbdb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
-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);
padding: 10px 15px;
margin-bottom: 20px;
}
.mk-mini-callout .callout-title {
font-weight: bold;
color: #333333;
padding-right: 6px;
}
.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 {
max-width: auto !important;
width: auto !important;
height: auto;
margin: 0 auto !important;
}
.mk-fullwidth-slideshow .flex-direction-nav a {
width: 38px;
height: 38px;
top: 50%;
margin-top: -20px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-fullwidth-slideshow .flex-direction-nav a i {
position: absolute;
left: 8px;
top: 12px;
font-size: 16px;
color: #fff;
}
.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 {
margin: 0 1% 2% 1%;
float: left;
display: block;
position: relative;
overflow: hidden;
}
.mk-gallery-shortcode article.gallery-one-column {
width: 100%;
margin: 0 0 20px;
}
.mk-gallery-shortcode article.gallery-two-column {
width: 48%;
}
.mk-gallery-shortcode article.gallery-three-column {
width: 31.3%;
}
.mk-gallery-shortcode article.gallery-four-column {
width: 23%;
}
.mk-gallery-shortcode article.gallery-five-column {
width: 18%;
}
.mk-gallery-shortcode article.gallery-six-column {
width: 14.6%;
}
.mk-gallery-shortcode article.gallery-seven-column {
width: 12.26%;
}
.mk-gallery-shortcode article.gallery-eight-column {
width: 10.5%;
}
.mk-gallery-shortcode article:hover .image-hover-overlay {
zoom: 1;
filter: alpha(opacity=40);
opacity: 0.4;
}
.mk-gallery-shortcode article:hover .mk-image-shortcode-lightbox {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.mk-gallery-shortcode article .gallery-inner {
display: block;
}
.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;
width: 100%;
height: 100%;
z-index: 10;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.mk-gallery-shortcode article .mk-image-shortcode-lightbox {
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
}
@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 {
width: 46%;
}
}
@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 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
border: 2px solid rgba(0, 0, 0, 0.06);
}
.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);
}
/* Shortcode : Page Serction
-------------------------------------------------------------------- */
.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-tweet-shortcode li {
padding-left: 25px !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.mk-tweet-shortcode li:before {
left: 0;
top: 12px;
}
.mk-single-audio.mk-shortcode {
margin-bottom: 30px;
}
.mk-employees {
margin-bottom: 10px;
}
.mk-employees ul {
margin: 0;
padding: 0;
list-style: none;
}
.mk-employees.simple-style.one-column .mk-employee-item {
width: 100%;
padding:0px;
}
.mk-employees.simple-style.two-column .mk-employee-item {
width: 48%;
padding: 0 40px 50px;
}
.mk-employees.simple-style.three-column .mk-employee-item {
width: 31%;
padding: 0 30px 40px;
}
.mk-employees.simple-style.four-column .mk-employee-item {
width: 23%;
padding: 0 20px 30px;
}
.mk-employees.simple-style.five-column .mk-employee-item {
width: 18%;
padding: 0 0px 20px;
}
.mk-employees.simple-style .mk-employee-item {
text-align: left;
display: inline-block;
float: left;
}
.mk-employees.simple-style .mk-employee-item .team-thumbnail {
border-width: 1px;
border-style: solid;
border-color: transparent;
}
.mk-employees.simple-style .mk-employee-item .team-thumbnail {
height: 185px!important;
}
.mk-employees.simple-style .mk-employee-item .team-member-name {
color: #333333;
}
.mk-employees.simple-style .mk-employee-item .team-thumbnail {
float: left;
margin-right: -20px;
}
.mk-employees.simple-style .mk-employee-item .team-member-position {
color: #999999;
}
.mk-employees.boxed-style.one-column .mk-employee-item {
width: 100%;
margin: 45px 0 20px;
}
.mk-employees.boxed-style.two-column .mk-employee-item {
width: 47%;
margin: 45px 0 3% 3%;
}
.mk-employees.boxed-style.three-column .mk-employee-item {
width: 31%;
margin: 45px 0 3% 3%;
}
.mk-employees.boxed-style.four-column .mk-employee-item {
width: 23.3%;
margin: 45px 0 2% 2%;
}
.mk-employees.boxed-style.five-column .mk-employee-item {
width: 18.4%;
margin: 45px 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;
overflow: hidden;
border: 3px solid #c6c6c6;
}
.mk-employees.boxed-style .mk-employee-item .team-thumbnail img {
position: relative;
}
/* Global Styles */
.mk-employee-item {
text-align: center;
display: inline-block;
float: left;
}
.mk-employee-item .team-thumbnail {
margin: 0 auto 20px;
overflow: hidden;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.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 .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;
}
.monocolor.pricing-table .pricing-col {
border-left: 1px solid #ddd !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 2px 13px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.6);
box-shadow: 0 2px 13px rgba(0, 0, 0, 0.6);
}
.mk-flexsldier-slideshow .mk-flex-caption {
padding: 20px;
display: block;
width: 600px;
position: absolute;
bottom: 0px;
left: 200px;
zoom: 1;
filter: alpha(opacity=0);
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: 38px;
height: 38px;
top: 50%;
margin-top: -20px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.mk-flexsldier-slideshow .flex-direction-nav a:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.mk-flexsldier-slideshow .flex-direction-nav a i {
position: absolute;
left: 8px;
top: 12px;
font-size: 16px;
color: #fff;
}
.mk-flexsldier-slideshow .flex-direction-nav .flex-next {
right: 10px;
}
.mk-flexsldier-slideshow .flex-direction-nav .flex-prev {
left: 10px;
}
.mk-flexsldier-slideshow:hover .flex-direction-nav .flex-next {
right: 20px;
}
.mk-flexsldier-slideshow:hover .flex-direction-nav .flex-prev {
left: 20px;
}
@media handheld, only screen and (max-width: 1100px) {
}
@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 {
margin: 0 0 8px 0;
text-decoration: none;
display: inline-block;
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 {
content: "\f105";
font-size: 12px;
margin-right: 7px;
}
.resources-menu li a:before {
content: "\003e";
font-size: 16px;
margin-right: 7px;
}
.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 {
margin: 0;
padding: 0;
list-style: none;
display: block;
border: 1px solid #e4e4e4;
-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 {
padding: 6px 10px;
font-size: 12px;
display: block;
}
.widget-sub-navigation ul li.current_page_item a {
font-weight: bold;
background-color: rgba(0, 0, 0, 0.03);
}
#mk-footer .widget-sub-navigation ul {
border: none !important;
}
#mk-footer .widget-sub-navigation ul li {
border: none !important;
}
.widget_tag_cloud a {
font-size: 12px !important;
background-color: rgba(0, 0, 0, 0.07);
padding: 8px 10px;
line-height: 100%;
display: inline-block;
margin: 8px 3px 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-transform: capitalize;
}
.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 {
width: 80%;
margin-bottom: 6px;
}
.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 {
background-color: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.05);
}
/* Widgets : CONTACT INFO
-------------------------------------------------------------------- */
.widget_contact_info ul {
margin: 0;
padding: 0;
}
.widget_contact_info ul li {
margin: 0 0 8px 0;
display: block;
line-height: 20px;
}
.widget_contact_info ul li span {
margin-left: 6px;
}
.widget_contact_info ul li a {
margin: 0;
}
.widget_contact_info ul li i:before {
font-size: 14px;
color: #b2b2b2;
}
.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;
font-size: 16px;
width: 16px;
height: 16px;
}
/* Widgets : FLICKR FEEDS
-------------------------------------------------------------------- */
.flickr-widget-wrapper ul {
margin: 0;
padding: 0;
}
.flickr-widget-wrapper li {
position: relative;
display: inline-block;
margin: 5px;
padding: 0;
list-style: none;
}
.flickr-widget-wrapper li span {
display: inline-block;
line-height: 4px;
}
.flickr-widget-wrapper li span img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 72px;
height: 72px;
}
.flickr-widget-wrapper li:hover > a {
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
.flickr-widget-wrapper li a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.flickr-widget-wrapper li a:hover {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
/* Widgets : INSTAGRAM FEEDS
-------------------------------------------------------------------- */
.widget_instagram ul {
margin: 0;
padding: 0;
}
.widget_instagram ul li {
position: relative;
list-style: none;
margin: 2px;
display: inline-block;
}
.widget_instagram ul li span {
display: inline-block;
}
.widget_instagram ul li span img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 80px;
}
.widget_instagram ul li:hover > a {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.widget_instagram ul li a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
/* Widgets : POPULAR POSTS , Recent Posts , Related Posts
-------------------------------------------------------------------- */
.widget_posts_lists ul li {
margin: 0 0 12px;
padding: 0;
list-style: none;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.widget_posts_lists ul li .post-list-thumb {
float: left;
margin: 0;
position: relative;
overflow: hidden;
}
.widget_posts_lists ul li .post-list-thumb img {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
background-clip: padding-box;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
}
.widget_posts_lists ul li .post-list-info {
margin: 5px 10px 5px 110px;
}
.widget_posts_lists ul li .post-list-title {
font-size: 13px;
line-height: 18px;
display: block;
}
.widget_posts_lists ul li .post-list-meta {
line-height: 16px;
display: block;
font-size: 11px;
padding-bottom: 4px;
}
.widget_posts_lists ul li .post-list-meta time {
color: #999999;
}
#mk-footer .widget_posts_lists ul li {
background-color: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
}
/* Widgets : SOCIAL NETWORKS
-------------------------------------------------------------------- */
.widget_social_networks a {
margin: 5px 3px;
line-height: 100%;
display: inline-block;
position: relative;
float: left;
}
.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;
}
/* Widgets : TESTIMONIAL SLIDER
-------------------------------------------------------------------- */
.widget_testimonials .widgettitle {
margin-bottom: -17px;
}
.widget_testimonials .testimonial-slider li {
margin: 0;
}
.widget_testimonials .testimonial-slider .testimonial-quote {
padding: 15px;
background-color: #fafafa;
border: 1px solid #ededed;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.widget_testimonials .testimonial-slider .testimonial-quote:after {
display: block;
content: "";
position: absolute;
bottom: -7px;
left: 20px;
width: 14px;
height: 14px;
background-color: #fafafa;
border: 1px solid #ededed;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-left: none;
border-top: none;
}
.widget_testimonials .testimonial-slider .testimonial-author {
margin: 25px 0 7px 20px;
font-size: 12px;
text-align: left;
display: block;
font-weight: bold;
line-height: 12px;
}
.widget_testimonials .testimonial-slider .testimonial-position {
font-size: 11px;
margin-left: 20px;
line-height: 12px;
display: block;
}
.widget_testimonials .testimonial-slider .testimonial-author-image {
margin: 18px 10px 3px 5px;
height: 50px;
width: 50px;
float: left;
display: inline-block;
-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: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.mk-widget-mini-slideshow.mk-flexslider .flex-direction-nav a {
position: absolute;
bottom: 10px;
padding: 1px 5px;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-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 {
color: #fff !important;
float: right;
margin-top: 8px;
}
.news-widget-thumbnail {
margin-bottom: 10px;
display: block;
}
.news-widget-thumbnail img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.news-widget-title {
margin-bottom: 5px;
}
.news-widget-title a {
font-size: 13px;
font-weight: bold;
line-height: 18px;
display: block;
}
.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 {
margin: 0 8px 8px 0;
float: left;
padding: 0;
position: relative;
}
.widget_recent_portfolio ul li:hover .widget-portfolio-overlay {
zoom: 1;
filter: alpha(opacity=50);
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;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.widget_recent_portfolio ul li:hover .portfolio-widget-permalink {
left: 25px;
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.portfolio-widget-thumb {
position: relative;
display: block;
z-index: 10;
}
.widget-portfolio-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.portfolio-widget-lightbox,
.portfolio-widget-permalink {
position: absolute;
z-index: 15;
top: 50%;
margin-top: -15px;
background-color: rgba(0, 0, 0, 0.5);
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.portfolio-widget-lightbox i,
.portfolio-widget-permalink i {
font-size: 18px;
color: #fff;
}
.portfolio-widget-lightbox {
right: 0px;
}
.portfolio-widget-permalink {
left: 0px;
}
.portfolio-widget-info {
position: absolute;
top: 120px;
left: 0;
width: 100%;
background-color: #333333;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
background-clip: padding-box;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
z-index: 8;
text-align: center;
padding: 10px;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.portfolio-widget-title {
font-size: 12px;
font-weight: bold;
color: #fff !important;
line-height: 16px !important;
display: inline-block;
}
.portfolio-widget-cats {
display: block;
line-height: 16px;
}
/* Widgets : TWITTER FEEDS
-------------------------------------------------------------------- */
.mk-tweet-list {
margin: 0;
padding: 0;
list-style: none;
}
.mk-tweet-list li {
padding: 10px;
position: relative;
}
.mk-tweet-list li:before {
content: "\f099";
font-size: 18px;
position: absolute;
}
.mk-tweet-list li .tweet-text {
display: block;
}
.mk-tweet-list li .tweet-time {
display: block;
}
.mk-tweet-list.light li {
background-color: #f9f9f9;
border: 1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0 0 10px 45px;
}
.mk-tweet-list.light li:after {
display: block;
content: "";
position: absolute;
top: 15px;
left: -6px;
width: 12px;
height: 12px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
background-color: #f9f9f9;
border: 1px solid #e6e6e6;
border-right: none;
border-bottom: none;
}
.mk-tweet-list.light li:before {
top: 12px;
left: -35px;
color: #14cef4;
background: -webkit-linear-gradient(#0ed4fd, #14cdf2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mk-tweet-list.dark li {
padding: 0 0 15px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: 0 0 10px 35px;
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 {
width: 100%;
margin: 0;
padding: 5px 28px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.widget .mk-searchform .text-input:focus {
border-color: rgba(0, 0, 0, 0.25);
}
.widget .mk-searchform .mk-icon-remove-sign {
position: absolute;
right: 8px;
top: 6px;
font-size: 16px;
opacity: 0;
cursor: pointer;
}
.widget .mk-searchform .mk-icon-search {
position: absolute;
left: 7px;
top: 6px;
font-size: 16px;
zoom: 1;
filter: alpha(opacity=40);
opacity: 0.4;
}
.widget .mk-searchform .mk-icon-search:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.widget .mk-searchform .search-button {
width: 100%;
height: 100%;
display: block;
border: none;
outline: none;
position: absolute;
left: 0;
top: 0;
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 {
background-color: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.05);
}
#mk-footer .mk-searchform .text-input:focus {
border-color: rgba(255, 255, 255, 0.08);
}
/* Widgets : CALENDAR
-------------------------------------------------------------------- */
#calendar_wrap {
position: relative;
padding: 0;
margin: 5px;
text-align: center;
background: #f6f6f6;
border: 1px solid #dbdbdb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-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 {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
margin: 0 !important;
}
#wp-calendar thead {
color: #666666;
font-size: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#wp-calendar caption {
color: #666666;
font-size: 12px;
font-weight: bold;
padding: 12px;
background-color: #f2f2f2;
background-color: rgba(0, 0, 0, 0.05);
line-height: 10px;
}
#wp-calendar th,
#wp-calendar th {
padding: 10px 5px;
color: #787573;
}
#wp-calendar tbody td {
text-align: center;
padding: 12px 2px;
font-weight: bold;
font-size: 11px;
line-height: 11px;
color: #333333;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.05);
}
#wp-calendar td#today {
color: #fff;
}
#wp-calendar a {
color: #666666;
}
#wp-calendar #next,
#wp-calendar #prev {
top: 4px;
background: 0;
display: block;
margin: 0;
padding: 0;
position: absolute;
}
#wp-calendar #next a,
#wp-calendar #prev a {
text-indent: -9999px;
display: block;
position: absolute;
left: 0;
top: 0;
}
#wp-calendar #prev {
left: 5px;
border: 0;
width: 18px;
height: 18px;
}
#wp-calendar #prev:before {
content: "\f053";
text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
#wp-calendar #next {
right: 5px;
border: 0;
width: 18px;
height: 18px;
}
#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 {
padding: 7px 0 !important;
margin: 0 !important;
width: 100%;
display: block;
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;
content: "\f075";
font-size: 12px;
color: #b2b2b2;
}
/* Widgets : Quick Contact Form
-------------------------------------------------------------------- */
.mk-quick-contact-wrapper {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 100;
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: 20px;
}
.mk-quick-contact-wrapper.on {
right: 90px;
}
.mk-quick-contact-wrapper .mk-quick-contact-title {
font-size: 13px;
margin-bottom: 10px;
font-weight: bold;
text-transform: uppercase;
}
.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 {
width: 240px;
padding: 9px;
background-color: #fff;
border-color: #d5d5d5;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input:focus,
.mk-quick-contact-wrapper .mk-contact-form .textarea:focus {
color: #666666;
border-color: rgba(0, 0, 0, 0.3);
}
.mk-quick-contact-wrapper .mk-contact-form .textarea {
height: 100px;
}
.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 {
bottom: 12px;
right: 10px;
}
#mk-quick-contact {
position: absolute;
bottom: 70px;
right: 0px;
background-color: #f9f9f9;
border: 1px solid #dfdfdf;
-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: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 20px;
z-index: 100;
display: none;
}
#mk-quick-contact .bottom-arrow {
position: absolute;
display: block;
content: "";
bottom: -8px;
right: 20px;
width: 14px;
height: 14px;
background-color: #f9f9f9;
border: 1px solid #dfdfdf;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-left: none;
border-top: none;
}
.mk-quick-contact-link {
display: block;
-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;
}
.mk-quick-contact-link i {
color: #fff;
font-size: 24px;
line-height: 24px;
}
@media handheld, only screen and (max-width: 1040px) {
.mk-quick-contact-link {
display: none;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), 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 {
zoom: 1;
filter: alpha(opacity=70);
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;
}
.leftToRight{direction:ltr;}