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 {
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
audio, canvas, video {
display: inline;
zoom: 1
}
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;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
#theme-page img, #mk-footer img, .mk-page-section img, .mk-inner-grid img, .mk-header-logo img, .mk-side-dashboard img {
vertical-align: middle;
border: 0
}
.mk-gmaps img {
max-width: none !important
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: middle
}
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 {
font-size: 13px;
line-height: 20px;
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: 600
}
cite, em, dfn {
font-style: italic
}
code, pre {
font-size: 12px;
line-height: 20px;
display: block;
overflow: auto;
margin: 10px 0 20px 0;
padding: 20px 10px;
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
border: 1px solid #e8e8e8;
background: #fff;
background: url(//www.coli688.com/wp-content/themes/ken/stylesheet/css/../../images/pre_code.gif) repeat scroll 0 0 #f2f3f5
}
del {
text-decoration: line-through
}
small, sup, sub {
font-size: 85%
}
abbr, acronym {
letter-spacing: .1em;
text-transform: uppercase
}
a abbr, a acronym {
border: 0
}
abbr[title], acronym[title], dfn[title] {
cursor: help;
border-bottom: 1px dotted #ccc
}
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 {
text-decoration: none;
outline: 0 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 {
font-size: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
width: 0;
height: 0;
content: ' '
}
* html .clearboth {
height: 1%
}
ul {
margin-bottom: 1em;
margin-left: 1.5em;
list-style-type: disc
}
ul li {
margin-left: 0
}
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-size: 110%;
font-weight: 600;
margin-bottom: .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 #ddd
}
legend {
font-size: 1.2em;
font-weight: 600;
padding: 0 .8em
}
textarea, input[type=text], input[type=password], input[type=email], select {
font-size: inherit;
border: 0;
outline: 0
}
input, select {
cursor: pointer
}
input[type=text], input[type=password], input[type=email] {
cursor: text
}
textarea {
overflow: auto
}
textarea, input[type=text], input[type=tel], input[type=email], input[type=password] {
font-size: 13px;
padding: 5px 16px;
letter-spacing: 1px;
color: #666;
border: 1px solid #eee;
-webkit-border-radius: 0;
border-radius: 0;
outline: 0;
background-color: #fff;
-webkit-appearance: none
}
input[type=submit] {
padding: 12px 20px;
border: 1px solid #ccc;
background-color: #fff
}
#theme-page select {
font-size: 12px;
line-height: 14px;
display: block;
min-width: 240px;
max-width: 100%;
padding: 15px 14px 14px 14px;
color: #4e4e4e;
border: 1px solid #eee;
-webkit-border-radius: 0;
border-radius: 0;
background: url(//www.coli688.com/wp-content/themes/ken/stylesheet/css/../../images/selectbox-arrow.png) right center no-repeat;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important
}
#theme-page select option {
padding: 0 4px
}
select[multiple=multiple] {
background: none !important;
padding: 0 !important
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
line-height: 1.2em;
margin: 0 0 .8em;
-ms-word-wrap: break-word;
word-wrap: break-word
}
h1 {
font-size: 46px;
font-weight: 300;
margin-bottom: 36px
}
h2 {
font-size: 38px;
font-weight: bold;
margin-bottom: 38px
}
h3 {
font-size: 30px;
font-weight: bold;
margin-bottom: 30px
}
h4 {
font-size: 24px;
font-weight: 300;
margin-bottom: 30px
}
h5 {
font-size: 20px;
font-weight: bold;
margin-bottom: 25px
}
h6 {
font-size: 16px;
font-weight: bold;
margin-bottom: 25px
}
.visuallyhidden {
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
z-index: 1
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .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
}
.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;
overflow: hidden;
height: 0;
padding-top: 30px;
padding-bottom: 56.25%
}
.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-relative {
position: relative
}
.no-margin-top {
padding-top: 10px !important
}
@media print {
* {
background: none !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%)
}
a {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
a[href="#"], a[href="javascript:"] {
content: ""
}
#mk-header, #mk-sidebar, #mk-footer, .mk-go-top {
display: none !important
}
.theme-page-wrapper {
width: 100% !important
}
}
.mk-loader {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
border: 2px solid #0cf;
border-radius: 50%;
border-top-color: transparent !important;
-webkit-animation: spin .65s infinite linear;
-moz-animation: spin .65s infinite linear;
-o-animation: spin .65s infinite linear;
animation: spin .65s infinite linear;
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px
}
.mk-loader::before, .mk-loader::after {
left: -2px;
top: -2px;
display: none;
position: absolute;
content: '';
width: inherit;
height: inherit;
border: inherit;
border-radius: inherit
}
.loader::after {
display: block;
left: -2px;
top: -2px;
border: inherit;
transform: rotate(65deg)
}
@-moz-keyframes spin {
0% {
-moz-transform:rotate(0deg)
}
100% {
-moz-transform:rotate(359deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg)
}
}
@-o-keyframes spin {
0% {
-o-transform:rotate(0deg)
}
100% {
-o-transform:rotate(359deg)
}
}
@-ms-keyframes spin {
0% {
-ms-transform:rotate(0deg)
}
100% {
-ms-transform:rotate(359deg)
}
}
@keyframes spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(359deg)
}
}
input[type="text"], textarea, .mk-grid div, #mk-header, #mk-header div, .mk-secondary-header, .mk-secondary-header div, [class*='mk-col-'], *:after, *:before, .text-input, .theme-page-wrapper, .blog-masonry-inner, #mk-page-introduce, .mk-header-toolbar, .mk-news-item, .mk-employee-item, #mk-notification-bar, .blog-grid-entry, .blog-masonry-entry, .mk-fullwidth-boxed, .mk-image-caption, .mk-gallery-shortcode .gallery-inner, .mk-grid-portfolio-item, .shop_table_form, .cart-collaterals, .mk-checkout-payement, .mk-side-dashboard, #mk-sidebar, .page-section-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
[class*='mk-col-'] {
float: left
}
[class*='mk-col-']:last-of-type {
padding-right: 0
}
.mk-grid {
width: 100%;
min-width: 755px;
margin: 0 auto
}
.mk-inner-grid {
width: 100%;
margin: 0 auto;
position: relative
}
.mk-grid:after {
content: "";
display: table;
clear: both
}
.mk-grid-pad {
padding: 20px 0 0 20px
}
.mk-grid-pad>[class*='mk-col-']:last-of-type {
padding-right: 20px
}
.mk-push-right {
float: right
}
.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%
}
.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:760px) {
.mk-grid {
width: 100%;
min-width: 0
}
[class*='mk-col-'] {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
}
.wpb_row {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.vc_row-fluid {
width: 100%
}
.vc_row-fluid:before, .vc_row-fluid:after {
display: table;
content: ""
}
.vc_row-fluid:after {
clear: both
}
.vc_row-fluid [class*="vc_span"] {
display: block;
width: 100%;
min-height: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.5%
}
.vc_row-fluid [class*="vc_span"]:first-child {
margin-left: 0
}
.mk-fullwidth-true>[class*="vc_span"]:first-child {
border-left: 0 !important
}
.mk-fullwidth-true>[class*="vc_span"]:last-child {
border-right: 0 !important
}
.vc_row-fluid>[class*="vc_span"]:not(:last-child) {
border-right: 0 !important
}
.vc_row-fluid .vc_span12 {
width: 100%
}
.vc_row-fluid .vc_span11 {
width: 91.45833333333334%
}
.vc_row-fluid .vc_span10 {
width: 82.91666666666667%
}
.vc_row-fluid .vc_span9 {
width: 74.375%
}
.vc_row-fluid .vc_span8 {
width: 65.83333333333334%
}
.vc_row-fluid .vc_span7 {
width: 57.29166666666667%
}
.vc_row-fluid .vc_span6 {
width: 48.75%
}
.vc_row-fluid .vc_span5 {
width: 40.208333333333336%
}
.vc_row-fluid .vc_span4 {
width: 31.666666666666668%
}
.vc_row-fluid .vc_span3 {
width: 23.125%
}
.vc_row-fluid .vc_span2 {
width: 14.583333333333334%
}
.vc_row-fluid .vc_span1 {
width: 6.041666666666667%
}
.wpb_row.attched-true [class*="vc_span"] {
margin-left: 0
}
.wpb_row.attched-true .vc_span11 {
width: 91.666666666667%
}
.wpb_row.attched-true .vc_span10 {
width: 83.333333333333%
}
.wpb_row.attched-true .vc_span9 {
width: 75%
}
.wpb_row.attched-true .vc_span8 {
width: 66.666666666667%
}
.wpb_row.attched-true .vc_span7 {
width: 58.333333333333%
}
.wpb_row.attched-true .vc_span6 {
width: 50%
}
.wpb_row.attched-true .vc_span5 {
width: 41.666666666667%
}
.wpb_row.attched-true .vc_span4 {
width: 33.333333333333%
}
.wpb_row.attched-true .vc_span3 {
width: 25%
}
.wpb_row.attched-true .vc_span2 {
width: 16.666666666667%
}
.wpb_row.attched-true .vc_span1 {
width: 8.333333333333%
}
.add-padding-1>[class*="vc_span"] {
padding: 1%
}
.add-padding-2>[class*="vc_span"] {
padding: 2%
}
.add-padding-3>[class*="vc_span"] {
padding: 3%
}
.add-padding-4>[class*="vc_span"] {
padding: 4%
}
.add-padding-5>[class*="vc_span"] {
padding: 5%
}
@media handheld, only screen and (max-width:767px) {
.vc_row-fluid [class*="vc_span"] {
width: auto !important;
float: none !important;
margin-left: 0 !important
}
.wpb_row.attched-true>[class*="vc_span"] {
width: auto
}
}
.widget .mk-searchform .search-button, .mk-lightbox, .mk-pagination .mk-pagination-next a, .mk-pagination .mk-pagination-previous a, .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 a, .portfolio-similar-posts img, .single-post-tags a, a.jp-play, a.jp-pause, .mk-employeee-networks, .image-overlay, .process-detail, .mk-font-icons a i, .entry-meta a, .single-share-trigger, .blog-title a, .blog-meta a, .comment-reply a, .thread-reply-toggle, .swiper-arrows, .slideshow-swiper-arrows, .swiper-pagination, .team-member-name, .team-member-position, .mk-gallery.grid-style .the-title, .mk-loadmore-button, .mk-love-holder i, .blog-comments i, .comment-count i, .next-prev-top a, .blog-similar-posts a, .portfolio-widget-title, .author-social li a, .mk-isotop-filter a, .ajax-controls a, .mk-image-caption, .mk-image-hover i, .mk-employeee-networks li a, .portfolio-meta, .text-input, .mk-textarea, .mk-contact-form-wrapper .mk-form-row i, .mk-flickr-feeds a:after, .hover-plus-icon, .post-type-icon, .single-social-share a, .mk-next-prev a, .post-hover-icon, .similar-post-type, .portfolio-plus-icon i, .portfolio-permalink, .gallery-meta, .gallery-meta i, .mk-searchform .mk-icon-search, .widget_tag_cloud li a, .widget_categories li a, .hover-plus-icon-small, .comment-textarea textarea, .comment-form-row i, #mk-breadcrumbs a, .header-searchform-input .ui-autocomplete li, .header-searchform-input .ui-autocomplete .search-title, .header-searchform-input .ui-autocomplete .search-date, .add_to_cart_button, .product-hover-items, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page table.cart .remove, .button-icon-holder, .woocommerce-pagination a, .widget_tag_cloud a:hover, .widget_categories a:hover, .mini-cart-button, .mini-cart-button i, .product-category h4, .product-category h4 span, .header-searchform-input li i, .header-searchform-input li img, .mk-login-form input, .mk-footer-social a, .mk-edge-nav, .mk-edge-nav i, .res-nav-close, .widget_product_tag_cloud a, .product-single-lightbox, .gform_wrapper .button, .mk-login-form .form-row i, .mk-box-text i, .portfolio-entry-logo, .gallery-thumb-lightbox, .fancybox-nav span, .fancybox-close, .blog-scroller-arrows, .blog-modern-entry .blog-modern-button, .blog-modern-entry .blog-title, .blog-teaser-side-item .blog-title {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-perspective: 1000
}
.hover-overlay {
transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
-webkit-perspective: 1000
}
.mk-animate-element {
opacity: 0;
-webkit-perspective: 1000
}
.no-transform .mk-animate-element {
opacity: 1
}
.mk-animate-element.mk-in-viewport.fade-in {
-webkit-animation: mk_fade .7s 1 cubic-bezier(0.445, .05, .55, .95);
-moz-animation: mk_fade .7s 1 cubic-bezier(0.445, .05, .55, .95);
-o-animation: mk_fade .7s 1 cubic-bezier(0.445, .05, .55, .95);
animation: mk_fade .7s 1 cubic-bezier(0.445, .05, .55, .95);
opacity: 1
}
.mk-animate-element.mk-in-viewport.forthy-five-rotate {
-webkit-animation: mk_rotate .7s 1 cubic-bezier(0.445, .05, .55, .95);
-moz-animation: mk_rotate .7s 1 cubic-bezier(0.445, .05, .55, .95);
-o-animation: mk_rotate .7s 1 cubic-bezier(0.445, .05, .55, .95);
animation: mk_rotate .7s 1 cubic-bezier(0.445, .05, .55, .95);
opacity: 1
}
.mk-animate-element.mk-in-viewport.scale-up {
-webkit-animation: mk_scale_up .5s ease;
-moz-animation: mk_scale_up .5s ease;
-o-animation: mk_scale_up .5s ease;
animation: mk_scale_up .5s ease;
opacity: 1
}
.mk-animate-element.mk-in-viewport.scale-down {
-webkit-animation: mk_scale_down .5s 1 ease;
-moz-animation: mk_scale_down .5s 1 ease;
-o-animation: mk_scale_down .5s 1 ease;
animation: mk_scale_down .5s 1 ease;
opacity: 1
}
.mk-animate-element.mk-in-viewport.scale-half-up {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
-webkit-animation: mk_half_scale .4s ease forwards;
-moz-animation: mk_half_scale .4s ease forwards;
animation: mk_half_scale .4s ease forwards
}
.mk-animate-element.mk-in-viewport.right-to-left {
-webkit-animation: mk_right_to_left .6s 1 cubic-bezier(0.77, 0, .175, 1);
-moz-animation: mk_right_to_left .6s 1 cubic-bezier(0.77, 0, .175, 1);
-o-animation: mk_right_to_left .6s 1 cubic-bezier(0.77, 0, .175, 1);
animation: mk_right_to_left .6s 1 cubic-bezier(0.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.left-to-right {
-webkit-animation: mk_left_to_right .6s 1 cubic-bezier(0.77, 0, .175, 1);
-moz-animation: mk_left_to_right .6s 1 cubic-bezier(0.77, 0, .175, 1);
-o-animation: mk_left_to_right .6s 1 cubic-bezier(0.77, 0, .175, 1);
animation: mk_left_to_right .6s 1 cubic-bezier(0.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.top-to-bottom {
-webkit-animation: mk_top_to_bottom .6s 1 cubic-bezier(0.77, 0, .175, 1);
-moz-animation: mk_top_to_bottom .6s 1 cubic-bezier(0.77, 0, .175, 1);
-o-animation: mk_top_to_bottom .6s 1 cubic-bezier(0.77, 0, .175, 1);
animation: mk_top_to_bottom .6s 1 cubic-bezier(0.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.bottom-to-top {
-webkit-animation: mk_bottom_to_top .6s 1 cubic-bezier(0.77, 0, .175, 1);
-moz-animation: mk_bottom_to_top .6s 1 cubic-bezier(0.77, 0, .175, 1);
-o-animation: mk_bottom_to_top .6s 1 cubic-bezier(0.77, 0, .175, 1);
animation: mk_bottom_to_top .6s 1 cubic-bezier(0.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.flip-x {
-webkit-animation: mk_flip_x .6s 1 cubic-bezier(0.77, 0, .175, 1);
-moz-animation: mk_flip_x .6s 1 cubic-bezier(0.77, 0, .175, 1);
-o-animation: mk_flip_x .6s 1 cubic-bezier(0.77, 0, .175, 1);
animation: mk_flip_x .6s 1 cubic-bezier(0.77, 0, .175, 1);
opacity: 1
}
.mk-animate-element.mk-in-viewport.flip-y {
-webkit-animation: mk_flip_y .6s 1 cubic-bezier(0.77, 0, .175, 1);
-moz-animation: mk_flip_y .6s 1 cubic-bezier(0.77, 0, .175, 1);
-o-animation: mk_flip_y .6s 1 cubic-bezier(0.77, 0, .175, 1);
animation: mk_flip_y .6s 1 cubic-bezier(0.77, 0, .175, 1);
opacity: 1
}
.mk-float-vertical {
-webkit-animation: mk_float 2s infinite linear;
-moz-animation: mk_float 2s infinite linear;
-ms-animation: mk_float 2s infinite linear;
-o-animation: mk_float 2s infinite linear;
position: relative
}
.mk-float-horizontal {
-webkit-animation: mk_floatx 2s infinite linear;
-moz-animation: mk_floatx 2s infinite linear;
-ms-animation: mk_floatx 2s infinite linear;
-o-animation: mk_floatx 2s infinite linear;
position: relative
}
.mk-pulse {
-webkit-animation: mk_pulse 2s infinite linear;
-moz-animation: mk_pulse 2s infinite linear;
-ms-animation: mk_pulse 2s infinite linear;
-o-animation: mk_pulse 2s infinite linear
}
.mk-tossing {
-webkit-animation: mk_tossing 2s infinite linear;
-moz-animation: mk_tossing 2s infinite linear;
-ms-animation: mk_tossing 2s infinite linear;
-o-animation: mk_tossing 2s infinite linear
}
.mk-spin {
-moz-animation: spin 4s infinite linear;
-o-animation: spin 4s infinite linear;
-webkit-animation: spin 4s infinite linear;
animation: spin 4s infinite linear
}
.mk-flip-horizontal {
-webkit-animation: mk_flip_horizontal 3s infinite linear;
animation: mk_flip_horizontal 3s infinite linear;
display: inline-block
}
@keyframes mk_flip_horizontal {
0% {
transform:perspective(800px) rotateY(0deg)
}
100% {
transform:perspective(800px) rotateY(360deg)
}
}
@-webkit-keyframes mk_flip_horizontal {
0% {
-webkit-transform:perspective(800px) rotateY(0deg)
}
100% {
-webkit-transform:perspective(800px) rotateY(360deg)
}
}
@-webkit-keyframes mk_float {
0% {
top:0
}
50% {
top:15px
}
100% {
top:0
}
}
@-moz-keyframes mk_float {
0% {
top:0
}
50% {
top:15px
}
100% {
top:0
}
}
@-o-keyframes mk_float {
0% {
top:0
}
50% {
top:15px
}
100% {
top:0
}
}
@keyframes mk_float {
0% {
top:0
}
50% {
top:15px
}
100% {
top:0
}
}
@-webkit-keyframes mk_floatx {
0% {
left:0
}
50% {
left:15px
}
100% {
left:0
}
}
@-moz-keyframes mk_floatx {
0% {
left:0
}
50% {
left:15px
}
100% {
left:0
}
}
@-o-keyframes mk_floatx {
0% {
left:0
}
50% {
left:15px
}
100% {
left:0
}
}
@keyframes mk_floatx {
0% {
left:0
}
50% {
left:15px
}
100% {
left:0
}
}
@-webkit-keyframes mk_tossing {
0% {
-webkit-transform:rotate(-6deg)
}
50% {
-webkit-transform:rotate(6deg)
}
100% {
-webkit-transform:rotate(-6deg)
}
}
@-moz-keyframes mk_tossing {
0% {
-moz-transform:rotate(-6deg)
}
50% {
-moz-transform:rotate(6deg)
}
100% {
-moz-transform:rotate(-6deg)
}
}
@-o-keyframes mk_tossing {
0% {
-o-transform:rotate(-6deg)
}
50% {
-o-transform:rotate(6deg)
}
100% {
-o-transform:rotate(-6deg)
}
}
@keyframes mk_tossing {
0% {
transform:rotate(-6deg)
}
50% {
transform:rotate(6deg)
}
100% {
transform:rotate(-6deg)
}
}
@-webkit-keyframes mk_pulse {
0% {
-webkit-transform:scale(0.9);
opacity:.7
}
50% {
-webkit-transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(0.9);
opacity:.7
}
}
@-moz-keyframes mk_pulse {
0% {
-moz-transform:scale(0.9);
opacity:.7
}
50% {
-moz-transform:scale(1);
opacity:1
}
100% {
-moz-transform:scale(0.9);
opacity:.7
}
}
@-o-keyframes mk_pulse {
0% {
-o-transform:scale(0.9);
opacity:.7
}
50% {
-o-transform:scale(1);
opacity:1
}
100% {
-o-transform:scale(0.9);
opacity:.7
}
}
@keyframes mk_pulse {
0% {
transform:scale(0.9);
opacity:.7
}
50% {
transform:scale(1);
opacity:1
}
100% {
transform:scale(0.9);
opacity:.7
}
}
@-webkit-keyframes mk_fade {
0% {
opacity:.1
}
100% {
opacity:1
}
}
@-moz-keyframes mk_fade {
0% {
opacity:.1
}
100% {
opacity:1
}
}
@-o-keyframes mk_fade {
0% {
opacity:.1
}
100% {
opacity:1
}
}
@keyframes mk_fade {
0% {
opacity:.1
}
100% {
opacity:1
}
}
@-webkit-keyframes mk_rotate {
0% {
opacity:.1;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-o-transform:rotate(-10deg)
}
100% {
opacity:1;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
}
@-moz-keyframes mk_rotate {
0% {
opacity:.1;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-o-transform:rotate(-10deg)
}
100% {
opacity:1;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
}
@-o-keyframes mk_rotate {
0% {
opacity:.1;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-o-transform:rotate(-10deg)
}
100% {
opacity:1;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
}
@keyframes mk_rotate {
0% {
opacity:.1;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-o-transform:rotate(-10deg)
}
100% {
opacity:1;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
}
@-webkit-keyframes mk_scale_up {
0% {
-webkit-transform:scale(0.3);
opacity:.1
}
100% {
-webkit-transform:scale(1);
opacity:1
}
}
@-moz-keyframes mk_scale_up {
0% {
-moz-transform:scale(0.3);
opacity:.1
}
100% {
-moz-transform:scale(1);
opacity:1
}
}
@-o-keyframes mk_scale_up {
0% {
-o-transform:scale(0.3);
opacity:.1
}
100% {
-o-transform:scale(1);
opacity:1
}
}
@keyframes mk_scale_up {
0% {
transform:scale(0.3);
opacity:.1
}
100% {
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes mk_scale_down {
0% {
-webkit-transform:scale(1.3);
opacity:.1
}
100% {
-webkit-transform:scale(1);
opacity:1
}
}
@-moz-keyframes mk_scale_down {
0% {
-moz-transform:scale(1.3);
opacity:.1
}
100% {
-moz-transform:scale(1);
opacity:1
}
}
@-o-keyframes mk_scale_down {
0% {
-o-transform:scale(1.3);
opacity:.1
}
100% {
-o-transform:scale(1);
opacity:1
}
}
@keyframes mk_scale_down {
0% {
transform:scale(1.3);
opacity:.1
}
100% {
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes mk_half_scale {
to {
-webkit-transform:scale(1);
opacity:1
}
}
@-moz-keyframes mk_half_scale {
to {
-webkit-transform:scale(1);
opacity:1
}
}
@-o-keyframes mk_half_scale {
to {
-webkit-transform:scale(1);
opacity:1
}
}
@keyframes mk_half_scale {
to {
-webkit-transform:scale(1);
opacity:1
}
}
@-webkit-keyframes mk_left_to_right {
0% {
-webkit-transform:translate(-15%, 0);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
opacity:1
}
}
@-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
}
}
@-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
}
}
@-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
}
}
@-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
}
}
@-webkit-keyframes mk_flip_x {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-moz-keyframes mk_flip_x {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-o-keyframes mk_flip_x {
0% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes mk_flip_x {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-webkit-keyframes mk_flip_y {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-moz-keyframes mk_flip_y {
0% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0
}
100% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-o-keyframes mk_flip_y {
0% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0
}
100% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes mk_flip_y {
0% {
transform:perspective(400px) rotateY(90deg);
opacity:0
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-webkit-keyframes added_to_card_anim {
0% {
opacity:1;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
100% {
opacity:0;
transform:scale(2);
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2)
}
}
@-moz-keyframes added_to_card_anim {
0% {
opacity:1;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
100% {
opacity:0;
transform:scale(2);
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2)
}
}
@-o-keyframes added_to_card_anim {
0% {
opacity:1;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
100% {
opacity:0;
transform:scale(2);
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2)
}
}
@keyframes added_to_card_anim {
0% {
opacity:1;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1)
}
100% {
opacity:0;
transform:scale(2);
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2)
}
}
.hover-overlay {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
opacity: 0
}
.hover-plus-icon {
position: absolute;
left: 50%;
top: 50%;
color: #fff;
font-size: 48px;
margin: -24px 0 0 -24px;
z-index: 12;
opacity: 0;
display: block;
width: 48px;
height: 48px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-backface-visibility: hidden
}
.hover-plus-icon-small {
position: absolute;
left: 50%;
top: 50%;
color: #fff;
font-size: 32px;
margin: -16px 0 0 -16px;
z-index: 10;
opacity: 0;
display: block;
width: 32px;
height: 32px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-backface-visibility: hidden
}
.mk-love-holder {
cursor: pointer
}
.featured-image {
position: relative;
overflow: hidden
}
.featured-image .item-featured-image {
width: 100%;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.featured-image .mk-lightbox {
line-height: 4px
}
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:gray;
-webkit-filter:grayscale(1)
}
*/.featured-image:hover .hover-plus-icon, .featured-image:hover .hover-plus-icon-small {
opacity:1;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
.mk-image-slideshow img {
width: 100%
}
.mk-preloader {
position: absolute;
top: 0;
left: 0;
z-index: 13;
width: 101%;
height: 100%;
background-color: #fff
}
#mk-header {
position: relative;
z-index: 60;
width: 100%
}
#mk-header.transparent-header {
position: absolute;
left: 0
}
#mk-header.sticky-header, #mk-header.transparent-header-sticky {
position: fixed;
z-index:999999;
}
#mk-header .mk-grid {
position: relative;
padding-left: 10px;
padding-right: 10px
}
#mk-header .mk-light-logo {
display: none
}
#mk-header .mk-mobile-logo {
display: none
}
.transparent-header {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.transparent-header.header-offset-passed {
opacity: 0;
position: fixed;
top: -200px
}
.transparent-header.transparent-header-sticky {
opacity: 1;
left: auto !important
}
.transparent-header #mk-main-navigation ul li .sub {
border-top: 0
}
.transparent-header .mk-cart-link:hover, .transparent-header .dashboard-trigger:hover, .transparent-header .res-nav-active:hover, .transparent-header #mk-main-navigation>ul>li.menu-item>a:hover, .transparent-header .header-search-icon:hover {
opacity: .7
}
.transparent-header .header-searchform-input input[type=text] {
background-color: transparent
}
.transparent-header.light-header-skin .dashboard-trigger, .transparent-header.light-header-skin .res-nav-active, .transparent-header.light-header-skin #mk-main-navigation>ul>li.menu-item>a, .transparent-header.light-header-skin #mk-main-navigation>ul>li.current-menu-item>a, .transparent-header.light-header-skin #mk-main-navigation>ul>li.current-menu-ancestor>a, .transparent-header.light-header-skin #mk-main-navigation>ul>li.menu-item:hover>a, .transparent-header.light-header-skin #mk-main-navigation>ul>li.menu-item>a:hover, .transparent-header.light-header-skin .dashboard-trigger:hover, .transparent-header.light-header-skin .res-nav-active:hover, .transparent-header.light-header-skin .header-searchform-input input[type=text], .transparent-header.light-header-skin .dashboard-trigger, .transparent-header.light-header-skin .header-search-icon, .transparent-header.light-header-skin .header-search-close, .transparent-header.light-header-skin .header-search-icon:hover, .transparent-header.light-header-skin .mk-cart-link, .transparent-header.light-header-skin .responsive-nav-link i {
color: #fff !important
}
.transparent-header.light-header-skin .mk-light-logo {
display: block !important
}
.transparent-header.light-header-skin .mk-dark-logo {
display: none !important
}
.transparent-header.light-header-skin.transparent-header-sticky .mk-light-logo {
display: none !important
}
.transparent-header.light-header-skin.transparent-header-sticky .mk-dark-logo {
display: block !important
}
.transparent-header.dark-header-skin .dashboard-trigger, .transparent-header.dark-header-skin .res-nav-active, .transparent-header.dark-header-skin #mk-main-navigation>ul>li.menu-item>a, .transparent-header.dark-header-skin #mk-main-navigation>ul>li.current-menu-item>a, .transparent-header.dark-header-skin #mk-main-navigation>ul>li.current-menu-ancestor>a, .transparent-header.dark-header-skin #mk-main-navigation>ul>li.menu-item:hover>a, .transparent-header.dark-header-skin #mk-main-navigation>ul>li.menu-item>a:hover, .transparent-header.dark-header-skin .dashboard-trigger:hover, .transparent-header.dark-header-skin .res-nav-active:hover, .transparent-header.dark-header-skin .header-searchform-input input[type=text], .transparent-header.dark-header-skin .dashboard-trigger, .transparent-header.dark-header-skin .header-search-icon, .transparent-header.dark-header-skin .header-search-close, .transparent-header.dark-header-skin .header-search-icon:hover, .transparent-header.dark-header-skin .mk-cart-link, .transparent-header.dark-header-skin .responsive-nav-link i {
color: #444 !important
}
.mk-secondary-header {
position: relative;
z-index: 60;
width: 100%;
background-color: #fff;
border-top: 1px solid rgba(0,0,0,.07);
border-bottom: 1px solid rgba(0,0,0,.07);
-webkit-box-shadow: 0 1px 7px rgba(0,0,0,.03);
-moz-box-shadow: 0 1px 7px rgba(0,0,0,.03);
box-shadow: 0 1px 7px rgba(0,0,0,.03)
}
.mk-secondary-header .mk-grid {
position: relative;
padding-left: 20px;
padding-right: 20px
}
.mk-secondary-header .sticky-trigger-header {
position: relative
}
.mk-secondary-header .mk-light-logo {
display: none !important
}
.mk-secondary-header .mk-mobile-logo {
display: none
}
.secondary-header-space {
display: none
}
.secondary-header-space.secondary-space-sticky {
display: block
}
.secondary-header-sticky {
position: fixed;
top: 0
}
@media handheld, only screen and (max-width:650px) {
.mobile-menu-exists .mk-light-logo, .mobile-menu-exists .mk-dark-logo {
display: none !important
}
.mobile-menu-exists .mk-mobile-logo {
display: block !important
}
}
#mk-main-navigation ul {
margin: 0;
padding: 0;
list-style: none
}
#mk-main-navigation ul li.menu-item a i {
font-size: 16px;
text-transform: none !important;
margin-right: 6px;
color: #555
}
#mk-main-navigation ul li.menu-item a, #mk-main-navigation ul li.menu-item i {
transition: all .15s ease-in-out;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out
}
#mk-main-navigation>ul {
position: relative;
display: block;
text-align: right
}
#mk-main-navigation>ul>li.menu-item {
display: inline-block;
margin: 0 1px 0 0;
text-align: right
}
#mk-main-navigation>ul>li.menu-item>a {
display: block;
padding-right: 25px !important;
padding-left: 25px !important;
text-transform: uppercase;
font-weight: bold;
font-size: 12px
}
.main-navigation-ul>li>.sub-menu, .main-navigation-ul>li .sub {
display: none
}
.megamenu-title {
margin: 0 0 8px 0;
padding: 8px 15px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
line-height: 12px;
opacity: .6
}
.megamenu-title i {
font-size: 16px;
text-transform: none !important;
opacity: .4;
margin-right: 6px
}
.main-navigation-ul li .sub-container {
position: absolute;
transition: top .2s ease-in-out;
-webkit-transition: top .2s ease-in-out;
-moz-transition: top .2s ease-in-out;
-ms-transition: top .2s ease-in-out;
-o-transition: top .2s ease-in-out
}
.main-navigation-ul>li>.sub {
display: none
}
.main-navigation-ul li .sub .row {
clear: both;
overflow: hidden;
width: 100%
}
.main-navigation-ul li .sub li {
display: block;
float: none;
margin: 0;
list-style: none
}
.mk_megamenu_columns_2 {
width: 49.9%
}
.mk_megamenu_columns_3 {
width: 33.2%
}
.mk_megamenu_columns_4 {
width: 24.9%
}
.mk_megamenu_columns_5 {
width: 19.9%
}
.mk_megamenu_columns_6 {
width: 16.5%
}
.main-navigation-ul li .sub li.mega-hdr {
float: left;
margin: 0;
padding: 20px 0 5px;
border-right: 1px solid rgba(255,255,255,.1)
}
.main-navigation-ul li .sub li.mega-hdr.last {
border: 0
}
.main-navigation-ul li .sub a {
position: relative;
display: block;
float: none;
margin: 0;
padding: 8px 15px;
background-color: transparent !important;
text-align: left;
font-size: 14px
}
.main-navigation-ul li .sub a i {
margin-right: 5px
}
.main-navigation-ul li .sub a:hover {
padding: 8px 5px 8px 25px
}
.main-navigation-ul li .sub-container.non-mega li {
margin: 0;
padding: 0
}
.main-navigation-ul li .sub-container.non-mega li a {
line-height: 50px
}
.main-navigation-ul li .sub-container.non-mega li a:hover {
padding: 9px 6px 9px 26px
}
.main-navigation-ul li .sub-container.non-mega li ul {
position: absolute
}
.main-navigation-ul li .sub-container.mega .mk_mega_menu {
padding: 0
}
.main-navigation-ul li .sub-container.mega>.sub-menu {
padding: 0 !important
}
.main-navigation-ul li .sub-container.mk-nested-sub>ul li {
position: relative
}
.main-navigation-ul li .sub-container.mk-nested-sub ul ul {
position: absolute;
top: -5px;
display: none;
padding: 5px 0
}
.mk-mega-icon {
position: absolute;
top: 50% !important;
right: 8px;
display: block !important;
margin-top: -8px !important;
width: 16px !important;
height: 16px !important;
font-size: 16px !important;
line-height: 16px !important
}
#mk-main-navigation>ul>li, #mk-main-navigation>ul>li>a {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}
#mk-responsive-nav {
margin: 0;
padding: 0;
z-index: 20;
position: relative
}
#mk-responsive-nav .mk-header-logo, #mk-responsive-nav .responsive-nav-link, #mk-responsive-nav .dashboard-trigger, #mk-responsive-nav .mk-shopping-cart, #mk-responsive-nav .mk-header-search {
display: none !important
}
#mk-responsive-nav li {
display: block;
margin: 0;
width: 100%
}
#mk-responsive-nav li .sub li a {
width: auto !important
}
#mk-responsive-nav li a {
border-bottom: 1px solid rgba(128,128,128,.25);
display: block;
font-size: 14px;
padding: 15px 20px;
text-align: left;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
position: relative;
transition: all .15s ease-in;
-webkit-transition: all .15s ease-in;
-moz-transition: all .15s ease-in;
-ms-transition: all .15s ease-in;
-o-transition: all .15s ease-in
}
#mk-responsive-nav li a>i {
display: none !important
}
#mk-responsive-nav li ul {
margin: 0;
padding: 0
}
#mk-responsive-nav li ul li a, #mk-responsive-nav li ul li .megamenu-title {
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 12px 15px 12px 30px;
text-align: left;
text-transform: none;
font-weight: normal
}
#mk-responsive-nav .sub-menu {
left: auto;
position: relative
}
#mk-responsive-nav .megamenu-title {
display: none !important
}
#mk-responsive-nav .mk_mega_menu .row {
width: auto
}
#mk-responsive-nav .mk-mega-icon {
display: none !important
}
#mk-responsive-nav .mk-nav-arrow {
position: absolute;
right: 0;
top: 0;
font-size: 16px;
text-align: center;
cursor: pointer;
opacity: .7;
width: 70px;
height: 100%;
line-height: 50px
}
#mk-responsive-nav .mk-nav-arrow:hover {
opacity: 1
}
.responsive-nav-container {
display: none
}
#mk-responsive-nav>li>ul, #mk-responsive-nav>li>div {
display: none
}
.mk-header-logo {
float: left !important;
margin: 0
}
.mk-header-logo a {
padding-left: 0 !important
}
.mk-header-logo img {
height: auto !important
}
@media handheld, only screen and (max-width:650px) {
.mk-header-logo {
float: none !important;
text-align: center
}
}
.mk-header-search {
float: right;
margin: 0
}
form.header-searchform-input {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%
}
form.header-searchform-input input[type=submit] {
display: none
}
form.header-searchform-input input[type=text] {
width: 100%;
height: 100%;
outline: 0;
border: 0;
font-weight: 300;
font-size: 14px;
transition: font-size .2s ease-in-out;
-webkit-transition: font-size .2s ease-in-out;
-moz-transition: font-size .2s ease-in-out;
-ms-transition: font-size .2s ease-in-out;
-o-transition: font-size .2s ease-in-out
}
form.header-searchform-input .ui-autocomplete {
overflow: auto;
text-align: left;
top: -2px !important;
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #e33333;
background: #fff
}
form.header-searchform-input .ui-autocomplete li {
line-height: 16px;
padding: 10px 25px;
margin: 0;
overflow: hidden;
cursor: pointer
}
form.header-searchform-input .ui-autocomplete li a {
cursor: pointer
}
form.header-searchform-input .ui-autocomplete li a:hover {
color: #252525
}
form.header-searchform-input .ui-autocomplete li .wp-post-image, form.header-searchform-input .ui-autocomplete li i {
width: 40px;
height: 40px;
border-width: 1px;
border-style: solid;
display: block;
float: left;
margin-right: 10px
}
form.header-searchform-input .ui-autocomplete li i {
line-height: 40px;
font-size: 16px;
text-align: center;
opacity: .45
}
form.header-searchform-input .ui-autocomplete li .search-date {
opacity: .6;
font-size: 12px;
font-weight: 600
}
form.header-searchform-input .ui-autocomplete li .search-title {
font-size: 12px;
text-transform: uppercase;
line-height: 16px;
display: block;
margin-top: 5px;
font-weight: bold
}
.sticky-trigger-header .header-searchform-input input[type=text] {
font-size: 14px
}
.header-search-close {
position: absolute;
top: 50%;
right: 0;
display: block;
margin-top: -18px;
width: 32px;
height: 32px;
line-height: 32px;
display: none
}
.header-search-close i {
font-size: 20px
}
.header-search-icon {
display: block
}
.header-search-icon i {
margin-left: 15px;
padding-left: 15px;
font-size: 16px;
line-height: 26px;
vertical-align: middle
}
.responsive-nav-link {
position: relative;
display: none;
float: left;
cursor: pointer;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}
.responsive-nav-link i {
font-size: 16px
}
#mk-page-title #mk-breadcrumbs {
font-size: 12px;
font-weight: bold
}
#mk-page-title #mk-breadcrumbs.dark-skin {
color: #666
}
#mk-page-title #mk-breadcrumbs.dark-skin a {
color: #666
}
#mk-page-title #mk-breadcrumbs.light-skin {
color: #666
}
#mk-page-title #mk-breadcrumbs.light-skin a {
color: #666
}
#mk-page-title #mk-breadcrumbs.light-skin a:hover {
color: #e33333
}
#mk-page-title.left-align .mk-page-heading {
float: left;
margin: 0 0 0 30px !important
}
#mk-page-title.left-align #mk-breadcrumbs {
float: right;
margin-right: 30px
}
#mk-page-title.center-align {
text-align: center
}
#mk-page-title.center-align .mk-page-heading {
display: block;
margin: 0 0 20px 0 !important
}
#mk-page-title.center-align #mk-breadcrumbs {
line-height: 16px !important
}
#mk-page-title.right-align .mk-page-heading {
float: right;
margin: 0 20px 0 0 !important
}
#mk-page-title.right-align #mk-breadcrumbs {
float: left;
margin-left: 20px
}
@media handheld, only screen and (max-width:767px) {
#mk-header .mk-grid, .mk-secondary-header .mk-grid {
padding-left: 20px !important;
padding-right: 20px !important
}
.sticky-header-padding, .secondary-header-space {
display: none !important
}
#mk-page-title {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media handheld, only screen and (max-width:500px) {
#mk-breadcrumbs {
display: none
}
}
.theme-main-wrapper {
position: relative;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
z-index: 10
}
.theme-main-wrapper.dashboard-opened {
-webkit-transform: translate3d(-230px, 0, 0);
-moz-transform: translate3d(-230px, 0, 0);
-ms-transform: translate3d(-230px, 0, 0);
-o-transform: translate3d(-230px, 0, 0)
}
.mk-side-dashboard {
position: fixed;
top: 0;
width: 230px;
height: 100%;
right: 0;
z-index: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.mk-side-dashboard.dashboard-opened {
right: 0
}
.mk-side-dashboard.wpadminbar-exists {
top: 32px !important
}
.dashboard-trigger {
position: absolute;
display: inline-block;
right: 0;
width: 22px;
cursor: pointer;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}
.dashboard-trigger i {
font-size: 16px;
line-height: 16px;
vertical-align: middle
}
.dashboard-trigger.res-mode {
display: none
}
.dashboard-trigger.desktop-mode {
position: absolute;
right: 40px;
top: 0;
display: inline-block
}
.mk-boxed-enabled .dashboard-trigger.desktop-mode {
right: 20px !important
}
#theme-page {
overflow: hidden;
padding: 0;
margin: 0;
min-height: 200px
}
#theme-page .theme-page-wrapper {
margin: 0 auto
}
#theme-page .theme-page-wrapper.no-padding {
margin-top: 0;
margin-bottom: 0
}
#theme-page .theme-page-wrapper {
padding: 20px 10px
}
#theme-page .theme-page-wrapper .theme-content {
padding: 20px 0
}
#theme-page .theme-page-wrapper #mk-sidebar {
position: relative
}
#theme-page .theme-page-wrapper.right-layout #mk-sidebar {
float: right
}
#theme-page .theme-page-wrapper.left-layout #mk-sidebar {
float: left;
width: 23%;
padding-top: 20px
}
#theme-page .theme-page-wrapper.right-layout .theme-content {
float: left
}
#theme-page .theme-page-wrapper.left-layout .theme-content {
float: right
}
#theme-page .theme-page-wrapper.right-layout .sidebar-wrapper {
padding: 20px 10px 30px 30px
}
.mk-boxed-enabled#mk-boxed-layout {
width: 100%;
margin: 0 auto;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.13);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.13);
box-shadow: 0 0 15px rgba(0,0,0,.13)
}
.mk-boxed-enabled#mk-boxed-layout #mk-header.sticky-header {
left: auto;
right: auto
}
* html #theme-page, * html #mk-sidebar {
display: inline
}
.mk-body-loader-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2351;
background-color: #fff
}
.ie .mk-body-loader-overlay {
display: none !important
}
.qLlogo {
text-align: center;
position: absolute;
width: 400px;
left: 50%;
margin-left: -200px;
top: 20%
}
@media handheld, only screen and (max-width:767px) {
.qLlogo {
top: 5%
}
}
@media handheld, only screen and (max-width:767px) {
#theme-page {
padding: 0 !important
}
.theme-page-wrapper {
margin: 0 auto 0 !important
}
}
@media handheld, only screen and (max-width:960px) {
#mk-sidebar, .theme-content {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 20px !important;
padding-right: 20px !important
}
.sidebar-wrapper {
padding-left: 0 !important;
padding-right: 0 !important
}
}
#mk-footer {
width: 100%;
position: relative;
z-index: 51
}
#mk-footer .footer-wrapper {
position: relative;
min-height: 100px
}
@media handheld, only screen and (max-width:767px) {
#mk-footer [class*='mk-col-'] {
width: 100% !important
}
}
#sub-footer {
border-top-style: solid;
border-top-width: 1px;
padding: 30px 0
}
.mk-footer-copyright {
font-size: 13px;
line-height: 16px;
float: left;
width: 60%
}
@media handheld, only screen and (max-width:767px) {
.mk-footer-copyright {
float: none !important;
display: block;
text-align: center;
width: auto
}
}
.mk-footer-social {
margin: 0;
padding: 0;
list-style: none;
float: right;
width: 40%
}
.mk-footer-social li {
margin: 0;
display: inline-block;
float: right
}
.mk-footer-social li a {
display: block;
margin: 0 10px;
line-height: 16px
}
.mk-footer-social li i {
font-size: 16px;
line-height: 16px
}
@media handheld, only screen and (max-width:767px) {
.mk-footer-social {
float: none !important;
display: block;
margin: 20px 0 0 !important;
text-align: center;
width: 100%
}
.mk-footer-social li {
float: none
}
}
.mk-go-top {
background-color: rgba(0,0,0,.3);
width: 44px;
height: 44px;
line-height: 44px;
position: fixed;
bottom: 84px;
right: 30px;
z-index: 100;
display: none;
text-align: center;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right
}
.mk-go-top.on {
opacity: 1;
-webkit-transition-delay: 0s !important;
-moz-transition-delay: 0s !important;
-ms-transition-delay: 0s !important;
-o-transition-delay: 0s !important;
transition-delay: 0s !important;
-webkit-transform: perspective(300px) rotateY(0deg);
-moz-transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-o-transform: perspective(300px) rotateY(0deg);
transform: rotateY(0deg)
}
.mk-go-top:hover {
background-color: rgba(0,0,0,.4)
}
.mk-go-top i {
color: #fff;
font-size: 16px;
line-height: 40px;
display: block
}
.flex-container a:active, .mk-flexslider a:active, .flex-container a:focus, .mk-flexslider a:focus {
outline: 0
}
.mk-flex-slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none
}
.mk-flexslider {
margin: 0;
padding: 0
}
.mk-flexslider .mk-flex-slides>li, .mk-flexslider .mk-banner-slides>li {
display: none;
margin: 0;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
.mk-flexslider .mk-flex-slides img, .mk-flexslider .mk-banner-slides img {
display: block;
width: 100%
}
.flex-pauseplay span {
text-transform: capitalize
}
.mk-flex-slides:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
line-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
}
.mk-flexslider {
position: relative;
margin: 0;
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
}
.flex-direction-nav {
*height:0;
}
.flex-direction-nav a {
position: absolute;
z-index: 10;
display: block;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease
}
.flex-direction-nav .flex-next:hover {
opacity: 1
}
.flex-direction-nav .flex-prev:hover {
opacity: 1
}
.mk-flexslider:hover .flex-next:hover, .mk-flexslider:hover .flex-prev:hover {
opacity: 1
}
.flex-direction-nav .flex-disabled {
opacity: .3 !important;
filter: alpha(opacity=30);
cursor: default
}
.flex-control-nav {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
text-align: center
}
.flex-control-nav li {
display: inline-block;
margin: 0 6px;
zoom: 1;
*display:inline;
}
.flex-control-paging li a {
display: block;
cursor: pointer
}
.flex-control-paging li a.flex-active {
cursor: default
}
div.jp-audio {
width: 100%
}
div.jp-interface {
position: relative;
width: 100%;
padding: 20px 110px 20px 70px;
border: 1px solid #eee;
background-color: #fafafa
}
div.jp-controls-holder {
clear: both;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden
}
div.jp-interface ul.jp-controls {
list-style-type: none;
margin: 0;
padding: 0;
float: left
}
div.jp-interface ul.jp-controls li {
margin: 0
}
div.jp-audio ul.jp-controls {
position: absolute;
left: 20px;
top: 19px
}
div.jp-interface ul.jp-controls li {
display: inline;
float: left
}
div.jp-interface ul.jp-controls a {
display: block
}
a.jp-play, a.jp-pause {
width: 30px;
height: 30px;
display: block;
background-color: #fafafa;
border: 1px solid #eee;
line-height: 14px;
color: #737373;
text-align: center
}
a.jp-play i, a.jp-pause i {
font-size: 16px;
line-height: 32px
}
div.jp-progress {
border: 1px solid #eee;
background-color: #fff
}
div.jp-audio div.jp-progress {
height: 31px;
float: left;
margin: 0
}
div.jp-audio div.jp-type-single div.jp-progress {
width: 100%
}
div.jp-seek-bar {
width: 0;
height: 100%;
cursor: pointer
}
div.jp-play-bar {
width: 0;
height: 100%;
position: relative
}
a.jp-mute, a.jp-unmute, a.jp-volume-max {
width: 18px;
height: 15px;
margin-top: 0
}
.js-volume-wrapper {
padding: 13px 7px 8px;
margin-top: 4px;
border: 1px solid #eee;
display: inline-block;
width: 70px;
position: absolute;
right: 20px;
top: 15px
}
div.jp-volume-bar {
z-index: 20;
width: 100%;
height: 8px;
cursor: pointer
}
.inner-value-adjust {
background-color: #737373;
width: 100%;
height: 2px
}
div.jp-volume-bar-value {
width: 0;
height: 2px;
transition: width .3s ease-in-out;
-webkit-transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;
-ms-transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
position: relative
}
div.jp-volume-bar-value:after {
content: "";
display: block;
position: absolute;
right: 0;
top: -5px;
width: 12px;
height: 12px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #fafafa;
border: 2px solid #737373
}
@media handheld, only screen and (max-width:600px) {
.js-volume-wrapper {
display: none !important
}
div.jp-interface {
padding-right: 22px !important
}
}
div.jp-current-time, div.jp-duration {
display: inline-block
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: 0;
vertical-align: top
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none
}
.fancybox-opened {
z-index: 8030
}
.fancybox-outer, .fancybox-inner {
position: relative
}
.fancybox-inner {
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%
}
#fancybox-loading {
background-image: url(//www.coli688.com/wp-content/themes/ken/stylesheet/css/../../images/fancybox/fancybox_sprite.png)
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: .8;
cursor: pointer;
z-index: 8060
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.coli688.com/wp-content/themes/ken/stylesheet/css/../../images/fancybox/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
position: absolute;
top: 30px;
right: 30px;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 8040;
border: 1px solid #fff;
color: #fff;
background-color: rgba(0,0,0,.2);
text-align: center
}
.fancybox-close i {
font-size: 16px;
line-height: 28px
}
.fancybox-close:hover {
color: #fff
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.coli688.com/wp-content/themes/ken/stylesheet/css/../../images/fancybox/blank.gif);
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040
}
.fancybox-prev {
left: 0
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -16px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
border: 1px solid #fff;
color: #fff;
background-color: rgba(0,0,0,.2);
text-align: center
}
.fancybox-nav span i {
font-size: 16px;
line-height: 28px
}
.fancybox-nav span:hover {
color: #fff
}
.fancybox-prev span {
left: 20px
}
.fancybox-next span {
right: 20px
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important
}
.fancybox-lock {
overflow: visible !important;
width: auto
}
.fancybox-lock body {
overflow: hidden !important
}
.fancybox-lock-test {
overflow-y: hidden !important
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.coli688.com/wp-content/themes/ken/stylesheet/css/../../images/fancybox/fancybox_overlay.png)
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
visibility: hidden;
position: relative;
z-index: 8050;
margin-right: 45px
}
.fancybox-opened .fancybox-title {
display: none
}
.fancybox-title-float-wrap {
z-index: 8050;
margin-top: 10px
}
.fancybox-title-float-wrap .child {
display: inline-block;
font-size: 16px;
text-transform: uppercase;
color: #444;
line-height: 24px
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0,0,0,.8)
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-wrapper {
position: relative;
width: 100%;
-webkit-transition-property: -webkit-transform, left, top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
-moz-transition-property: -moz-transform, left, top;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0px, 0, 0);
-o-transition-property: -o-transform, left, top;
-o-transition-duration: 0s;
-o-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transition-property: -ms-transform, left, top;
-ms-transition-duration: 0s;
-ms-transform: translate3d(0px, 0, 0);
transition-property: transform, left, top;
transition-duration: 0s;
transform: translate3d(0px, 0, 0);
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease
}
.swiper-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
float: left
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x
}
.mk-edge-slider {
position: relative
}
.mk-edge-slider .mk-grid {
position: relative;
z-index: 14
}
.mk-edge-slider .swiper-slide {
position: relative;
background-position: center;
background-repeat: no-repeat;
overflow: hidden
}
.mk-edge-slider .swiper-slide .edge-slide-content {
margin-top: 100px
}
.mk-edge-slider .swiper-slide.left_top .edge-slide-content, .mk-edge-slider .swiper-slide.center_top .edge-slide-content, .mk-edge-slider .swiper-slide.right_top .edge-slide-content {
margin-top: 80px
}
.mk-edge-slider .swiper-slide.center_top .mk-edge-title, .mk-edge-slider .swiper-slide.center_center .mk-edge-title, .mk-edge-slider .swiper-slide.center_bottom .mk-edge-title, .mk-edge-slider .swiper-slide.center_top .mk-edge-desc, .mk-edge-slider .swiper-slide.center_center .mk-edge-desc, .mk-edge-slider .swiper-slide.center_bottom .mk-edge-desc, .mk-edge-slider .swiper-slide.center_top .edge-buttons, .mk-edge-slider .swiper-slide.center_center .edge-buttons, .mk-edge-slider .swiper-slide.center_bottom .edge-buttons {
text-align: center
}
.mk-edge-slider .swiper-slide.center_top .edge-slide-content, .mk-edge-slider .swiper-slide.center_center .edge-slide-content, .mk-edge-slider .swiper-slide.center_bottom .edge-slide-content {
margin-right: auto;
margin-left: auto
}
.mk-edge-slider .swiper-slide.right_top, .mk-edge-slider .swiper-slide.right_center, .mk-edge-slider .swiper-slide.right_bottom {
text-align: right
}
.mk-edge-slider .swiper-slide.right_top .edge-slide-content, .mk-edge-slider .swiper-slide.right_center .edge-slide-content, .mk-edge-slider .swiper-slide.right_bottom .edge-slide-content {
float: right
}
.mk-edge-slider .edge-nav-bg {
position: absolute;
width: 80px;
height: 100px;
top: 0;
display: block;
z-index: 3;
-webkit-transition: -webkit-transform .3s ease-in-out .5s;
-moz-transition: -moz-transform .3s ease-in-out .5s;
-ms-transition: -moz-transform .3s ease-in-out .5s;
-o-transition: -o-transform .3s ease-in-out .5s;
transition: transform .3s ease-in-out .3s
}
.mk-edge-slider .mk-edge-next {
right: 0
}
.mk-edge-slider .mk-edge-next .edge-nav-bg {
right: 0;
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-webkit-transform: perspective(300px) rotateY(-120deg) translateZ(1px);
-moz-transform: perspective(300px) rotateY(-120deg) translateZ(1px);
-ms-transform: perspective(300px) rotateY(-120deg) translateZ(1px);
-o-transform: perspective(300px) rotateY(-120deg) translateZ(1px);
transform: perspective(300px) rotateY(-120deg) translateZ(1px)
}
.mk-edge-slider .mk-edge-prev {
left: 0
}
.mk-edge-slider .mk-edge-prev .edge-nav-bg {
left: 0;
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
-o-transform-origin: left;
transform-origin: left;
-webkit-transform: perspective(300px) rotateY(120deg) translateZ(1px);
-moz-transform: perspective(300px) rotateY(120deg) translateZ(1px);
-ms-transform: perspective(300px) rotateY(120deg) translateZ(1px);
-o-transform: perspective(300px) rotateY(120deg) translateZ(1px);
transform: perspective(300px) rotateY(120deg) translateZ(1px)
}
.mk-edge-slider .prev-item-caption, .mk-edge-slider .next-item-caption {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
padding: 0 20px;
white-space: nowrap;
display: block;
height: 100px;
line-height: 100px;
position: relative;
transition: all .8s ease-in-out;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out
}
.mk-edge-slider .prev-item-caption {
float: right;
right: 300%
}
.mk-edge-slider .next-item-caption {
float: left;
left: 300%
}
.mk-edge-slider .prev-item-caption, .mk-edge-slider .next-item-caption {
background-color: rgba(0,0,0,.8)
}
.mk-edge-slider .mk-edge-next, .mk-edge-slider .mk-edge-prev {
position: absolute;
top: 50%;
z-index: 10;
height: 100px;
margin-top: -50px;
text-align: center;
cursor: pointer
}
.mk-edge-slider .mk-edge-next i, .mk-edge-slider .mk-edge-prev i {
font-size: 32px;
line-height: 100px;
width: 80px;
display: inline-block;
position: relative;
z-index: 10;
background-color: rgba(0,0,0,.2)
}
.mk-edge-slider .mk-edge-next:hover, .mk-edge-slider .mk-edge-prev:hover {
color: #000 !important
}
.mk-edge-slider .mk-edge-next:hover .prev-item-caption, .mk-edge-slider .mk-edge-prev:hover .prev-item-caption {
right: 0
}
.mk-edge-slider .mk-edge-next:hover .next-item-caption, .mk-edge-slider .mk-edge-prev:hover .next-item-caption {
left: 0
}
.mk-edge-slider .mk-edge-next:hover .edge-nav-bg {
-webkit-transition-delay: 0s !important;
-moz-transition-delay: 0s !important;
-ms-transition-delay: 0s !important;
-o-transition-delay: 0s !important;
transition-delay: 0s !important;
-webkit-transform: perspective(300px) rotateY(0deg);
-moz-transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-o-transform: perspective(300px) rotateY(0deg);
transform: rotateY(0deg)
}
.mk-edge-slider .mk-edge-prev:hover .edge-nav-bg {
-webkit-transition-delay: 0s !important;
-moz-transition-delay: 0s !important;
-ms-transition-delay: 0s !important;
-o-transition-delay: 0s !important;
transition-delay: 0s !important;
-webkit-transform: perspective(300px) rotateY(0deg);
-moz-transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-o-transform: perspective(300px) rotateY(0deg);
transform: rotateY(0deg)
}
.mk-edge-slider .edge-slide-content.caption-light .mk-edge-title, .mk-edge-slider .edge-slide-content.caption-light .mk-edge-desc {
color: #fff !important
}
.mk-edge-slider .edge-slide-content.caption-dark .mk-edge-title, .mk-edge-slider .edge-slide-content.caption-dark .mk-edge-desc {
color: #222 !important
}
.mk-edge-slider .edge-fade-in, .mk-edge-slider .edge-slide-top, .mk-edge-slider .edge-slide-left, .mk-edge-slider .edge-slide-bottom, .mk-edge-slider .edge-slide-right, .mk-edge-slider .edge-scale-down {
transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
-webkit-transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
-moz-transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
-ms-transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
-o-transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
opacity: 0
}
.mk-edge-slider .mk-edge-title {
margin-bottom: 20px;
font-weight: 300;
font-size: 50px;
line-height: 110%
}
.mk-edge-slider .mk-edge-desc {
font-weight: 600;
font-size: 20px;
line-height: 27px
}
.mk-edge-slider .edge-buttons {
margin-top: 30px
}
.mk-edge-slider .swiper-slide-active .edge-fade-in {
opacity: 1
}
.mk-edge-slider .edge-slide-top {
-webkit-transform: translate(0, -300%);
-moz-transform: translate(0, -300%);
-ms-transform: translate(0, -300%);
-o-transform: translate(0, -300%)
}
.mk-edge-slider .swiper-slide-active .edge-slide-top {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-slide-left {
-webkit-transform: translate(-300%, 0);
-moz-transform: translate(-300%, 0);
-ms-transform: translate(-300%, 0);
-o-transform: translate(-300%, 0)
}
.mk-edge-slider .swiper-slide-active .edge-slide-left {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-slide-bottom {
-webkit-transform: translate(0, 300%);
-moz-transform: translate(0, 300%);
-ms-transform: translate(0, 300%);
-o-transform: translate(0, 300%)
}
.mk-edge-slider .swiper-slide-active .edge-slide-bottom {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-slide-right {
-webkit-transform: translate(300%, 0);
-moz-transform: translate(300%, 0);
-ms-transform: translate(300%, 0);
-o-transform: translate(300%, 0)
}
.mk-edge-slider .swiper-slide-active .edge-slide-right {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1
}
.mk-edge-slider .edge-scale-down {
transform: scale(1.3);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3)
}
.mk-edge-slider .swiper-slide-active .edge-scale-down {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
.mk-edge-slider .edge-flip-x, .mk-edge-slider .edge-flip-y {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-perspective: 1000;
opacity: 0;
-webkit-animation-duration: .6s;
-moz-animation-duration: .6s;
-o-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1;
-o-animation-delay: 1s;
animation-delay: 1s
}
.mk-edge-slider .swiper-slide-active .edge-flip-x {
-webkit-animation-name: mk_flip_x;
-moz-animation-name: mk_flip_x;
-o-animation-name: mk_flip_x;
animation-name: mk_flip_x;
opacity: 1
}
.mk-edge-slider .swiper-slide-active .edge-flip-y {
-webkit-animation-name: mk_flip_y;
-moz-animation-name: mk_flip_y;
-o-animation-name: mk_flip_y;
animation-name: mk_flip_y;
opacity: 1
}
.mk-edge-slider .edge-skip-slider {
position: absolute;
left: 50%;
bottom: 20px;
cursor: pointer;
z-index: 10;
margin: -24px 0 0 -24px
}
.mk-edge-slider .edge-skip-slider i {
color: #fff;
font-size: 48px
}
@media handheld, only screen and (max-width:1140px) {
.mk-edge-slider .mk-grid {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px
}
.mk-edge-slider .mk-edge-title {
font-weight: 600;
font-size: 40px
}
.mk-edge-slider .mk-edge-desc {
font-weight: 400;
font-size: 20px;
line-height: 34px
}
.mk-edge-slider .edge-slide-content {
width: 80%
}
}
@media handheld, only screen and (max-width:767px) {
.mk-edge-slider .mk-grid {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px
}
.mk-edge-slider .mk-edge-next, .mk-edge-slider .mk-edge-prev {
display: none
}
.mk-edge-slider .mk-edge-title {
font-weight: 700 !important;
font-size: 22px !important;
line-height: 130% !important
}
.mk-edge-slider .mk-edge-desc {
font-size: 14px;
line-height: 22px !important
}
.mk-edge-slider .edge-buttons .mk-button {
padding: 10px 12px !important;
font-size: 10px !important;
margin-right: 15px !important
}
.mk-edge-slider .mk-button-align.left, .mk-edge-slider .mk-button-align.center, .mk-edge-slider .mk-button-align.right {
width: auto !important;
margin-bottom: 6px
}
.mk-edge-slider .edge-slide-content {
width: 100% !important
}
}
.edge-slider-holder {
z-index: 10
}
.edge-slider-loading {
position: absolute;
width: 100%;
height: 100%;
z-index: 20;
left: 0;
top: 0
}
.mk-edge-one-pager .mk-grid {
position: relative;
z-index: 14
}
.mk-edge-one-pager .section {
position: relative;
background-position: center;
background-repeat: no-repeat;
overflow: hidden
}
.mk-edge-one-pager .section .edge-slide-content {
margin-top: 100px
}
.mk-edge-one-pager .section.left_top .edge-slide-content, .mk-edge-one-pager .section.center_top .edge-slide-content, .mk-edge-one-pager .section.right_top .edge-slide-content {
margin-top: 120px
}
.mk-edge-one-pager .section.center_top .mk-edge-title, .mk-edge-one-pager .section.center_center .mk-edge-title, .mk-edge-one-pager .section.center_bottom .mk-edge-title, .mk-edge-one-pager .section.center_top .mk-edge-desc, .mk-edge-one-pager .section.center_center .mk-edge-desc, .mk-edge-one-pager .section.center_bottom .mk-edge-desc, .mk-edge-one-pager .section.center_top .edge-buttons, .mk-edge-one-pager .section.center_center .edge-buttons, .mk-edge-one-pager .section.center_bottom .edge-buttons {
text-align: center
}
.mk-edge-one-pager .section.center_top .edge-slide-content, .mk-edge-one-pager .section.center_center .edge-slide-content, .mk-edge-one-pager .section.center_bottom .edge-slide-content {
margin-right: auto;
margin-left: auto
}
.mk-edge-one-pager .section.right_top, .mk-edge-one-pager .section.right_center, .mk-edge-one-pager .section.right_bottom {
text-align: right
}
.mk-edge-one-pager .section.right_top .edge-slide-content, .mk-edge-one-pager .section.right_center .edge-slide-content, .mk-edge-one-pager .section.right_bottom .edge-slide-content {
float: right
}
.mk-edge-one-pager .edge-slide-content.caption-light .mk-edge-title, .mk-edge-one-pager .edge-slide-content.caption-light .mk-edge-desc {
color: #fff !important
}
.mk-edge-one-pager .edge-slide-content.caption-dark .mk-edge-title, .mk-edge-one-pager .edge-slide-content.caption-dark .mk-edge-desc {
color: #222 !important
}
.mk-edge-one-pager .edge-fade-in, .mk-edge-one-pager .edge-slide-top, .mk-edge-one-pager .edge-slide-left, .mk-edge-one-pager .edge-slide-bottom, .mk-edge-one-pager .edge-slide-right, .mk-edge-one-pager .edge-scale-down {
transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
-webkit-transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
-moz-transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
-ms-transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
-o-transition: all .8s cubic-bezier(0.77, 0, .175, 1) .7s;
opacity: 0
}
.mk-edge-one-pager .mk-edge-title {
margin-bottom: 20px;
font-weight: 300;
font-size: 50px;
line-height: 110%
}
.mk-edge-one-pager .mk-edge-desc {
font-weight: 600;
font-size: 20px;
line-height: 27px
}
.mk-edge-one-pager .edge-buttons {
margin-top: 30px
}
.mk-edge-one-pager .active .edge-fade-in {
opacity: 1
}
.mk-edge-one-pager .edge-slide-top {
-webkit-transform: translate(0, -300%);
-moz-transform: translate(0, -300%);
-ms-transform: translate(0, -300%);
-o-transform: translate(0, -300%)
}
.mk-edge-one-pager .active .edge-slide-top {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1
}
.mk-edge-one-pager .edge-slide-left {
-webkit-transform: translate(-300%, 0);
-moz-transform: translate(-300%, 0);
-ms-transform: translate(-300%, 0);
-o-transform: translate(-300%, 0)
}
.mk-edge-one-pager .active .edge-slide-left {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1
}
.mk-edge-one-pager .edge-slide-bottom {
-webkit-transform: translate(0, 300%);
-moz-transform: translate(0, 300%);
-ms-transform: translate(0, 300%);
-o-transform: translate(0, 300%)
}
.mk-edge-one-pager .active .edge-slide-bottom {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1
}
.mk-edge-one-pager .edge-slide-right {
-webkit-transform: translate(300%, 0);
-moz-transform: translate(300%, 0);
-ms-transform: translate(300%, 0);
-o-transform: translate(300%, 0)
}
.mk-edge-one-pager .active .edge-slide-right {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
opacity: 1
}
.mk-edge-one-pager .edge-scale-down {
transform: scale(1.3);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3)
}
.mk-edge-one-pager .active .edge-scale-down {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
.mk-edge-one-pager .edge-flip-x, .mk-edge-one-pager .edge-flip-y {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-perspective: 1000;
opacity: 0;
-webkit-animation-duration: .6s;
-moz-animation-duration: .6s;
-o-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1;
-o-animation-delay: 1s;
animation-delay: 1s
}
.mk-edge-one-pager .active .edge-flip-x {
-webkit-animation-name: mk_flip_x;
-moz-animation-name: mk_flip_x;
-o-animation-name: mk_flip_x;
animation-name: mk_flip_x;
opacity: 1
}
.mk-edge-one-pager .active .edge-flip-y {
-webkit-animation-name: mk_flip_y;
-moz-animation-name: mk_flip_y;
-o-animation-name: mk_flip_y;
animation-name: mk_flip_y;
opacity: 1
}
.mk-edge-one-pager .edge-skip-slider {
position: absolute;
left: 50%;
bottom: 20px;
cursor: pointer;
z-index: 10;
margin: -24px 0 0 -24px
}
.mk-edge-one-pager .edge-skip-slider i {
color: #fff;
font-size: 48px
}
@media handheld, only screen and (max-width:1140px) {
.mk-edge-one-pager .mk-grid {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px
}
.mk-edge-one-pager .mk-edge-title {
font-weight: 600;
font-size: 40px
}
.mk-edge-one-pager .mk-edge-desc {
font-weight: 400;
font-size: 20px;
line-height: 34px
}
.mk-edge-one-pager .edge-slide-content {
width: 80%
}
}
@media handheld, only screen and (max-width:767px) {
.mk-edge-one-pager .mk-grid {
padding: 0 15px
}
.mk-edge-one-pager .mk-edge-title {
font-weight: 700 !important;
font-size: 22px !important;
line-height: 130% !important
}
.mk-edge-one-pager .mk-edge-desc {
font-size: 14px;
line-height: 22px !important
}
.mk-edge-one-pager .edge-buttons .mk-button {
padding: 10px 12px !important;
font-size: 10px !important;
margin-right: 15px !important
}
.mk-edge-one-pager .mk-button-align.left, .mk-edge-one-pager .mk-button-align.center, .mk-edge-one-pager .mk-button-align.right {
width: auto !important;
margin-bottom: 6px
}
.mk-edge-one-pager .edge-slide-content {
width: 100% !important
}
}
#superContainer {
height: 100%;
position: relative;
-ms-touch-action: none;
touch-action: none
}
.section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.slide, .slidesContainer {
height: 100%;
display: block
}
.slides {
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.section.table, .slide.table {
display: table;
width: 100%
}
.tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.slidesContainer {
float: left;
position: relative
}
.controlArrow {
position: absolute;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px
}
.controlArrow.prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent
}
.controlArrow.next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff
}
.scrollable {
overflow: scroll
}
.easing {
-webkit-transition: all 500ms cubic-bezier(0.77, 0, .175, 1);
-moz-transition: all 500ms cubic-bezier(0.77, 0, .175, 1);
-o-transition: all 500ms cubic-bezier(0.77, 0, .175, 1);
transition: all 500ms cubic-bezier(0.77, 0, .175, 1);
-webkit-transition-timing-function: cubic-bezier(0.77, 0, .175, 1);
-moz-transition-timing-function: cubic-bezier(0.77, 0, .175, 1);
-o-transition-timing-function: cubic-bezier(0.77, 0, .175, 1);
transition-timing-function: cubic-bezier(0.77, 0, .175, 1)
}
#fullPage-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1
}
#fullPage-nav.right {
right: 17px
}
#fullPage-nav.left {
left: 17px
}
.fullPage-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1
}
.fullPage-slidesNav.bottom {
bottom: 17px
}
.fullPage-slidesNav.top {
top: 17px
}
#fullPage-nav ul, .fullPage-slidesNav ul {
margin: 0;
padding: 0
}
#fullPage-nav li, .fullPage-slidesNav li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position: relative
}
.fullPage-slidesNav li {
display: inline-block
}
#fullPage-nav li a, .fullPage-slidesNav li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none
}
#fullPage-nav.light-skin li .active span, .fullPage-slidesNav.light-skin .active span {
background: #fff
}
#fullPage-nav.dark-skin li .active span, .fullPage-slidesNav.dark-skin .active span {
background: #444
}
#fullPage-nav span, .fullPage-slidesNav span {
top: 2px;
left: 2px;
width: 8px;
height: 8px;
position: absolute;
z-index: 1
}
#fullPage-nav.light-skin span, .fullPage-slidesNav.light-skin span {
border: 1px solid #fff
}
#fullPage-nav.dark-skin span, .fullPage-slidesNav.dark-skin span {
border: 1px solid #444
}
.fullPage-tooltip {
display: none !important
}
.fullPage-tooltip.right {
right: 20px
}
.fullPage-tooltip.left {
left: 20px
}
.blog-classic-entry {
display: block;
overflow: hidden;
margin-bottom: 90px;
width: 100%;
opacity: 0
}
.blog-classic-entry .blog-entry-heading {
position: relative;
margin-bottom: 4px;
padding: 0 6px
}
.blog-classic-entry .blog-entry-heading .blog-title {
margin: 0;
padding-right: 100px;
font-size: 22px !important;
line-height: 28px;
display: inline-block
}
.blog-classic-entry .blog-entry-heading .blog-comments, .blog-classic-entry .blog-entry-heading .mk-love-holder {
display: inline-block;
float: right;
color: #d5d5d5;
font-size: 12px;
font-weight: bold;
font-style: italic;
padding-left: 8px;
line-height: 14px;
margin-top: 6px
}
.blog-classic-entry .blog-entry-heading .blog-comments .mk-love-count, .blog-classic-entry .blog-entry-heading .mk-love-holder .mk-love-count {
color: #d5d5d5;
font-size: 12px;
font-weight: bold;
font-style: italic
}
.blog-classic-entry .blog-entry-heading .blog-comments i, .blog-classic-entry .blog-entry-heading .mk-love-holder i {
font-size: 16px;
padding-right: 3px;
color: #d7d7d7
}
.blog-classic-entry .blog-entry-heading .mk-love-holder {
padding-right: 8px;
border-right: 1px solid #eee
}
.blog-classic-entry .blog-gallery-type .mk-slideshow-shortcode {
margin: 0;
padding: 0;
border: 0;
background-color: transparent
}
.blog-classic-entry .mk-video-wrapper, .blog-classic-entry .featured-image, .blog-classic-entry .mk-audio, .blog-classic-entry .blog-gallery-type {
margin-bottom: 20px
}
.blog-classic-entry .blog-excerpt {
padding: 0 6px
}
.blog-classic-entry .audio-iframe {
margin-bottom: 15px
}
@media handheld, only screen and (max-width:600px) {
.blog-classic-entry {
margin-bottom: 30px !important
}
.blog-classic-entry .blog-title {
display: block !important;
margin-bottom: 10px !important
}
.blog-classic-entry .blog-comments, .blog-classic-entry .mk-love-holder {
float: left !important;
border: 0 !important;
margin: 20px 5px 15px 0;
font-size: 14px !important;
line-height: 30px
}
.blog-classic-entry .blog-meta {
display: block;
clear: both
}
}
.blog-meta {
line-height: 12px;
margin-bottom: 15px;
padding: 0 8px
}
.blog-meta time, .blog-meta .blog-categories {
float: left
}
.blog-meta time {
margin-right: 6px
}
.blog-meta a {
color: #999;
font-size: 18px
}
.blog-masonry-entry {
overflow: hidden;
display: block;
opacity: 0;
float: left
}
.blog-masonry-entry .item-holder {
margin: 0 15px 30px 30px;
background-color: #fdfdfd;
border: 1px solid #eee;
padding-bottom: 20px
}
.blog-masonry-entry .post-type-icon {
position: absolute;
left: 0;
top: 25px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #eee;
border-right: 0;
display: block;
color: #e3e3e3
}
.blog-masonry-entry .post-type-icon:hover {
color: #fff
}
.blog-masonry-entry .post-type-icon i {
font-size: 16px;
line-height: 30px;
display: block
}
.blog-masonry-entry .blog-meta {
display: block;
clear: both;
margin: 0;
padding: 10px 20px 5px
}
.blog-masonry-entry .blog-meta time {
padding-bottom: 5px
}
.blog-masonry-entry .blog-entry-heading {
position: relative;
margin-bottom: 4px;
padding: 10px;
background-color: #f7f7f7;
border: 1px solid #fdfdfd
}
.blog-masonry-entry .blog-entry-heading .blog-title {
margin: 0;
padding: 0 0 10px;
line-height: 22px;
display: block
}
.blog-masonry-entry .blog-entry-heading .blog-title a {
color: #666
}
.blog-masonry-entry .blog-entry-heading .blog-comments, .blog-masonry-entry .blog-entry-heading .mk-love-holder {
display: inline-block;
color: #d5d5d5;
font-size: 12px;
font-weight: bold;
font-style: italic;
padding-left: 8px;
margin-top: 8px;
line-height: 14px
}
.blog-masonry-entry .blog-entry-heading .blog-comments .mk-love-count, .blog-masonry-entry .blog-entry-heading .mk-love-holder .mk-love-count {
color: #d5d5d5;
font-size: 12px;
font-weight: bold;
font-style: italic
}
.blog-masonry-entry .blog-entry-heading .blog-comments i, .blog-masonry-entry .blog-entry-heading .mk-love-holder i {
font-size: 16px;
padding-right: 3px;
color: #d7d7d7
}
.blog-masonry-entry .blog-entry-heading .mk-love-holder {
margin-left: 8px;
border-left: 1px solid #eee
}
.blog-masonry-entry .mk-video-wrapper, .blog-masonry-entry .featured-image, .blog-masonry-entry .mk-audio, .blog-masonry-entry .blog-gallery-type .mk-image-slideshow {
margin-bottom: 0
}
.blog-masonry-entry .blog-excerpt {
padding: 0 20px
}
.blog-masonry-entry .audio-iframe {
padding: 10px
}
.blog-masonry-entry .jp-interface {
border: 0 !important;
background-color: transparent !important;
padding: 0 90px 0 50px !important
}
.blog-masonry-entry .jp-interface .jp-controls {
left: 10px;
top: 0
}
.blog-masonry-entry .jp-interface .js-volume-wrapper {
right: 10px;
top: 0;
margin-top: 0
}
.blog-masonry-entry.one-column {
width: 100%
}
.blog-masonry-entry.one-column .blog-title {
font-size: 16px !important;
font-weight: normal !important
}
.blog-masonry-entry.two-column {
width: 49.8%
}
.blog-masonry-entry.two-column .blog-title {
font-size: 16px !important;
font-weight: normal !important
}
.blog-masonry-entry.three-column {
width: 33.1%
}
.blog-masonry-entry.three-column .blog-title {
font-size: 13px !important;
line-height: 18px;
font-weight: bold !important
}
.blog-masonry-entry.four-column {
width: 24.8%
}
.blog-masonry-entry.four-column .item-holder {
padding-bottom: 15px
}
.blog-masonry-entry.four-column .blog-meta {
padding-right: 15px;
padding-left: 15px
}
.blog-masonry-entry.four-column .blog-excerpt {
padding: 0 15px
}
.blog-masonry-entry.four-column .blog-title {
margin: 0;
padding: 0 10px 0 8px;
font-size: 12px !important;
line-height: 18px;
font-weight: bold;
display: block
}
.blog-masonry-entry.four-column .blog-title a {
color: #666
}
.blog-masonry-entry.four-column .jp-interface {
padding: 0 10px 40px !important
}
.blog-masonry-entry.four-column .jp-controls {
top: 38px;
left: 10px
}
.blog-masonry-entry.four-column .js-volume-wrapper {
top: 38px;
right: 10px
}
@media handheld, only screen and (max-width:960px) {
.blog-masonry-entry.three-column, .blog-masonry-entry.four-column {
width: 49.8% !important
}
}
@media handheld, only screen and (max-width:650px) {
.blog-masonry-entry.three-column, .blog-masonry-entry.four-column, .blog-masonry-entry.two-column, .blog-masonry-entry.one-column {
width: 100% !important
}
}
.blog-list-entry {
padding-bottom: 30px;
width: 100%;
*zoom:1;
}
.blog-list-entry:before, .blog-list-entry:after {
content: " ";
display: table
}
.blog-list-entry:after {
clear: both
}
.blog-list-entry .the-title {
font-size: 14px !important;
font-weight: bold !important;
margin-bottom: 3px
}
.blog-list-entry .listtype-meta {
margin-bottom: 5px
}
.blog-list-entry .listtype-meta time a {
color: #999
}
.blog-list-entry .listtype-meta time, .blog-list-entry .listtype-meta a, .blog-list-entry .listtype-meta span {
font-weight: bold;
font-style: italic;
font-size: 12px
}
.blog-list-entry .post-type-icon {
width: 40px;
height: 40px;
display: block;
line-height: 40px;
text-align: center;
border: 1px solid #999;
color: #999;
margin: 5px 0 10px
}
.blog-list-entry .post-type-icon i {
font-size: 16px;
line-height: 40px;
display: block
}
.blog-list-entry .post-type-icon:hover {
color: #fff
}
.blog-list-entry .mk-pagination {
padding-top: 40px;
margin-top: 50px;
border-top: 1px solid #eee
}
.blog-list-entry .list-posttype-col {
width: 70px;
float: left
}
.blog-list-entry .list-content-col {
float: left;
display: block;
width: 80%;
padding-top: 6px;
*zoom:1;
}
.blog-list-entry .list-content-col:before, .blog-list-entry .list-content-col:after {
content: " ";
display: table
}
.blog-list-entry .list-content-col:after {
clear: both
}
@media handheld, only screen and (max-width:600px) {
.blog-list-entry .list-posttype-col {
display: none
}
.blog-list-entry .list-content-col {
width: 100%
}
}
.blog-thumb-entry {
padding-bottom: 30px;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px solid #eee;
*zoom:1;
}
.blog-thumb-entry:before, .blog-thumb-entry:after {
content: " ";
display: table
}
.blog-thumb-entry:after {
clear: both
}
.blog-thumb-entry .featured-image {
width: 21%;
float: left
}
.blog-thumb-entry .featured-image img {
width: 100%
}
.blog-thumb-entry .blog-thumb-content {
width: 79%;
float: left;
padding: 0 5px 0 15px
}
.blog-thumb-entry .blog-title {
font-size: 13px;
margin-bottom: 5px;
font-weight: 600 !important
}
.blog-thumb-entry time a {
font-weight: bold;
font-size: 11px;
font-style: italic;
display: inline-block;
line-height: 14px
}
.blog-thumb-entry time a {
color: #999
}
@media handheld, only screen and (max-width:550px) {
.blog-thumb-entry .blog-thumb-content {
width: 100%;
float: none;
padding: 15px 0 0
}
.blog-thumb-entry .featured-image {
width: 100%;
float: none
}
.blog-thumb-entry .featured-image img {
width: 100%
}
}
.blog-scroller-entry {
position: relative;
overflow: hidden
}
.blog-scroller-entry .blog-title {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
line-height: 20px;
font-weight: bold !important;
position: absolute;
left: 0;
bottom: 0;
margin: 0;
width: 100%;
padding: 20px;
background-color: rgba(0,0,0,.5);
border-top: 1px solid rgba(255,255,255,.5)
}
.blog-scroller-entry .blog-title a {
color: #fff;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
display: block
}
.blog-scroller-entry .blog-title {
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out
}
.blog-scroller-entry:hover .blog-title {
bottom: -200px
}
.blog-scroller-arrows {
width: 34px;
height: 34px;
background-color: rgba(0,0,0,.2);
border: 1px solid #fff;
display: block;
position: absolute;
top: 50%;
margin-top: -20px;
text-align: center
}
.blog-scroller-arrows i {
color: #fff;
line-height: 32px;
font-size: 16px
}
.blog-scroller-arrows.mk-swiper-prev {
left: 15px
}
.blog-scroller-arrows.mk-swiper-next {
right: 15px
}
.blog-magazine-entry {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mk-magazine-wrapper {
margin-bottom: 20px;
*zoom:1;
}
.mk-magazine-wrapper:before, .mk-magazine-wrapper:after {
content: " ";
display: table
}
.mk-magazine-wrapper:after {
clear: both
}
.magazine-featured-post .magazine-posttype-icon {
color: #fff;
position: absolute;
bottom: 12px;
left: 12px;
font-size: 16px
}
.magazine-featured-post .blog-title {
font-size: 13px;
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 22px;
background-color: rgba(0,0,0,.5);
border-top: 1px solid rgba(255,255,255,.5);
margin: 0;
z-index: 15
}
.magazine-featured-post .blog-title a {
font-weight: bold;
color: #fff
}
.magazine-featured-post .blog-meta {
background-color: #fafafa;
padding: 12px
}
.magazine-featured-post time a {
color: #999;
font-weight: bold;
font-size: 12px;
font-style: italic
}
.magazine-featured-post time {
display: inline-block;
margin-top: 3px
}
.magazine-featured-post .blog-categories {
margin: 3px 10px 0 0
}
.magazine-featured-post .mk-love-holder, .magazine-featured-post .blog-comments {
display: inline-block;
float: right;
margin: 4px 0 4px 4px
}
.magazine-featured-post .mk-love-holder i, .magazine-featured-post .blog-comments i {
font-size: 16px;
color: #d7d7d7
}
.magazine-featured-post .blog-comments {
padding-left: 8px;
border-left: 1px solid #eee
}
.magazine-featured-post .blog-comments i {
margin-right: 4px;
font-size: 16px
}
.magazine-thumb-post {
padding-bottom: 15px;
margin-bottom: 15px;
width: 100%;
border-bottom: 1px solid #eee;
*zoom:1;
}
.magazine-thumb-post:before, .magazine-thumb-post:after {
content: " ";
display: table
}
.magazine-thumb-post:after {
clear: both
}
.magazine-thumb-post .blog-title {
font-size: 13px;
font-weight: 400 !important;
margin: 5px 0
}
.magazine-thumb-post time a, .magazine-thumb-post .blog-cat a {
font-weight: bold;
font-size: 12px;
font-style: italic;
display: inline-block;
line-height: 14px
}
.magazine-thumb-post time a {
color: #999
}
.magazine-thumb-post .blog-cat {
padding-left: 5px
}
.magazine-thumb-post .featured-image {
width: 12%;
float: left
}
.magazine-thumb-post .blog-thumb-content {
width: 88%;
float: left;
padding: 5px 5px 0 20px
}
.mag-one-column .magazine-featured-post {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee
}
.mag-two-column-right .magazine-featured-post, .mag-two-column-left .magazine-featured-post {
width: 50%;
float: right;
position: relative
}
.mag-two-column-right .magazine-featured-post:before, .mag-two-column-left .magazine-featured-post:before {
position: absolute;
top: 0;
content: "";
display: block;
width: 1px;
height: 100%;
background: #eee
}
.mag-two-column-right .magazine-thumb-post, .mag-two-column-left .magazine-thumb-post {
width: 50%
}
.mag-two-column-right .magazine-featured-post {
float: right;
padding-left: 80px
}
.mag-two-column-right .magazine-featured-post:before {
left: 40px
}
.mag-two-column-right .magazine-thumb-post {
float: left
}
.mag-two-column-left .magazine-featured-post {
float: left;
padding-right: 80px
}
.mag-two-column-left .magazine-featured-post:before {
right: 40px
}
.mag-two-column-left .magazine-thumb-post {
float: right
}
@media handheld, only screen and (max-width:680px) {
.mag-two-column-right .magazine-featured-post, .mag-two-column-left .magazine-featured-post {
width: 100%;
float: none;
padding: 0 0 30px
}
.mag-two-column-right .magazine-featured-post:before, .mag-two-column-left .magazine-featured-post:before {
display: none
}
.mag-two-column-right .magazine-thumb-post, .mag-two-column-left .magazine-thumb-post {
width: 100%
}
}
.blog-tile-entry {
overflow: hidden;
display: block;
opacity: 0;
float: left
}
.blog-tile-entry .item-holder {
margin: 0 15px 50px 15px
}
.blog-tile-entry .blog-meta {
text-align: center;
line-height: 13px;
margin: 0 0 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f0f0f0
}
.blog-tile-entry .blog-meta time, .blog-tile-entry .blog-meta .blog-categories, .blog-tile-entry .blog-meta .blog-comments, .blog-tile-entry .blog-meta .mk-love-holder {
float: none;
display: inline-block;
border-right: 1px solid #d2d2d2;
padding: 0 6px;
margin: 0
}
.blog-tile-entry .blog-meta .mk-love-holder {
margin-right: 7px;
border: 0
}
.blog-tile-entry .blog-meta .mk-love-holder span {
display: inline-block;
font-size: 12px
}
.blog-tile-entry .blog-meta .blog-comments i, .blog-tile-entry .blog-meta .mk-love-holder i {
font-size: 16px;
color: #d7d7d7
}
.blog-tile-entry .blog-gallery-type {
position: relative;
padding: 12px;
border: 1px solid #efefef
}
.blog-tile-entry .featured-image {
position: relative;
padding: 12px;
border: 1px solid #efefef;
z-index: 2;
background-color: #fdfdfd
}
.blog-tile-entry .featured-image img {
width: 100%
}
.blog-tile-entry .featured-image:hover .image-hover-overlay {
opacity: .4
}
.blog-tile-entry .grid-image-inner {
position: relative;
overflow: hidden
}
.blog-tile-entry .blog-avatar {
text-align: center;
margin-bottom: 10px;
position: relative;
z-index: 3
}
.blog-tile-entry .avatar {
padding: 5px;
border: 1px solid #efefef;
margin: 0 auto;
background-color: #fff
}
.blog-tile-entry.image-post-type .blog-avatar, .blog-tile-entry.portfolio-post-type .blog-avatar, .blog-tile-entry.video-post-type .blog-avatar, .blog-tile-entry.gallery-post-type .blog-avatar {
margin-top: -55px
}
.blog-tile-entry .mk-image-slideshow {
margin-bottom: 0
}
.blog-tile-entry .text-post-wrapper {
padding: 15px;
border: 1px solid #efefef;
background: #fafafa
}
.blog-tile-entry .mk-video-wrapper, .blog-tile-entry .featured-image, .blog-tile-entry .mk-audio, .blog-tile-entry .blog-gallery-type {
margin: 0 0 15px
}
.blog-tile-entry .blog-gallery-type {
background-color: #fdfdfd
}
.blog-tile-entry .mk-video-wrapper {
background-color: #fdfdfd;
padding: 12px;
border: 1px solid #efefef
}
.blog-tile-entry .jp-audio {
width: auto !important
}
.blog-tile-entry.audio-post-type .blog-avatar {
display: none
}
.blog-tile-entry .blog-entry-heading {
border: 1px solid #efefef;
border-left: 0;
border-right: 0;
position: relative;
padding: 6px 0 6px 15px;
margin-bottom: 11px
}
.blog-tile-entry .blog-entry-heading .blog-title {
font-weight: 600 !important;
line-height: 22px;
padding-right: 40px;
margin: 0
}
.blog-tile-entry .blog-entry-heading i {
position: absolute;
right: 10px;
top: 50%;
color: #d7d7d7;
margin-top: -8px;
text-align: center;
font-size: 16px
}
.blog-tile-entry .blog-excerpt {
margin: 0 15px
}
.blog-tile-entry.one-column {
width: 100%;
margin: 0 0 30px
}
.blog-tile-entry.one-column .blog-title {
font-size: 18px !important
}
.blog-tile-entry.two-column {
width: 50%
}
.blog-tile-entry.two-column .blog-title {
font-size: 18px !important
}
.blog-tile-entry.three-column {
width: 33%
}
.blog-tile-entry.three-column .blog-title {
font-size: 15px !important
}
.blog-tile-entry.four-column {
width: 25%
}
.blog-tile-entry.four-column .blog-title {
font-size: 13px !important
}
.blog-tile-entry.four-column .blog-categories {
border-right: 0
}
.blog-tile-entry.four-column .blog-avatar, .blog-tile-entry.four-column .blog-comments, .blog-tile-entry.four-column .mk-love-holder {
display: none
}
@media handheld, only screen and (max-width:960px) {
.blog-tile-entry.three-column, .blog-tile-entry.four-column {
width: 49.8% !important
}
}
@media handheld, only screen and (max-width:650px) {
.blog-tile-entry.three-column, .blog-tile-entry.four-column, .blog-tile-entry.two-column, .blog-tile-entry.one-column {
width: 100% !important
}
}
.blog-modern-entry {
position: relative;
margin-bottom: 40px;
opacity: 0;
overflow: hidden
}
.blog-modern-entry .hover-overlay {
opacity: .3
}
.blog-modern-entry:hover .hover-overlay {
opacity: 0;
top: -100%
}
.blog-modern-entry:hover .blog-title {
margin-top: -30px;
opacity: 0
}
.blog-modern-entry:hover .modern-featured-image img {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
.blog-modern-entry .blog-entry-heading {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
z-index: 14
}
.blog-modern-entry .blog-title {
font-size: 30px;
font-weight: 300 !important;
line-height: 36px;
margin-bottom: 30px;
display: block
}
.blog-modern-entry .blog-title a {
color: #fff
}
.blog-modern-entry .blog-modern-button {
font-size: 12px;
font-weight: bold;
color: #fff;
border: 1px solid #fff;
line-height: 12px;
padding: 14px 20px
}
.blog-modern-entry .blog-modern-button:hover {
color: #000;
background-color: #fff
}
.blog-modern-entry .blog-gallery-type .mk-image-slideshow {
margin-bottom: 0
}
.blog-modern-entry .slideshow-swiper-arrows {
z-index: 15
}
.blog-modern-entry .modern-featured-image 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);
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out
}
.blog-modern-entry .blog-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 30px 30px;
z-index: 14;
margin: 0
}
.blog-modern-entry time, .blog-modern-entry .blog-categories, .blog-modern-entry .post-type-icon {
display: inline-block;
float: left;
font-weight: bold;
font-style: italic
}
.blog-modern-entry .post-type-icon {
font-size: 16px;
color: #fff;
padding-right: 7px
}
.blog-modern-entry time a {
color: #fff
}
.blog-modern-entry .blog-comments, .blog-modern-entry .mk-love-holder {
float: right;
color: #fff;
display: inline-block;
padding-left: 6px;
font-weight: bold;
font-style: italic;
font-size: 12px
}
.blog-modern-entry .blog-comments i, .blog-modern-entry .mk-love-holder i {
font-size: 16px
}
@media handheld, only screen and (max-width:767px) {
.blog-modern-entry .blog-title {
font-size: 14px;
font-weight: 400 !important;
line-height: 22px;
margin-bottom: 0
}
.blog-modern-entry .blog-modern-button {
display: none
}
.blog-modern-entry .blog-meta {
padding: 0 10px 10px
}
}
.blog-slideshow-entry {
position: relative
}
.blog-slideshow-entry .blog-meta {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
width: 100%;
padding: 12px 25px;
background-color: rgba(0,0,0,.8);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C8000000, endcolorstr=#C8000000)\9\0
}
.blog-slideshow-entry .post-type-icon, .blog-slideshow-entry .blog-title {
display: inline-block;
float: left
}
.blog-slideshow-entry .blog-title {
margin: 0;
font-size: 14px;
font-weight: normal
}
.blog-slideshow-entry .blog-title a {
color: #fff
}
.blog-slideshow-entry .mk-love-holder {
float: right;
color: #fff;
display: inline-block;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #eee;
font-weight: bold;
font-style: italic;
font-size: 12px
}
.blog-slideshow-entry .mk-love-holder i {
font-size: 16px
}
.blog-slideshow-entry .post-type-icon {
font-size: 16px;
color: #fff;
padding-right: 7px
}
.blog-slideshow-entry time, .blog-slideshow-entry .blog-categories {
display: inline-block;
float: right
}
.blog-slideshow-entry time a {
color: #fff
}
@media handheld, only screen and (max-width:767px) {
.blog-slideshow-entry .blog-meta {
display: none
}
}
.mk-blog-teaser .blog-slider-item {
width: 66.667%;
float: left
}
.mk-blog-teaser .blog-teaser-side-item {
overflow: hidden;
float: left;
position: relative
}
.mk-blog-teaser .blog-teaser-side-item .item-holder {
margin-left: 1px
}
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 33.33%
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 16.665%
}
.mk-blog-teaser .blog-teaser-side-item.half-item .item-holder {
margin-top: 1px
}
.mk-blog-teaser .blog-teaser-side-item:hover .blog-title {
bottom: -50px
}
.mk-blog-teaser .blog-teaser-side-item .blog-title {
position: absolute;
left: 1px;
bottom: 0;
font-size: 13px;
white-space: nowrap;
margin: 0;
padding: 12px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0,0,0,.5);
border-top: 1px solid rgba(255,255,255,.3)
}
.mk-blog-teaser .blog-teaser-side-item .blog-title a {
color: #fff;
font-weight: bold !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 98%;
display: block
}
@media handheld, only screen and (max-width:767px) {
.mk-blog-teaser .blog-slider-item {
width: 100%;
float: none
}
.mk-blog-teaser .blog-teaser-side-item .item-holder {
margin-top: 1px
}
.mk-blog-teaser .blog-teaser-side-item .item-featured-image {
width: 100%
}
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 50%
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 25%
}
}
@media handheld, only screen and (max-width:600px) {
.mk-blog-teaser .blog-teaser-side-item.full-item {
width: 100%;
float: none
}
.mk-blog-teaser .blog-teaser-side-item.half-item {
width: 50%
}
}
.mk-pagination {
margin: 40px 0 0;
text-align: left;
position: relative
}
.mk-pagination ul {
margin: 0 50px 0 0;
padding: 0;
list-style: none;
display: inline-block
}
.mk-pagination ul li {
margin: 0;
padding: 0;
display: inline-block;
position: relative
}
.mk-pagination .page-number, .mk-pagination .current-page {
display: inline-block;
text-align: left;
font-size: 13px;
margin: 0 2px;
padding: 0 13px;
color: #777;
font-weight: bold;
line-height: 32px
}
.mk-pagination .current-page {
background-color: #777;
color: #fff
}
.mk-pagination .mk-pagination-next, .mk-pagination .mk-pagination-previous {
display: inline-block
}
.mk-pagination .mk-pagination-previous {
margin-right: -1px
}
.mk-pagination .mk-pagination-next a, .mk-pagination .mk-pagination-previous a {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #777;
font-size: 16px;
margin: 0;
color: #777;
display: inline-block;
position: relative
}
.mk-pagination .mk-pagination-next a:before, .mk-pagination .mk-pagination-previous a:before {
font-size: 16px;
display: block;
line-height: 30px
}
.mk-pagination .mk-pagination-next a:hover, .mk-pagination .mk-pagination-previous a:hover {
background-color: #777;
color: #fff
}
.mk-pagination .mk-pagination-next a:before {
content: "\e63c"
}
.mk-pagination .mk-pagination-previous a:before {
content: "\e633"
}
.mk-page-links {
margin: 10px 30px 20px 30px;
color: #777;
font-weight: bold
}
.mk-page-links a {
text-align: left;
font-size: 13px;
margin: 0 2px
}
.mk-loadmore-button {
margin: 40px auto;
text-align: center;
width: 30px;
height: 30px;
border: 1px solid #eee;
border-top: 0;
position: relative;
color: #777
}
.mk-loadmore-button:before {
display: block;
content: "";
width: 60px;
height: 1px;
background-color: #efefef;
margin-left: -15px
}
.mk-loadmore-button i {
line-height: 30px
}
.mk-loadmore-button:hover {
background-color: #717171;
color: #fff
}
.mk-loadmore-button:hover i {
color: #fff !important
}
.mk-loadmore-button .mk-icon-refresh {
font-size: 16px;
line-height: 30px;
vertical-align: middle;
height: 30px;
width: 30px;
color: #b8b8b8;
-moz-animation: spin .7s infinite linear;
-o-animation: spin .7s infinite linear;
-webkit-animation: spin .7s infinite linear;
animation: spin .7s infinite linear;
display: none
}
.mk-loadmore-button .mk-theme-icon-bottom-bigger {
font-size: 16px;
display: block
}
.mk-loadmore-button .mk-icon-times {
display: none;
color: #b8b8b8;
font-size: 16px
}
.mk-loadmore-button.pagination-loading .mk-icon-refresh {
display: block
}
.mk-loadmore-button.pagination-loading .mk-theme-icon-bottom-bigger {
display: none
}
.mk-loadmore-button #infscr-loading {
display: none !important
}
.mk-loadmore-button.disable-pagination {
cursor: default
}
.mk-loadmore-button.disable-pagination .mk-icon-refresh, .mk-loadmore-button.disable-pagination .mk-theme-icon-bottom-bigger {
display: none
}
.mk-loadmore-button.disable-pagination .mk-icon-times {
display: block
}
.small-preview, .mk-post-nav .entry-info-wrap, .mk-post-nav {
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.mk-post-nav {
position: fixed;
height: 100px;
top: 50%;
background: #ccc;
background: rgba(0,0,0,.1);
color: #fff;
margin-top: -55px;
text-decoration: none;
z-index: 200
}
.mk-post-prev.mk-post-nav {
padding-left: 30px
}
.mk-post-next.mk-post-nav {
padding-right: 30px
}
.mk-post-nav:hover {
background: #222;
background: rgba(0,0,0,.8)
}
.mk-post-nav .label {
position: absolute;
top: 50%;
width: 12px;
line-height: 22px;
margin-top: -11px;
font-size: 24px
}
.mk-post-nav .entry-image {
display: block
}
.mk-post-nav .entry-image img {
display: block;
height: 100px;
width: 100px
}
.mk-post-prev {
left: 0
}
.mk-post-prev .label {
left: 10px
}
.mk-post-next {
right: 0
}
.mk-post-next .label {
right: 10px
}
.mk-post-next.with-image {
text-align: right
}
.mk-post-nav .entry-info {
display: block;
height: 80px;
width: 248px;
display: table
}
.mk-post-next .entry-info {
margin: 0 10px 0 1px
}
.mk-post-prev .entry-info {
margin: 0 1px 0 10px
}
.mk-post-nav .entry-info span {
display: table-cell;
vertical-align: middle;
font-size: 13px;
line-height: 1.65em
}
.mk-post-nav .entry-info-wrap {
width: 1px;
overflow: hidden;
display: block
}
.mk-post-nav:hover .entry-info-wrap {
width: 250px
}
.mk-blog-single .post .mk-video-wrapper, .mk-blog-single .post .featured-image, .mk-blog-single .post .mk-audio, .single-blog-gallery-type .mk-image-slideshow, .mk-blog-single .post .audio-iframe {
margin: 1px 30px 0
}
.mk-blog-single .post .audio-iframe {
margin-bottom: -5px
}
.single-content {
padding: 25px 40px 25px
}
@media only screen and (max-width:960px) {
.single-content {
padding: 15px 0 20px
}
}
.entry-meta {
position: relative
}
.entry-meta .item-holder {
background-color: #fafafa;
background-color: rgba(0,0,0,.02);
margin: 0 30px;
padding: 15px 20px
}
.entry-meta:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 1px;
background-color: #eee;
background-color: rgba(0,0,0,.06)
}
.entry-meta time, .entry-meta .blog-categories {
float: left
}
.entry-meta time {
margin-right: 6px
}
.entry-meta a {
color: #999;
font-weight: bold;
font-size: 12px;
font-style: italic
}
.entry-meta .blog-comments, .entry-meta .mk-love-holder {
float: right;
margin-left: 8px;
color: #999
}
.entry-meta .single-type-icon {
width: 30px;
height: 30px;
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -16px;
text-align: center
}
.entry-meta .single-type-icon i {
font-size: 16px;
line-height: 30px;
color: #fff
}
.mk-next-prev {
float: right;
margin-right: 40px;
margin-bottom: -1px
}
.mk-next-prev a {
display: inline-block;
margin: 0 2px;
width: 30px;
height: 30px;
border: 1px solid #eee;
text-align: center;
color: #777
}
.mk-next-prev a i {
font-size: 16px;
line-height: 30px
}
.mk-next-prev a:hover {
color: #fff;
background-color: #777
}
@media only screen and (max-width:700px) {
.mk-next-prev {
float: none;
margin: 15px auto;
text-align: center
}
.mk-next-prev a {
border: 1px solid #eee
}
}
.single-post-tags {
float: right;
padding: 6px 15px 0 0
}
.single-post-tags a {
color: #999;
font-size: 12px;
font-weight: bold;
font-style: italic;
padding: 0 3px
}
@media only screen and (max-width:700px) {
.single-post-tags {
float: none;
padding: 0 0 20px;
text-align: center
}
}
.single-social-share {
float: left;
padding: 0;
margin: 0 0 0 40px
}
.single-social-share li {
display: inline-block;
margin: 0;
list-style: none;
padding: 0 8px;
border-left: 1px solid #eee
}
.single-social-share li:first-child {
border: 0
}
.single-social-share li a {
color: #d7d7d7;
line-height: 12px
}
.single-social-share li a i {
font-size: 16px
}
.single-social-share li a:hover {
color: #545454
}
.single-social-share li .mk-love-holder span {
color: #d7d7d7
}
@media only screen and (max-width:700px) {
.single-social-share {
float: none;
margin: 0 0 20px;
text-align: center
}
.single-social-share a {
margin-bottom: 10px !important
}
}
.about-author-wrapper {
border: 1px solid rgba(0,0,0,.05);
border-left: 0;
border-right: 0;
margin-bottom: 40px
}
.about-author-wrapper .item-holder {
background-color: rgba(0,0,0,.02);
margin: 0 30px
}
.about-author-wrapper .avatar-box {
float: left
}
.about-author-wrapper .about-author-inner {
margin-left: 160px;
padding: 20px
}
.about-author-wrapper .author-name {
font-size: 13px;
font-weight: bold;
color: #555
}
.about-author-wrapper .author-desc {
margin-top: 10px
}
@media only screen and (max-width:700px) {
.about-author-wrapper {
text-align: center
}
.about-author-wrapper .avatar-box {
float: none;
margin: 0 auto
}
.about-author-wrapper .about-author-inner {
margin: 0;
padding: 20px
}
}
.blog-similar-posts {
margin-bottom: 70px
}
.blog-similar-posts ul {
margin: 0 30px;
list-style: none;
padding: 0
}
.blog-similar-posts ul li {
margin: 0;
display: inline-block;
vertical-align: top
}
.blog-similar-posts ul li .item-holder {
background-color: #fdfdfd;
background-color: rgba(0,0,0,.03);
border: 1px solid #efefef;
border: 1px solid rgba(0,0,0,.04)
}
.blog-similar-posts ul li:last-child .item-holder {
border: 1px solid #efefef;
border: 1px solid rgba(0,0,0,.04)
}
.blog-similar-posts ul.three-column li {
width: 33.33%
}
.blog-similar-posts ul.four-column li {
width: 25%
}
@media only screen and (max-width:960px) {
.blog-similar-posts ul li {
width: 50% !important
}
}
@media only screen and (max-width:600px) {
.blog-similar-posts ul li {
width: 100% !important
}
}
.blog-similar-posts .mk-similiar-thumbnail {
display: block;
position: relative
}
.blog-similar-posts .mk-similiar-thumbnail img {
width: 100%
}
.blog-similar-posts .mk-similiar-thumbnail .similar-post-type, .blog-similar-posts .mk-similiar-thumbnail .post-hover-icon {
z-index: 12;
color: #fff;
position: absolute;
left: 50%;
top: 50%
}
.blog-similar-posts .mk-similiar-thumbnail .post-hover-icon {
margin: -24px 0 0 -24px;
font-size: 48px;
opacity: 0
}
.blog-similar-posts .mk-similiar-thumbnail .similar-post-type {
margin: -8px 0 0 -8px;
font-size: 16px
}
.blog-similar-posts .mk-similiar-thumbnail:hover .hover-overlay {
opacity: .9
}
.blog-similar-posts .mk-similiar-thumbnail:hover .post-hover-icon {
opacity: 1
}
.blog-similar-posts .mk-similiar-thumbnail:hover .similar-post-type {
opacity: 0
}
.mk-similiar-title {
padding: 14px 25px;
line-height: 18px;
font-size: 13px;
color: #626262;
display: block;
text-align: left
}
.single-post-fancy-title {
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
margin: 50px 30px 40px;
position: relative
}
.single-post-fancy-title span {
display: inline-block;
position: relative;
z-index: 3;
padding-right: 10px
}
.single-post-fancy-title:after {
display: block;
content: "";
width: 100%;
height: 4px;
margin-top: -1px;
position: absolute;
left: 0;
top: 50%;
z-index: 1;
background-color: rgba(0,0,0,.15)
}
@media only screen and (max-width:767px) {
.single-post-fancy-title {
display: block;
text-align: center;
margin: 30px 0 30px
}
.single-post-fancy-title:after {
display: none
}
}
.mk-commentlist {
margin: 0 40px 40px 60px
}
.mk-commentlist li {
margin: 0 0 15px 40px;
list-style: none
}
.mk-commentlist li .mk-single-comment {
position: relative;
margin-bottom: 20px;
padding: 5px 70px 5px 20px;
min-height: 60px;
border: 1px solid #eee;
background-color: #fafafa
}
.mk-commentlist li .mk-single-comment:before {
position: absolute;
top: 50%;
left: -7px;
margin-top: -7px;
width: 14px;
height: 14px;
border: 1px solid #eee;
border-right: 0;
border-top: 0;
background-color: #fafafa;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
.mk-commentlist li .gravatar {
position: absolute;
top: 50%;
left: -65px;
display: inline-block;
margin-top: -22px
}
.mk-commentlist li .comment-meta {
display: block;
margin-bottom: 10px
}
.mk-commentlist li .comment-author {
float: left;
margin: 6px 8px 0 0;
color: #4c4c4c;
text-transform: capitalize;
font-weight: bold;
font-size: 13px
}
.mk-commentlist li .comment-content {
padding-top: 5px
}
.mk-commentlist li .comment-time {
display: inline-block;
float: left;
margin: 6px 16px 0 0;
color: #9e9e9e;
font-style: italic;
font-size: 12px
}
.mk-commentlist li .comment-reply a {
right: 25px
}
.mk-commentlist li .comment-reply a {
position: absolute;
top: 50%;
display: block;
margin-top: -16px;
width: 30px;
height: 30px;
border: 1px solid #eee;
color: #bdbdbd;
text-align: center;
cursor: pointer
}
.mk-commentlist li .comment-reply a i {
line-height: 28px
}
.mk-commentlist li .comment-reply a:hover {
border-color: #efefef;
background-color: #505050;
color: #fff
}
.mk-commentlist li .children {
margin-bottom: 50px;
margin-left: 80px
}
.mk-commentlist #respond {
margin: 0 0 30px 0 !important
}
.mk-commentlist #respond .single-post-fancy-title {
display: none
}
#comments {
padding-top: 10px
}
.mk-commentlist li.pingback {
position: relative;
margin-bottom: 20px;
padding: 15px !important;
border: 1px solid #eee;
background-color: #fafafa
}
#cancel-comment-reply-link, .logged-in-as {
margin: 5px 0 !important;
font-weight: 600 !important;
font-style: italic !important;
font-size: 12px !important
}
#respond {
margin: 0 30px 40px
}
#respond .single-post-fancy-title {
margin-right: 0;
margin-left: 0
}
form#commentform .comment-textarea {
margin-bottom: 15px
}
form#commentform .comment-textarea textarea {
width: 100%;
padding: 13px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
form#commentform .text-input::-webkit-input-placeholder, form#commentform textarea::-webkit-input-placeholder {
color:#666
}
form#commentform .text-input:-ms-input-placeholder, form#commentform textarea:-ms-input-placeholder {
color:#666
}
form#commentform .text-input:-moz-placeholder, form#commentform textarea:-moz-placeholder {
color:#666
}
.form-submit {
text-align: center
}
.form-submit #submit {
margin: 0 auto;
border: 1px solid #444;
color: #444;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}
.form-submit #submit:hover {
background-color: #444;
color: #fff
}
.comment-form-row {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
padding-right: 15px;
width: 33%;
position: relative
}
.comment-form-row i {
float: left;
width: 43px !important;
height: 43px;
line-height: 43px;
text-align: center;
position: absolute;
left: 0;
top: 0;
font-size: 16px;
z-index: 3;
border-right: 1px solid rgba(0,0,0,.05);
color: #666
}
.comment-form-row i.input-focused {
color: #fff
}
.comment-form-row input {
padding: 12px 12px 12px 58px;
width: 100%;
font-weight: bold;
position: relative;
z-index: 2
}
.comment-form-website {
padding-right: 0
}
@media only screen and (max-width:960px) {
.comment-form-row {
margin-bottom: 7px;
width: 100%
}
form#commentform .comment-textarea textarea {
margin-bottom: 6px;
width: 100% !important
}
}
.bypostauthor {
background-color: #fff
}
.comment-reply-title {
margin: 0;
padding: 0
}
@media only screen and (max-width:700px) {
.mk-commentlist {
margin: 0 20px
}
.mk-commentlist .children {
margin: 0 0 20px 0 !important
}
.mk-commentlist .children .comment {
margin-left: 0
}
#respond {
margin: 0 0 30px
}
}
.mk-portfolio-item .item-holder {
margin: 0 1px 1px 0
}
.mk-portfolio-item .portfolio-meta {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
text-align: center;
opacity: 0;
-webkit-backface-visibility: hidden
}
.mk-portfolio-item .portfolio-meta .portfolio-plus-icon {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
display: block;
margin: 0 auto
}
.mk-portfolio-item .portfolio-meta .portfolio-plus-icon i {
font-size: 32px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
color: #fff;
display: inline-block
}
.mk-portfolio-item .the-title {
margin: 10px auto 5px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
line-height: 20px
}
.mk-portfolio-item .the-title a, .mk-portfolio-item .the-title span {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
line-height: 20px
}
.mk-portfolio-item .portfolio-cats {
font-weight: 600;
font-style: italic;
font-size: 12px;
line-height: 12px;
display: inline-block;
color: #fff
}
.mk-portfolio-item .project-load {
display: block
}
.mk-portfolio-item .portfolio-entry-logo {
width: auto;
position: absolute;
left: 50%;
top: 50%;
z-index: 8
}
.mk-portfolio-item .featured-image {
line-height: 4px
}
.mk-portfolio-item .featured-image:hover .portfolio-meta {
opacity: 1
}
.mk-portfolio-item .featured-image:hover .portfolio-plus-icon i {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
.mk-portfolio-item .portfolio-permalink {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
margin: 20px auto 0;
border: 1px solid #fff;
color: #fff;
-webkit-backface-visibility: hidden
}
.mk-portfolio-item .portfolio-permalink:hover {
background-color: #fff
}
.mk-portfolio-item .portfolio-permalink i {
font-size: 16px;
line-height: 40px;
display: block
}
.mk-portfolio-item .masonry-border {
position: absolute;
z-index: 20
}
.mk-portfolio-item .border-tb {
width: 2px;
height: 0;
top: 0;
left: 0
}
.mk-portfolio-item .border-tr {
width: 0;
height: 2px;
left: 0;
top: 0
}
.mk-portfolio-item .border-bt {
width: 2px;
height: 0;
bottom: 0;
right: 0
}
.mk-portfolio-item .border-bl {
height: 2px;
width: 0;
bottom: 0;
right: 0
}
.mk-portfolio-item.one-column {
width: 100%
}
.mk-portfolio-item.two-column {
width: 49.94%
}
.mk-portfolio-item.three-column {
width: 33.3%
}
.mk-portfolio-item.four-column {
width: 24.94%
}
.mk-portfolio-item.five-column {
width: 19.98%
}
@media handheld, only screen and (max-width:960px) {
.mk-portfolio-item.three-column, .mk-portfolio-item.four-column, .mk-portfolio-item.five-column {
width: 49.8% !important
}
}
@media handheld, only screen and (max-width:740px) {
.mk-portfolio-item.three-column, .mk-portfolio-item.four-column, .mk-portfolio-item.two-column, .mk-portfolio-item.five-column {
width: 100% !important
}
}
.masonry-portfolio-item {
opacity: 0;
position: relative
}
.masonry-portfolio-item.regular-entry, .masonry-portfolio-item.tall-entry {
width: 24.98%
}
.masonry-portfolio-item.wide-entry, .masonry-portfolio-item.wide-tall-entry {
width: 49.98%
}
.masonry-portfolio-item .item-holder {
margin: 0
}
@media handheld, only screen and (max-width:1300px) {
.masonry-portfolio-item.wide-entry, .masonry-portfolio-item.wide-tall-entry {
width: 100%
}
.masonry-portfolio-item.regular-entry, .masonry-portfolio-item.tall-entry {
width: 49.98%
}
}
@media handheld, only screen and (max-width:767px) {
.masonry-portfolio-item {
width: 100% !important
}
}
.masonry-portfolio-item .featured-image {
line-height: 4px;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: none
}
.masonry-portfolio-item .featured-image .item-featured-image {
visibility: hidden;
width: 100%
}
.grid-portfolio-item {
float: left;
opacity: 0
}
.standard-portfolio-item {
float: left;
opacity: 0
}
.standard-portfolio-item .item-holder {
margin: 0 8px 20px 8px;
background-color: #fafafa;
border: 1px solid #eee;
padding-bottom: 15px
}
.standard-portfolio-item .the-title {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #444;
line-height: 20px;
margin: 15px 15px 5px
}
.standard-portfolio-item .portfolio-cats {
font-weight: 600;
font-style: italic;
font-size: 12px;
line-height: 12px;
display: inline-block;
color: #666;
margin: 0 15px
}
.mk-isotop-filter {
margin: 0 40px 40px
}
.mk-isotop-filter ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center
}
.mk-isotop-filter ul li {
display: inline-block;
margin: 0 5px 10px
}
.mk-isotop-filter ul li a {
padding: 14px 20px;
line-height: 12px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
display: block;
border: 1px solid #444;
color: #444
}
.mk-isotop-filter ul li a.current, .mk-isotop-filter ul li a:hover {
background-color: #444;
border-color: #444;
color: #fff
}
@media handheld, only screen and (max-width:600px) {
.mk-isotop-filter li {
display: block !important
}
}
.ajax-container {
overflow: hidden;
height: 0;
opacity: 0
}
.ajax-container .portfolio-ajax-gallery .mk-image-slideshow {
padding: 0;
margin: 0
}
.portfolio-ajax-holder {
margin: 36px 0 20px;
border: 1px solid #eee;
background-color: #fff;
position: relative;
*zoom:1;
}
.portfolio-ajax-holder:before, .portfolio-ajax-holder:after {
content: " ";
display: table
}
.portfolio-ajax-holder:after {
clear: both
}
.portfolio-ajax-holder .alt-title span {
background-color: #fff !important
}
.ajax_project {
padding: 30px;
overflow: hidden
}
.ajax-controls {
position: absolute;
right: 0;
top: -32px;
text-align: center;
color: #777
}
.ajax-controls i {
font-size: 16px;
line-height: 30px
}
.ajax-controls a {
display: inline-block;
margin: 0 -1px;
width: 30px;
height: 30px;
border: 1px solid #eee;
text-align: center
}
.ajax-controls a.close-ajax {
background-color: #eee
}
.ajax-controls a.next-ajax {
border-left: 0;
border-right: 0;
width: 32px
}
.ajax-controls a:hover {
background-color: #777;
color: #fff
}
.project_content_section {
width: 33%;
float: right;
padding: 0 0 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.project_preview_section {
width: 66%;
float: left
}
.project_preview_section.no-ajax-content {
width: 100% !important
}
@media handheld, only screen and (max-width:767px) {
.project_content_section, .project_preview_section {
float: none;
width: 100%;
padding: 0 0 20px
}
}
.portfolio-loader {
position: absolute;
z-index: 10000;
top: 30%;
left: 50%;
margin: -40px 0 0 -40px;
display: none;
width: 80px;
line-height: 80px;
text-align: center;
height: 80px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background-color: rgba(0,0,0,.5)
}
.portfolio-loader div {
position: relative;
left: auto;
top: auto;
margin: 18px 0 0
}
.ajax-portfolio-social-share {
float: none;
padding: 0;
margin: 0 0 10px -5px;
text-align: left
}
.flip-portfolio-item {
margin: 0;
padding: 0;
opacity: 0;
-webkit-perspective: 800px;
-moz-perspective: 800px;
-o-perspective: 800px;
perspective: 800px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0)
}
.flip-portfolio-item:hover .flip-wrapper {
-webkit-transform: translateY(0%) rotateX(180deg);
-moz-transform: translateY(0%) rotateX(180deg);
-ms-transform: translateY(0%) rotateX(180deg);
-o-transform: translateY(0%) rotateX(180deg)
}
.flip-portfolio-item .flip-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
position: relative;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
width: 100%;
height: 100%
}
.flip-portfolio-item figure {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
line-height: 4px;
height: 100%;
width: 100%
}
.flip-portfolio-item figure.front {
position: absolute;
z-index: 2
}
.flip-portfolio-item figure.back {
z-index: 1;
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg)
}
.flip-portfolio-item .flip-overlay {
opacity: .6;
background-color: #000 !important;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10
}
.flip-portfolio-item .portfolio-meta {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
text-align: center;
opacity: 1
}
.flip-portfolio-item .the-title {
font-size: 25px;
font-weight: 300;
color: #fff;
line-height: 28px;
margin-bottom: 10px;
display: inline-block
}
.flip-portfolio-item .cats {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
display: inline-block;
color: #fff
}
.flip-portfolio-item.portfolio-four-column .the-title, .flip-portfolio-item.portfolio-five-column .the-title {
font-size: 20px
}
@media handheld, only screen and (max-width:1100px) {
.flip-portfolio-item {
width: 49.98%
}
}
.loop-main-wrapper {
position: relative
}
.portfolio-single-content {
margin: 40px 30px
}
.portfolio-single-content.no-padding {
margin-bottom: 0;
margin-top: 0
}
.single-portfolio-slideshow .mk-slideshow-shortcode, .portfolio-featured-image {
margin-bottom: 24px
}
.portfolio-social-share {
float: right;
margin: 0;
padding: 0 0 0 10px;
position: relative;
z-index: 4
}
@media handheld, only screen and (max-width:600px) {
.portfolio-social-share {
float: none;
display: block;
margin: 40px auto 20px
}
}
.portfolio-similar-posts {
margin-bottom: 40px
}
.portfolio-similar-posts ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center
}
.portfolio-similar-posts ul.three-column li {
width: 33.33%
}
.portfolio-similar-posts ul.four-column li {
width: 25%
}
.portfolio-similar-posts ul li {
vertical-align: top;
display: inline-block;
margin: 0
}
@media handheld, only screen and (max-width:1000px) {
.portfolio-similar-posts ul li {
width: 50% !important
}
}
@media handheld, only screen and (max-width:600px) {
.portfolio-similar-posts ul li {
width: 100% !important
}
}
.mk-dropcaps {
display: inline-block;
float: left;
margin: 5px 8px 0 0;
width: 30px;
height: 30px;
text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 30px
}
.mk-dropcaps.square-custom, .mk-dropcaps.circle-custom {
color: #fff !important
}
.mk-dropcaps.circle-custom, .mk-dropcaps.circle-default {
margin-top: 3px;
width: 35px;
height: 35px;
font-size: 18px;
line-height: 35px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px
}
.mk-dropcaps.circle-default, .mk-dropcaps.square-default {
border: 1px solid #eee;
background-color: #fafafa
}
.mk-highlight {
margin: 0 2px;
padding: 1px 4px
}
.mk-highlight.default-highlight {
padding: 1px 6px;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
background-color: #ededed
}
.mk-highlight.custom-highlight {
color: #fff;
font-weight: 600
}
.mk-skill-meter {
margin-bottom: 18px
}
.mk-skill-meter .mk-skill-meter-title {
display: block;
margin-bottom: 5px;
color: #777;
line-height: 13px;
font-weight: bold
}
.mk-skill-meter .mk-progress-bar {
position: relative;
display: inline-block;
height: 17px;
border: 1px solid #eee;
background-color: #fafafa;
width: 100%
}
.mk-skill-meter .mk-progress-bar .progress-outer {
position: absolute;
top: 0;
left: 0;
height: 100%
}
.mk-animated-columns {
*zoom:1;
}
.mk-animated-columns:before, .mk-animated-columns:after {
content: " ";
display: table
}
.mk-animated-columns:after {
clear: both
}
.mk-animated-columns.one-column .animated-column-item {
width: 100%
}
.mk-animated-columns.two-column .animated-column-item {
width: 50%
}
.mk-animated-columns.three-column .animated-column-item {
width: 33.33%
}
.mk-animated-columns.four-column .animated-column-item {
width: 25%
}
.mk-animated-columns.five-column .animated-column-item {
width: 20%
}
.mk-animated-columns.six-column .animated-column-item {
width: 16.66%
}
.mk-animated-columns.seven-column .animated-column-item {
width: 14.28%
}
.mk-animated-columns.eight-column .animated-column-item {
width: 12.5%
}
.mk-animated-columns.two-column .animated-column-item:nth-of-type(2n) {
border-right-width: 1px
}
.mk-animated-columns.three-column .animated-column-item:nth-of-type(3n) {
border-right-width: 1px
}
.mk-animated-columns.four-column .animated-column-item:nth-of-type(4n) {
border-right-width: 1px
}
.mk-animated-columns.five-column .animated-column-item:nth-of-type(5n) {
border-right-width: 1px
}
.mk-animated-columns.six-column .animated-column-item:nth-of-type(6n) {
border-right-width: 1px
}
.mk-animated-columns.seven-column .animated-column-item:nth-of-type(7n) {
border-right-width: 1px
}
.mk-animated-columns.eight-column .animated-column-item:nth-of-type(8n) {
border-right-width: 1px
}
@media handheld, only screen and (max-width:960px) {
.mk-animated-columns.four-column .animated-column-item, .mk-animated-columns.five-column .animated-column-item, .mk-animated-columns.six-column .animated-column-item, .mk-animated-columns.seven-column .animated-column-item, .mk-animated-columns.eight-column .animated-column-item {
width: 33.33% !important
}
.mk-animated-columns.four-column .animated-column-item:nth-of-type(3n), .mk-animated-columns.five-column .animated-column-item:nth-of-type(3n), .mk-animated-columns.six-column .animated-column-item:nth-of-type(3n), .mk-animated-columns.seven-column .animated-column-item:nth-of-type(3n), .mk-animated-columns.eight-column .animated-column-item:nth-of-type(3n) {
border-right-width: 1px
}
.mk-animated-columns.four-column .animated-column-item:nth-of-type(4n), .mk-animated-columns.five-column .animated-column-item:nth-of-type(5n), .mk-animated-columns.six-column .animated-column-item:nth-of-type(6n), .mk-animated-columns.seven-column .animated-column-item:nth-of-type(7n), .mk-animated-columns.eight-column .animated-column-item:nth-of-type(8n) {
border-right-width: 0
}
}
@media handheld, only screen and (max-width:767px) {
.mk-animated-columns.four-column .animated-column-item:nth-of-type(3n), .mk-animated-columns.five-column .animated-column-item:nth-of-type(3n), .mk-animated-columns.six-column .animated-column-item:nth-of-type(3n), .mk-animated-columns.seven-column .animated-column-item:nth-of-type(3n), .mk-animated-columns.eight-column .animated-column-item:nth-of-type(3n) {
border-right-width: 0
}
.mk-animated-columns.three-column .animated-column-item, .mk-animated-columns.four-column .animated-column-item, .mk-animated-columns.five-column .animated-column-item, .mk-animated-columns.six-column .animated-column-item, .mk-animated-columns.seven-column .animated-column-item, .mk-animated-columns.eight-column .animated-column-item {
width: 100% !important;
border-right-width: 1px !important
}
}
.mk-animated-columns .simple-style a {
display: block;
width: 100%;
height: 100%
}
.animated-column-item {
float: left;
display: table;
overflow: hidden;
text-align: center;
position: relative;
-webkit-transition: background .2s ease-out 0;
-moz-transition: background .2s ease-out 0s;
-o-transition: background .2s ease-out 0;
transition: background .2s ease-out 0;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-width: 0;
border-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.animated-column-holder {
top: 0;
position: absolute;
width: 100%;
height: 100%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px
}
.full-style .animated-column-icon {
padding-bottom: 30px;
display: block
}
.simple-style .animated-column-icon {
display: block
}
.simple-style .animated-column-title {
position: absolute;
width: 100%;
height: 100%;
display: block;
top: -100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.simple-style .animated-column-title span {
display: block
}
.animated-column-title {
font-size: 14px;
font-weight: bolder;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.full-style .animated-column-title {
padding-bottom: 10px
}
.animated-column-desc {
line-height: 26px;
font-size: 12px;
position: relative;
padding: 20px 30px;
position: absolute;
top: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.animated-column-btn {
position: absolute;
top: 100%;
text-align: center;
width: 100%
}
.animated-column-btn .mk-button {
margin: 0 auto
}
.mk-milestone {
margin-bottom: 20px;
text-align: center
}
.mk-milestone .milestone-number {
line-height: 50px;
font-weight: 300;
padding: 0 10px 15px;
border-bottom: 1px solid #eee;
display: inline-block
}
.mk-milestone .milestone-number.content-none {
border: 0
}
.mk-milestone .milestone-text {
font-weight: bold;
padding-top: 10px
}
.mk-milestone i {
width: 30px;
height: 30px;
line-height: 32px;
text-align: center;
border: 1px solid #eee;
border-top: 0;
margin: 0 auto;
display: block;
font-size: 16px
}
.mk-chart {
position: relative;
margin: 0 auto;
text-align: center
}
.mk-chart canvas {
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.mk-chart i, .mk-chart .chart-custom-text, .mk-chart .chart-percent {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: block;
width: 100%;
color: #444;
text-align: center
}
.mk-chart i {
font-size: 48px
}
.mk-chart .chart-custom-text {
font-size: 18px
}
.mk-chart .chart-percent {
font-weight: 600;
font-size: 16px
}
.mk-chart-desc {
display: block;
text-align: center;
font-size: 12px
}
@media handheld, only screen and (max-width:600px) {
.mk-chart {
margin: 0 auto
}
}
.mk-image {
position: relative;
overflow: hidden;
line-height: 4px
}
.mk-image.align-left {
text-align: left
}
.mk-image.align-right {
float: right
}
.mk-image.align-center {
margin-right: auto;
margin-left: auto;
text-align: center
}
.mk-image img {
position: relative;
z-index: 6;
line-height: 4px;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.mk-image .mk-image-hover {
position: absolute;
left: 50%;
top: 50%;
z-index: 12;
text-align: center
}
.mk-image .mk-image-hover i {
font-size: 32px;
color: #fff;
position: relative;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
opacity: 0;
display: inline-block
}
.mk-image .mk-image-caption {
line-height: 24px;
font-size: 13px;
margin-top: 15px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff !important;
position: relative;
opacity: 0
}
.mk-image:hover .mk-image-hover i, .mk-image:hover .mk-image-caption {
opacity: 1
}
.mk-image:hover .mk-image-hover i {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0)
}
.mk-fancy-table {
overflow: hidden;
margin-bottom: 20px;
padding: 15px
}
.mk-fancy-table table {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
border-collapse: collapse;
text-align: left
}
.mk-fancy-table th {
padding: 18px 12px;
background-color: #f7f7f7;
color: #4b4b4b;
text-align: center;
font-weight: bold;
font-size: 14px
}
.mk-fancy-table tfoot td {
padding: 8px
}
.mk-fancy-table tfoot {
background-color: #f3f3f3
}
.mk-fancy-table tr {
border-bottom: 1px dotted #dbdbdb
}
.mk-fancy-table td {
padding: 15px 12px;
font-size: 13px;
color: #4b4b4b;
text-align: center
}
.mk-list-styles ul {
margin: 0;
padding: 0;
list-style: none
}
.mk-list-styles ul li {
position: relative;
overflow: hidden;
margin: 0 0 6px 0;
padding: 0 0 0 30px;
line-height: 20px
}
.mk-list-styles ul li:before {
position: absolute;
top: 0;
left: 0;
font-size: 16px;
line-height: 24px
}
.mk-image-box .image-box-desc {
font-size: 14px;
line-height: 24px
}
.mk-image-box .featured-image {
display: block
}
.mk-message-box {
position: relative;
display: block;
margin-bottom: 20px;
color: #fff
}
.mk-message-box .mk-inner-grid {
padding: 15px
}
.mk-message-box .messagebox-content {
display: block;
margin: 16px 15px 16px 95px;
padding: 12px 0 12px 20px;
border-left: 1px solid #fff;
font-size: 14px
}
.mk-message-box .messagebox-content p {
margin-bottom: 0;
color: inherit;
font-size: inherit
}
.mk-message-box .messagebox-icon {
position: absolute;
top: 50%;
left: 60px;
margin-top: -20px;
width: 40px;
height: 40px;
font-size: 32px;
line-height: 40px
}
.mk-message-box.confirm-box {
background-color: #a5de37
}
.mk-message-box.love-box {
background-color: #ff667a
}
.mk-message-box.hint-box {
background-color: #28cdfb
}
.mk-message-box.solution-box {
background-color: #f668ca
}
.mk-message-box.alert-box {
background-color: #ff4351
}
.mk-message-box.warning-box {
background-color: #fc880f
}
.mk-message-box.star-box {
background-color: #7b72e9
}
@media handheld, only screen and (max-width:600px) {
.mk-message-box .messagebox-content {
padding: 60px 10px 10px 10px !important;
text-align: center !important
}
.mk-message-box .messagebox-icon {
top: 15px !important;
left: 50% !important;
margin-top: 0 !important;
margin-left: -20px !important
}
}
button.mk-button {
outline: 0;
border: 0;
background: none;
line-height: 100%
}
.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;
font-size: 12px;
-webkit-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
-moz-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
-ms-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
-o-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out
}
.mk-button[type=submit], .mk-button[type=button] {
outline: 0;
border: 0;
font-weight: 600
}
.mk-button.three-dimension-button:active {
top: 2px !important
}
.mk-button.outline-button {
border: 1px solid #444;
color: #444
}
.mk-button.outline-button:hover {
background-color: #444;
color: #fff
}
.mk-button.outline-button.light {
border: 1px solid #fff;
color: #fff
}
.mk-button.outline-button.light:hover {
background-color: #fff;
color: #444
}
.mk-button i {
margin: 0 10px 0 -10px;
vertical-align: middle;
border-right: 1px solid #fff;
padding-right: 10px;
line-height: 16px
}
.mk-button.xxlarge {
padding: 32px 60px;
line-height: 100%;
font-size: 15px
}
.mk-button.xxlarge i {
font-size: 16px
}
.mk-button.xlarge {
padding: 26px 50px;
line-height: 100%;
font-size: 13px
}
.mk-button.xlarge i {
font-size: 16px
}
.mk-button.large {
padding: 22px 42px;
line-height: 100%
}
.mk-button.large i {
font-size: 16px
}
.mk-button.medium {
padding: 16px 25px;
line-height: 100%
}
.mk-button.medium i {
font-size: 16px
}
.mk-button.small {
padding: 12px 22px;
line-height: 100%
}
.mk-button.small i {
margin-top: -3px;
font-size: 16px
}
button.mk-button::-moz-focus-inner {
border:0
}
.mk-button-align {
display: inline-block
}
.mk-button-align.right {
float: right
}
.mk-button-align.center {
display: block !important;
text-align: center
}
.mk-button-align.left {
text-align: left
}
@media handheld, only screen and (max-width:770px) {
.mk-button-align.left, .mk-button-align.center, .mk-button-align.right {
width: 100%;
text-align: center !important
}
.mk-button-align.left .mk-button, .mk-button-align.center .mk-button, .mk-button-align.right .mk-button {
margin-left: auto;
margin-right: auto;
margin-bottom: 25px !important
}
}
.mk-divider {
display: block;
text-align: center
}
.mk-divider.divider_one_half .divider-inner, .mk-divider.divider_one_third .divider-inner, .mk-divider.divider_one_fourth .divider-inner {
display: inline-block;
margin-right: auto;
margin-left: auto;
text-align: center
}
.mk-divider.divider_one_half .divider-inner {
width: 50%
}
.mk-divider.divider_one_third .divider-inner {
width: 33.33%
}
.mk-divider.divider_one_fourth .divider-inner {
width: 25%
}
.mk-divider.divider-single .divider-inner {
height: 1px;
border-bottom: 1px solid #dbdbdb
}
.mk-divider.divider-dashed .divider-inner {
height: 1px;
border-bottom: 1px dashed #dbdbdb
}
.mk-divider.divider-dotted .divider-inner {
height: 1px;
border-bottom: 1px dotted #dbdbdb
}
.mk-divider.divider-thick .divider-inner {
height: 5px;
border-top: 3px solid #e4e4e4
}
.mk-fullwidth-boxed {
position: relative;
display: block;
padding: 30px
}
.mk-image-slideshow {
position: relative;
overflow: hidden
}
.mk-image-slideshow img {
margin: 0 auto
}
.mk-image-slideshow .swiper-pagination {
position: absolute;
bottom: 15px;
display: block;
width: 100%;
text-align: center;
opacity: 0
}
.mk-image-slideshow .swiper-pagination-switch {
display: inline-block;
margin: 0 3px;
width: 8px;
height: 8px;
border: 1px solid #fff;
cursor: pointer
}
.mk-image-slideshow .swiper-active-switch {
background-color: #fff
}
.mk-image-slideshow .swiper-container:hover .slideshow-swiper-arrows, .mk-image-slideshow .swiper-container:hover .swiper-pagination {
opacity: 1
}
.mk-image-slideshow .swiper-container:hover .mk-swiper-next {
right: 20px
}
.mk-image-slideshow .swiper-container:hover .mk-swiper-prev {
left: 20px
}
.slideshow-swiper-arrows {
position: absolute;
top: 50%;
display: block;
margin-top: -15px;
width: 30px;
height: 30px;
border: 1px solid #fff;
text-align: center;
cursor: pointer;
opacity: 0
}
.slideshow-swiper-arrows i {
color: #fff;
font-size: 16px;
line-height: 30px;
display: block
}
.slideshow-swiper-arrows.mk-swiper-next {
right: 30px
}
.slideshow-swiper-arrows.mk-swiper-prev {
left: 30px
}
blockquote {
position: relative;
margin: 15px 0;
line-height: 24px;
padding: 20px;
background-color: #fafafa;
border: 1px solid #eee;
font-style: italic
}
.mk-blockquote {
position: relative;
margin: 15px 0;
font-size: 16px;
line-height: 24px;
padding: 30px 45px;
background-color: #fafafa;
border: 1px solid #eee;
font-style: italic
}
.mk-blockquote .mk-quote-left, .mk-blockquote .mk-quote-right {
position: absolute;
font-size: 24px;
color: #eee
}
.mk-blockquote .mk-quote-left {
top: 10px;
left: 10px
}
.mk-blockquote .mk-quote-right {
bottom: 10px;
right: 10px
}
.mk-blockquote p {
margin-bottom: 15px
}
.mk-blockquote.align-left {
text-align: left
}
.mk-blockquote.align-right {
text-align: right
}
.mk-blockquote.align-center {
text-align: center
}
.mk-testimonial {
margin: 3px 3px 20px
}
.mk-testimonial .testimonial-author {
display: block;
color: #777;
font-weight: bold;
font-size: 13px;
line-height: 14px
}
.mk-testimonial .swiper-slide {
padding-right: 5px;
padding-left: 5px
}
.mk-testimonial .swiper-pagination {
display: block;
width: 100%;
text-align: center
}
.mk-testimonial .swiper-pagination-switch {
display: inline-block;
margin: 0 3px 6px;
width: 8px;
height: 8px;
border: 1px solid rgba(128,128,128,.2);
cursor: pointer
}
.mk-testimonial .swiper-active-switch {
background-color: rgba(128,128,128,.1)
}
.mk-testimonial .testimonial-company {
font-size: 12px;
font-style: italic
}
.mk-testimonial.boxed-style .swiper-slide {
position: relative
}
.mk-testimonial.boxed-style .testimonial-content {
margin-left: 100px
}
.mk-testimonial.boxed-style .testimonial-quote {
margin-bottom: 8px;
padding: 20px 25px;
background-color: #fafafa;
border: 1px solid #eee;
position: relative;
font-size: 15px;
line-height: 24px;
font-style: italic
}
.mk-testimonial.boxed-style .testimonial-quote:before {
position: absolute;
top: 50%;
margin-top: -7px;
left: -7px;
display: block;
width: 14px;
height: 14px;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
background-color: #fafafa;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee
}
.mk-testimonial.boxed-style .testimonial-image {
position: absolute;
left: -100px;
top: 50%;
margin-top: -35px
}
.mk-testimonial.boxed-style .testimonial-author {
margin-left: 25px
}
.mk-testimonial.boxed-style .testimonial-company {
margin-left: 25px
}
.mk-testimonial.boxed-style .swiper-pagination {
padding-left: 75px
}
@media handheld, only screen and (max-width:767px) {
.mk-testimonial {
text-align: center
}
.mk-testimonial.boxed-style .testimonial-content {
margin: 75px 0 0 !important
}
.mk-testimonial.boxed-style .swiper-pagination {
padding-left: 0 !important
}
.mk-testimonial .testimonial-image {
left: 50% !important;
top: -75px !important;
margin: 0 0 0 -25px !important
}
.mk-testimonial.boxed-style .testimonial-quote:before {
top: -7px !important;
margin: 0 0 0 -7px !important;
left: 50% !important;
border: 1px solid #eee !important;
border-right: 0 !important;
border-bottom: 0 !important
}
.mk-testimonial .testimonial-company, .mk-testimonial .testimonial-author {
margin: 0 !important
}
}
.mk-testimonial.quote-style {
text-align: center
}
.mk-testimonial.quote-style .testimonial-quote {
position: relative;
display: block;
padding: 20px 25px;
border: 1px solid rgba(128,128,128,.15);
font-size: 16px;
line-height: 26px;
margin-bottom: 12px;
font-style: italic
}
.mk-testimonial.quote-style .testimonial-quote:before {
position: absolute;
bottom: -8px;
margin-left: -7px;
left: 50%;
display: block;
width: 0;
height: 0;
content: "";
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid rgba(128,128,128,.15)
}
.mk-testimonial.quote-style .testimonial-footer-note {
display: inline-block;
padding: 5px 0;
text-align: center
}
.mk-testimonial.light-skin.quote-style .testimonial-quote {
border-color: rgba(255,255,255,.2);
color: #fff;
color: rgba(255,255,255,.9)
}
.mk-testimonial.light-skin.quote-style .testimonial-quote:before {
border-top-color: rgba(255,255,255,.2)
}
.mk-testimonial.light-skin.quote-style .testimonial-author {
color: #fff;
color: rgba(255,255,255,.5)
}
.mk-testimonial.light-skin.quote-style .swiper-pagination-switch {
border-color: rgba(255,255,255,.2)
}
.mk-testimonial.light-skin.quote-style .swiper-active-switch {
background-color: rgba(255,255,255,.3)
}
.mk-tabs {
margin-bottom: 20px
}
.mk-tabs .mk-tabs-tabs {
position: relative;
z-index: 10;
padding: 0;
list-style: none
}
.mk-tabs .mk-tabs-tabs li {
margin: 0;
position: relative
}
.mk-tabs .mk-tabs-tabs li.ui-state-active>a {
cursor: default
}
.mk-tabs .mk-tabs-tabs li a {
text-transform: uppercase;
font-weight: bold;
display: block;
line-height: 100%
}
.mk-tabs .mk-tabs-tabs li a i {
font-size: 16px;
padding-right: 5px
}
.mk-tabs .mk-tabs-panes {
position: relative;
z-index: 1;
margin: 0
}
.mk-tabs .mk-tabs-panes .mk-tabs-pane .inner-box {
display: block
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs {
margin: 0 0 -1px 0
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li {
display: inline-block;
border-left: 1px solid rgba(0,0,0,.1);
white-space: nowrap
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li:last-child {
border-right: 1px solid rgba(0,0,0,.1)
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li a {
padding: 14px 25px 15px;
margin-top: 8px
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li.tab-with-icon>a {
padding: 14px 25px 12px
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-panes {
border: 1px solid rgba(0,0,0,.1);
border-bottom: 0
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-panes .mk-tabs-pane {
padding-bottom: 20px
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-tabs {
padding: 40px 0;
margin: 0;
display: block;
float: left
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-tabs li {
display: block
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-tabs li a {
line-height: 18px
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-panes {
display: block;
border-right: 0
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-panes .mk-tabs-pane {
float: left;
width: 100%
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs {
margin: 0 0 -1px 0
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li {
display: inline-block;
border-left: 1px solid rgba(0,0,0,.1);
border-top: 1px solid rgba(0,0,0,.1);
background-color: rgba(0,0,0,.015);
white-space: nowrap
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li:last-child {
border-right: 1px solid rgba(0,0,0,.1)
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li a {
padding: 20px 25px 18px
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li.tab-with-icon>a {
padding: 19px 25px 16px
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-panes {
border: 1px solid rgba(0,0,0,.1)
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-tabs {
padding: 0;
margin: 0;
width: 231px;
display: block;
float: left
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-tabs li {
display: block;
border-top: 1px solid rgba(0,0,0,.1);
border-left: 1px solid rgba(0,0,0,.1);
background-color: rgba(0,0,0,.015)
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-tabs li:last-child {
border-bottom: 1px solid rgba(0,0,0,.1)
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-tabs li a {
padding: 18px 10px 18px 25px;
line-height: 18px
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-panes {
margin-left: 230px;
display: block;
border: 1px solid rgba(0,0,0,.1)
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-panes .mk-tabs-pane {
padding: 0;
float: left;
width: 100%
}
.mk-tabs.style3-tabs {
text-align: center
}
.mk-tabs.style3-tabs .mk-tabs-tabs {
margin: 0 auto;
display: inline-block;
text-align: center;
border: 1px solid rgba(0,0,0,.1)
}
.mk-tabs.style3-tabs .mk-tabs-tabs li {
display: inline-block;
white-space: nowrap
}
.mk-tabs.style3-tabs .mk-tabs-tabs li.ui-state-active {
border-left: 1px solid rgba(0,0,0,.1);
border-right: 1px solid rgba(0,0,0,.1);
background-color: rgba(0,0,0,.015)
}
.mk-tabs.style3-tabs .mk-tabs-tabs li.ui-state-active:last-child {
border-right: 0
}
.mk-tabs.style3-tabs .mk-tabs-tabs li.ui-state-active:first-child {
border-left: 0
}
.mk-tabs.style3-tabs .mk-tabs-tabs li a {
padding: 20px 25px 18px
}
.mk-tabs.style3-tabs .mk-tabs-tabs li.tab-with-icon>a {
padding: 19px 25px 16px
}
.mk-tabs.style3-tabs .mk-tabs-panes {
padding: 0;
text-align: left
}
.mk-tabs.style3-tabs .mk-tabs-panes .inner-box {
padding: 30px 0
}
@media handheld, only screen and (max-width:650px) {
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs {
border-right: 1px solid rgba(0,0,0,.1);
margin-bottom: -2px
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li {
display: block;
float: none;
border-bottom: 1px solid rgba(0,0,0,.1);
border-right: 0 !important
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li:first-child {
border-top: 1px solid rgba(0,0,0,.1)
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li:last-child {
border-bottom: 0
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li.ui-state-active {
border-bottom: 1px solid rgba(0,0,0,.1)
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li a {
margin-top: 0
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li:first-child a {
border-left: 0 !important
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-tabs {
width: 100%;
float: none;
padding: 5px 0
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-tabs li a {
margin: 0 10px
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-panes {
border: 1px solid rgba(0,0,0,.1) !important;
border-bottom: 0 !important
}
.mk-tabs.style1-tabs.vertical-style .mk-tabs-panes .mk-tabs-pane {
padding: 0 0 20px 0;
float: none;
width: 100%
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs {
border-right: 1px solid rgba(0,0,0,.1);
margin-bottom: -2px
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li {
display: block;
float: none;
border-right: 0 !important
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li:first-child {
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 0 !important
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li:last-child {
border-bottom: 0
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li a {
margin-top: 0
}
.mk-tabs.style2-tabs.horizontal-style .mk-tabs-tabs li:first-child a {
border-left: 0 !important
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-tabs {
width: 100%;
float: none;
padding: 0;
margin-left: 0;
border-right: 1px solid rgba(0,0,0,.1) !important
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-tabs li a {
margin: 0
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-panes {
margin-left: 0;
border: 1px solid rgba(0,0,0,.1) !important;
border-top: 0 !important
}
.mk-tabs.style2-tabs.vertical-style .mk-tabs-panes .mk-tabs-pane {
padding: 0 0 20px 0;
float: none;
width: 100%
}
}
.mk-accordion {
margin-bottom: 20px
}
.mk-accordion.boxed-style .mk-accordion-single {
overflow: hidden;
background-color: #fff
}
.mk-accordion.boxed-style .mk-accordion-single:last-of-type .mk-accordion-tab {
border-bottom: 1px solid #e5e5e5
}
.mk-accordion.boxed-style .mk-accordion-single.current-item .mk-accordion-tab {
border-bottom: 1px solid #e5e5e5;
background-color: #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.04);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.04);
box-shadow: 0 1px 3px rgba(0,0,0,.04)
}
.mk-accordion.boxed-style .mk-accordion-single.current-item .mk-accordion-tab:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg)
}
.mk-accordion.boxed-style .mk-accordion-tab {
position: relative;
padding: 11px 30px 11px 22px;
border: 1px solid #e5e5e5;
border-bottom: 0;
background-color: #fafafa;
color: #222;
font-size: 13px;
line-height: 22px;
cursor: pointer;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none
}
.mk-accordion.boxed-style .mk-accordion-tab i {
margin-right: 10px;
color: #686868;
vertical-align: middle;
font-size: 16px
}
.mk-accordion.boxed-style .mk-accordion-pane {
position: relative
}
.mk-accordion.boxed-style .mk-accordion-pane .inner-box {
padding: 20px
}
.mk-accordion.simple-style .mk-accordion-tab {
font-size: 13px;
font-weight: bold;
padding: 12px 0 12px 20px;
color: #777;
cursor: pointer;
border-bottom: 1px solid rgba(0,0,0,.1)
}
.mk-accordion.simple-style .mk-accordion-tab i {
font-size: 16px;
color: #777;
margin: 0 8px 0 4px
}
.mk-accordion.simple-style .mk-accordion-pane {
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
position: relative
}
.mk-accordion.simple-style .mk-accordion-pane .inner-box {
padding: 20px;
margin: 0 20px
}
.mk-accordion.simple-style .current-item .mk-accordion-pane {
border-top: 0
}
.mk-toggle {
margin-bottom: 10px
}
.mk-toggle .mk-toggle-title {
font-size: 13px;
font-weight: bold;
padding: 12px 0 12px 20px;
color: #777;
cursor: pointer;
border-bottom: 1px solid rgba(0,0,0,.1)
}
.mk-toggle .mk-toggle-title.active-toggle {
border-bottom: 0
}
.mk-toggle .mk-toggle-title i {
font-size: 16px;
color: #777;
margin: 0 8px 0 4px
}
.mk-toggle .mk-toggle-pane {
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
position: relative;
display: none
}
.mk-toggle .mk-toggle-pane .inner-box {
padding: 20px;
margin: 0 20px
}
.mk-video-player {
padding: 12px;
border: 1px solid #eee;
background-color: #fdfdfd
}
.mk-video-player .mk-video-title {
margin-bottom: 12px;
font-size: 14px
}
.mk-video-player .video-container {
margin-bottom: 0 !important
}
.video-container {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 56.25%;
height: 0
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mk-flickr-feeds {
margin-bottom: 20px
}
.mk-flickr-feeds.one-column .featured-image {
width: 100%
}
.mk-flickr-feeds.two-column .featured-image {
width: 49.5%
}
.mk-flickr-feeds.three-column .featured-image {
width: 33%
}
.mk-flickr-feeds.four-column .featured-image {
width: 24.6%
}
.mk-flickr-feeds.five-column .featured-image {
width: 19.6%
}
.mk-flickr-feeds .featured-image {
position: relative;
display: inline-block !important;
margin: 0 1px 1px 0
}
.mk-flickr-feeds .featured-image img {
position: relative;
z-index: 1
}
@media handheld, only screen and (max-width:600px) {
.mk-flickr-feeds.five-column .featured-image, .mk-flickr-feeds.four-column .featured-image {
width: 49% !important
}
}
.mk-contact-form-wrapper {
position: relative;
margin-bottom: 20px
}
.mk-contact-form-wrapper.dark-skin .text-input, .mk-contact-form-wrapper.dark-skin .mk-textarea {
border: 1px solid rgba(0,0,0,.05);
background-color: rgba(0,0,0,.008);
color: #444
}
.mk-contact-form-wrapper.dark-skin .mk-form-row i {
border-right: 1px solid rgba(0,0,0,.05);
color: #666
}
.mk-contact-form-wrapper.dark-skin .mk-button {
border: 1px solid rgba(0,0,0,.05);
color: #444
}
.mk-contact-form-wrapper.dark-skin .mk-button:hover {
background-color: #444;
color: #fff
}
.mk-contact-form-wrapper.dark-skin .text-input::-webkit-input-placeholder, .mk-contact-form-wrapper.dark-skin .mk-textarea::-webkit-input-placeholder {
color:#919191
}
.mk-contact-form-wrapper.dark-skin .text-input:-ms-input-placeholder, .mk-contact-form-wrapper.dark-skin .mk-textarea:-ms-input-placeholder {
color:#919191
}
.mk-contact-form-wrapper.dark-skin .text-input:-moz-placeholder, .mk-contact-form-wrapper.dark-skin .mk-textarea:-moz-placeholder {
color:#919191
}
.mk-contact-form-wrapper.light-skin .text-input, .mk-contact-form-wrapper.light-skin .mk-textarea {
border: 1px solid rgba(255,255,255,.5);
background-color: rgba(255,255,255,.17);
color: #fff
}
.mk-contact-form-wrapper.light-skin .mk-form-row i {
border-right: 1px solid rgba(255,255,255,.5);
color: #fff
}
.mk-contact-form-wrapper.light-skin .mk-button {
border: 1px solid rgba(255,255,255,.5);
color: #fff
}
.mk-contact-form-wrapper.light-skin .mk-button:hover {
background-color: #fff;
color: #444
}
.mk-contact-form-wrapper.light-skin .text-input::-webkit-input-placeholder, .mk-contact-form-wrapper.light-skin .mk-textarea::-webkit-input-placeholder {
color:#fafafa
}
.mk-contact-form-wrapper.light-skin .text-input:-ms-input-placeholder, .mk-contact-form-wrapper.light-skin .mk-textarea:-ms-input-placeholder {
color:#fafafa
}
.mk-contact-form-wrapper.light-skin .text-input:-moz-placeholder, .mk-contact-form-wrapper.light-skin .mk-textarea:-moz-placeholder {
color:#fafafa
}
.mk-contact-form-wrapper .mk-form-row {
margin-bottom: 10px;
position: relative
}
.mk-contact-form-wrapper .mk-form-row i {
float: left;
width: 42px !important;
height: 42px;
line-height: 43px;
text-align: center;
position: absolute;
left: 0;
top: 0;
font-size: 16px
}
.mk-contact-form-wrapper .mk-form-row i.input-focused {
color: #fff
}
.mk-contact-form-wrapper .text-input, .mk-contact-form-wrapper .mk-textarea {
width: 100%;
font-size: 12px;
font-weight: 500 !important
}
.mk-contact-form-wrapper .text-input {
padding: 12px;
width: 100%;
padding-left: 58px
}
.mk-contact-form-wrapper .mk-textarea {
padding: 15px;
width: 100%;
height: 200px;
margin-bottom: 12px
}
.mk-contact-form-wrapper .button-row {
text-align: center
}
.mk-contact-form-wrapper .mk-button {
margin: 0 auto
}
.widget .mk-contact-form-wrapper.light-skin .text-input, .widget .mk-contact-form-wrapper.light-skin .mk-textarea {
border: 1px solid rgba(128,128,128,.2);
background-color: rgba(128,128,128,.1)
}
.widget .mk-contact-form-wrapper.light-skin .mk-form-row i {
border-right: 1px solid rgba(128,128,128,.2);
color: #fff
}
.widget .mk-contact-form-wrapper.light-skin .mk-button {
border: 1px solid rgba(128,128,128,.4);
color: #fff
}
.widget .mk-contact-form-wrapper.light-skin .mk-button:hover {
background-color: #fff;
color: #444
}
.widget .mk-contact-form-wrapper.light-skin .text-input::-webkit-input-placeholder, .widget .mk-contact-form-wrapper.light-skin .mk-textarea::-webkit-input-placeholder {
color:#fafafa
}
.widget .mk-contact-form-wrapper.light-skin .text-input:-ms-input-placeholder, .widget .mk-contact-form-wrapper.light-skin .mk-textarea:-ms-input-placeholder {
color:#fafafa
}
.widget .mk-contact-form-wrapper.light-skin .text-input:-moz-placeholder, .widget .mk-contact-form-wrapper.light-skin .mk-textarea:-moz-placeholder {
color:#fafafa
}
.mk-contact-loading {
position: absolute;
right: 15px;
bottom: 20px;
display: none;
line-height: 1;
color: rgba(128,128,128,.2);
font-size: 16px;
-moz-animation: spin .7s infinite linear;
-o-animation: spin .7s infinite linear;
-webkit-animation: spin .7s infinite linear;
animation: spin .7s infinite linear
}
.mk-contact-success {
position: absolute;
right: 15px;
bottom: 10px;
display: none;
color: #90b64d;
font-size: 32px
}
.mk-invalid {
border: 1px solid red !important
}
.mk-contactinfo-shortcode {
margin-bottom: 20px
}
.mk-social-network {
margin: 10px 0;
padding: 0
}
.mk-social-network.social-align-right {
text-align: right
}
.mk-social-network.social-align-center {
text-align: center
}
.mk-social-network.social-align-left {
text-align: left
}
.mk-social-network ul {
margin: 0;
padding: 0;
list-style: none
}
.mk-social-network ul li {
display: inline-block;
margin: 0
}
.mk-social-network ul li a i {
vertical-align: middle;
line-height: 32px
}
.mk-fancy-title.stroke-title span {
padding: 7px 11px
}
.mk-fancy-title.standard-title:after, .mk-fancy-title.standard-title:before {
display: inline-block;
content: "";
width: 70px;
height: 1px;
margin-top: -2px;
vertical-align: middle;
background-color: #444
}
.mk-fancy-title.standard-title .fancy-title-span {
display: inline-block
}
.mk-fancy-title.standard-title.center-align .fancy-title-span {
padding: 0 15px;
border: 1px solid #444;
border-top: 0;
border-bottom: 0
}
.mk-fancy-title.standard-title.left-align:before {
display: none
}
.mk-fancy-title.standard-title.left-align .fancy-title-span {
padding-right: 15px;
border-right: 1px solid #444
}
.mk-fancy-title.standard-title.right-align:after {
display: none
}
.mk-fancy-title.standard-title.right-align .fancy-title-span {
padding-left: 15px;
border-left: 1px solid #444
}
.mk-fancy-title.avantgarde-title:after, .mk-fancy-title.avantgarde-title:before {
display: inline-block;
content: "";
width: 70px;
height: 2px;
margin-top: -2px;
vertical-align: middle;
background-color: #444
}
.mk-fancy-title.avantgarde-title .fancy-title-span {
display: inline-block
}
.mk-fancy-title.avantgarde-title.center-align .fancy-title-span {
padding: 0 15px
}
.mk-fancy-title.avantgarde-title.left-align:before {
display: none
}
.mk-fancy-title.avantgarde-title.left-align .fancy-title-span {
padding-right: 15px
}
.mk-fancy-title.avantgarde-title.right-align:after {
display: none
}
.mk-fancy-title.avantgarde-title.right-align .fancy-title-span {
padding-left: 15px
}
.mk-fancy-title.alt-title {
position: relative
}
.mk-fancy-title.alt-title .fancy-title-span {
display: inline-block;
position: relative;
z-index: 3
}
.mk-fancy-title.alt-title:after {
display: block;
content: "";
width: 100%;
height: 4px;
margin-top: -1px;
position: absolute;
left: 0;
top: 50%;
z-index: 1
}
.mk-fancy-title.alt-title.center-align .fancy-title-span {
padding: 0 10px
}
.mk-fancy-title.alt-title.left-align .fancy-title-span {
padding-right: 10px
}
.mk-fancy-title.alt-title.right-align .fancy-title-span {
padding-left: 10px
}
.mk-fancy-title p {
margin-bottom: 0 !important
}
@media handheld, only screen and (max-width:960px) {
.vc_span6 .mk-fancy-title, .vc_span8 .mk-fancy-title, .vc_span3 .mk-fancy-title, .vc_span4 .mk-fancy-title {
text-align: center !important
}
.vc_span6 .mk-fancy-title .fancy-title-span, .vc_span8 .mk-fancy-title .fancy-title-span, .vc_span3 .mk-fancy-title .fancy-title-span, .vc_span4 .mk-fancy-title .fancy-title-span {
border: 0 !important;
padding: 0 !important
}
.vc_span6 .mk-fancy-title:after, .vc_span6 .mk-fancy-title:before, .vc_span8 .mk-fancy-title:after, .vc_span8 .mk-fancy-title:before, .vc_span3 .mk-fancy-title:after, .vc_span3 .mk-fancy-title:before, .vc_span4 .mk-fancy-title:after, .vc_span4 .mk-fancy-title:before {
display: none !important
}
}
@media handheld, only screen and (max-width:767px) {
.mk-fancy-title .fancy-title-span {
border: 0 !important;
padding: 0 !important
}
.mk-fancy-title:after, .mk-fancy-title:before {
display: none !important
}
}
.mk-fancy-text {
display: block;
line-height: 100%
}
.mk-fancy-text.title-box-right {
float: right
}
.mk-fancy-text.title-box-left {
float: left
}
.mk-fancy-text.title-box-center {
margin-right: auto;
margin-left: auto;
text-align: center
}
.mk-fancy-text p {
margin: 0
}
.mk-fancy-text span {
padding: 4px 0
}
.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 a:hover .default-font-icon {
color: #fff !important
}
.mk-font-icons .default-font-icon {
border: 1px solid #e3e3e3;
background-color: #fdfdfd
}
.mk-font-icons .filled-font-icon {
border-width: 1px;
border-style: solid;
color: #fff
}
.mk-font-icons .custom-font-icon {
border-width: 1px;
border-style: solid
}
.mk-font-icons i {
display: inline-block;
text-align: center;
-webkit-border-radius: 600px;
-moz-border-radius: 600px;
border-radius: 600px
}
.mk-font-icons i.mk-size-small {
width: 40px;
height: 40px;
font-size: 16px;
line-height: 40px
}
.mk-font-icons i.mk-size-medium {
width: 100px;
height: 100px;
font-size: 32px;
line-height: 100px
}
.mk-font-icons i.mk-size-large {
width: 150px;
height: 150px;
font-size: 48px;
line-height: 150px
}
.mk-font-icons i.mk-size-x-large {
width: 186px;
height: 186px;
font-size: 64px;
line-height: 186px
}
.mk-font-icons i.mk-size-xx-large {
width: 296px;
height: 296px;
font-size: 128px;
line-height: 296px
}
.mk-font-icons i.mk-size-xxx-large {
width: 520px;
height: 520px;
font-size: 256px;
line-height: 520px
}
@media handheld, only screen and (max-width:600px) {
.mk-font-icons i.mk-size-xxx-large {
width: 296px;
height: 296px;
font-size: 128px;
line-height: 296px
}
}
.mk-font-icons.remove-frame i {
width: auto !important;
height: auto !important;
border: 0 !important;
background-color: transparent !important;
line-height: 100% !important
}
.mk-box-text {
text-align: center;
padding: 20px 0;
display: block;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.mk-box-text i {
line-height: 100%;
margin-bottom: 30px;
display: block
}
.mk-box-text .icon-txt-default {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
display: block;
position: relative;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}
.mk-box-text .icon-txt-hover {
opacity: 0;
font-size: 16px;
line-height: 130%;
font-weight: bold;
text-transform: uppercase;
position: relative;
display: block;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.mk-box-text.light-skin .icon-txt-default, .mk-box-text.light-skin .icon-txt-hover, .mk-box-text.light-skin i {
color: #fff
}
.mk-box-text.dark-skin .icon-txt-default, .mk-box-text.dark-skin .icon-txt-hover, .mk-box-text.dark-skin i {
color: #444
}
.mk-box-text:hover {
padding: 10px 0 55px
}
.mk-box-text:hover .icon-txt-default {
opacity: 0
}
.mk-box-text:hover .icon-txt-hover {
opacity: 1;
margin-top: -25px
}
.mk-clients-shortcode {
position: relative
}
.mk-clients-shortcode ul, .mk-clients-shortcode li {
margin: 0;
padding: 0;
list-style: none
}
.mk-clients-shortcode li:last-child .flip-wrapper {
border-right-width: 1px !important
}
.mk-clients-shortcode.grid-style .client-item-wrapper {
border: 0 !important;
margin: 0 1px 1px
}
@media handheld, only screen and (max-width:500px) {
.mk-clients-shortcode.grid-style .client-item {
float: none !important;
margin: 0 auto !important;
text-align: center
}
}
.mk-clients-shortcode .client-item {
float: left;
position: relative
}
.mk-clients-shortcode .client-item:hover .clients-info {
opacity: 1
}
.mk-clients-shortcode .client-item:last-of-type .client-item-wrapper {
border-right-width: 1px
}
.mk-clients-shortcode .client-item-wrapper {
border-width: 1px;
border-style: solid;
border-right-width: 0;
line-height: 4px;
position: relative;
z-index: 5
}
.mk-clients-shortcode.column-style.one-column li {
width: 100%
}
.mk-clients-shortcode.column-style.two-column li {
width: 50%
}
.mk-clients-shortcode.column-style.three-column li {
width: 33.3%
}
.mk-clients-shortcode.column-style.four-column li {
width: 25%
}
.mk-clients-shortcode.column-style.five-column li {
width: 20%
}
.mk-clients-shortcode.column-style.six-column li {
width: 16.6%
}
@media handheld, only screen and (max-width:960px) {
.mk-clients-shortcode.column-style.three-column li, .mk-clients-shortcode.column-style.four-column li, .mk-clients-shortcode.column-style.five-column li, .mk-clients-shortcode.column-style.six-column li {
width: 33.2% !important
}
}
@media handheld, only screen and (max-width:767px) {
.mk-clients-shortcode.column-style.three-column li, .mk-clients-shortcode.column-style.four-column li, .mk-clients-shortcode.column-style.five-column li, .mk-clients-shortcode.column-style.six-column li {
width: 49.8% !important
}
}
@media handheld, only screen and (max-width:550px) {
.mk-clients-shortcode.column-style.three-column li, .mk-clients-shortcode.column-style.four-column li, .mk-clients-shortcode.column-style.two-column li, .mk-clients-shortcode.column-style.five-column li, .mk-clients-shortcode.column-style.six-column li {
width: 100% !important
}
}
.mk-clients-shortcode.column-style .client-logo {
width: 100%
}
.mk-clients-shortcode.column-style .client-item .client-item-wrapper {
border-width: 1px !important;
border-top: 0 !important;
border-left: 0 !important
}
.mk-clients-shortcode .client-logo {
position: relative;
display: inline-block;
background-position: center center;
background-position: center;
background-repeat: no-repeat
}
.mk-clients-shortcode.bg-cover-true .client-logo {
background-size: cover;
background-repeat: no-repeat;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover
}
.mk-clients-shortcode .clients-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 20px;
z-index: 14;
display: table;
opacity: 0;
transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out
}
.mk-clients-shortcode .clients-info-holder {
height: 100%;
width: 100%;
display: table-cell;
vertical-align: middle
}
.mk-clients-shortcode .client-company {
display: block;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
line-height: 18px;
color: #fff;
text-align: center
}
.mk-box-icon {
position: relative;
margin-bottom: 40px
}
.mk-box-icon .icon-box-title {
margin-bottom: 14px;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 19px
}
.mk-box-icon .icon-box-desc {
margin-bottom: 18px
}
.mk-box-icon .icon-box-desc p {
margin: 0;
color: inherit
}
.mk-box-icon .mk-button {
margin: 0
}
.mk-box-icon .box-ico, .mk-box-icon .icon-box-container {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}
.mk-box-icon.style1-box {
text-align: center
}
.mk-box-icon.style1-box .box-ico {
font-size: 32px;
margin-bottom: 13px;
display: block
}
.mk-box-icon.style1-box .icon-box-title {
font-size: 16px !important;
font-weight: 600
}
.mk-box-icon.style2-box {
text-align: left
}
.mk-box-icon.style2-box .icon-box-title {
margin-bottom: 10px !important
}
.mk-box-icon.style2-box.icon-left-align .icon-box-container {
left: 0
}
.mk-box-icon.style2-box.icon-left-align .icon-box-content {
margin-left: 45px
}
.mk-box-icon.style2-box.icon-right-align {
text-align: right
}
.mk-box-icon.style2-box.icon-right-align .icon-box-container {
right: 0
}
.mk-box-icon.style2-box.icon-right-align .icon-box-content {
margin-right: 45px
}
.mk-box-icon.style2-box .icon-box-container {
position: absolute;
top: 2px
}
.mk-box-icon.style2-box .box-ico {
font-size: 32px;
display: block
}
.mk-box-icon.style2-box .icon-box-title {
color: #696969;
padding-top: 5px
}
.mk-box-icon.style3-box, .mk-box-icon.style4-box, .mk-box-icon.style5-box, .mk-box-icon.style6-box {
text-align: center
}
.mk-box-icon.style3-box .icon-box-container, .mk-box-icon.style4-box .icon-box-container, .mk-box-icon.style5-box .icon-box-container, .mk-box-icon.style6-box .icon-box-container {
width: 86px;
height: 86px;
line-height: 86px;
text-align: center;
margin-left: auto;
margin-right: auto
}
.mk-box-icon.style3-box.icon-round-true .icon-box-container, .mk-box-icon.style4-box.icon-round-true .icon-box-container, .mk-box-icon.style5-box.icon-round-true .icon-box-container, .mk-box-icon.style6-box.icon-round-true .icon-box-container {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.mk-box-icon.style3-box .box-ico, .mk-box-icon.style4-box .box-ico, .mk-box-icon.style5-box .box-ico, .mk-box-icon.style6-box .box-ico {
font-size: 32px;
line-height: 86px
}
.mk-box-icon.style3-box .icon-box-container, .mk-box-icon.style4-box .icon-box-container {
margin-bottom: 15px
}
.mk-box-icon.style3-box .icon-box-container, .mk-box-icon.style5-box .icon-box-container {
background-color: #fafafa;
border: 1px solid #eee
}
.mk-box-icon.style4-box .box-ico, .mk-box-icon.style6-box .box-ico {
color: #fff
}
.mk-box-icon.style4-box .icon-box-container, .mk-box-icon.style6-box .icon-box-container {
border: 1px solid #eee
}
.mk-box-icon.style5-box .icon-box-container, .mk-box-icon.style6-box .icon-box-container {
margin-bottom: -43px;
z-index: 10;
position: relative
}
.mk-box-icon.style5-box .icon-box-content, .mk-box-icon.style6-box .icon-box-content {
background-color: #fff;
border: 1px solid #eee;
padding: 60px 42px 40px;
position: relative;
z-index: 2
}
.mk-box-icon.style7-box {
text-align: left
}
.mk-box-icon.style7-box .icon-box-container {
width: 130px;
height: 130px;
line-height: 130px;
text-align: center;
margin-left: auto;
margin-right: auto;
overflow: hidden
}
.mk-box-icon.style7-box.icon-round-true .icon-box-container {
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px
}
.mk-box-icon.style7-box .box-ico {
font-size: 64px;
line-height: 130px;
color: #fff;
display: block
}
.mk-box-icon.style7-box.icon-frame-false .box-ico {
font-size: 128px;
vertical-align: top
}
.mk-box-icon.style7-box .icon-box-title {
margin-bottom: 10px !important
}
.mk-box-icon.style7-box.icon-left-align .icon-box-container {
left: 0
}
.mk-box-icon.style7-box.icon-left-align .icon-box-content {
margin-left: 150px
}
.mk-box-icon.style7-box.icon-left-align.icon-frame-false .icon-box-content {
margin-left: 140px;
padding-top: 10px
}
.mk-box-icon.style7-box.icon-left-align .icon-box-container {
position: absolute;
top: 3px
}
.mk-box-icon.style7-box.icon-right-align {
text-align: right
}
.mk-box-icon.style7-box.icon-right-align .icon-box-container {
right: 0
}
.mk-box-icon.style7-box.icon-right-align .icon-box-content {
margin-right: 150px
}
.mk-box-icon.style7-box.icon-right-align.icon-frame-false .icon-box-content {
margin-right: 140px;
padding-top: 10px
}
.mk-box-icon.style7-box.icon-right-align .icon-box-container {
position: absolute;
top: 3px
}
.mk-box-icon.style7-box.icon-top-align {
text-align: center
}
.mk-box-icon.style7-box.icon-top-align .icon-box-container {
margin-bottom: 10px
}
.mk-box-icon.style7-box.size-small .box-ico {
font-size: 32px;
line-height: 62px
}
.mk-box-icon.style7-box.size-small.icon-frame-false .box-ico {
font-size: 48px;
vertical-align: top
}
.mk-box-icon.style7-box.size-small .icon-box-container {
width: 60px;
height: 60px;
line-height: 60px
}
.mk-box-icon.style7-box.size-small.icon-left-align .icon-box-content {
margin-left: 75px
}
.mk-box-icon.style7-box.size-small.icon-left-align.icon-frame-false .icon-box-content {
margin-left: 75px;
padding-top: 10px
}
.mk-box-icon.style7-box.size-small.icon-right-align .icon-box-content {
margin-right: 75px
}
.mk-box-icon.style7-box.size-small.icon-right-align.icon-frame-false .icon-box-content {
margin-right: 75px;
padding-top: 10px
}
.mk-box-icon.style7-box.size-medium .box-ico {
font-size: 48px;
line-height: 92px
}
.mk-box-icon.style7-box.size-medium.icon-frame-false .box-ico {
font-size: 64px;
vertical-align: top
}
.mk-box-icon.style7-box.size-medium .icon-box-container {
width: 90px;
height: 90px;
line-height: 90px
}
.mk-box-icon.style7-box.size-medium.icon-left-align .icon-box-content {
margin-left: 105px
}
.mk-box-icon.style7-box.size-medium.icon-left-align.icon-frame-false .icon-box-content {
margin-left: 105px;
padding-top: 10px
}
.mk-box-icon.style7-box.size-medium.icon-right-align .icon-box-content {
margin-right: 105px
}
.mk-box-icon.style7-box.size-medium.icon-right-align.icon-frame-false .icon-box-content {
margin-right: 105px;
padding-top: 10px
}
.mk-box-icon.style7-box .icon-box-title {
color: #696969;
padding-top: 5px
}
@media handheld, only screen and (max-width:767px) {
.mk-box-icon.style7-box .icon-box-container {
position: relative !important;
margin-bottom: 10px
}
.mk-box-icon.style7-box .icon-box-content {
padding: 0 !important;
margin: 0 !important;
text-align: center !important
}
}
.mk-call-to-action {
overflow: hidden;
padding: 60px 45px;
border: 1px solid #eee;
background-color: #fafafa
}
.mk-call-to-action p {
display: inline;
margin-bottom: 0
}
.mk-call-to-action .callout-desc {
display: table;
min-height: 43px
}
.mk-call-to-action .callout-desc-holder {
display: table-cell;
padding: 0 20px 0 8px;
vertical-align: middle
}
.mk-call-to-action .callout-title {
font-size: 22px;
line-height: 130%
}
.mk-call-to-action .mk-button {
margin-right: 0
}
@media handheld, only screen and (max-width:700px) {
.mk-call-to-action .callout-desc {
display: block !important;
text-align: center
}
.mk-call-to-action .callout-desc-holder {
display: block !important;
padding: 0 !important
}
.mk-call-to-action .mk-button {
display: block !important;
margin: 0 0 20px !important
}
}
.mk-fullwidth-slideshow {
padding: 30px 0;
width: 100%;
text-align: center
}
.mk-gallery {
margin: 0 auto
}
.mk-gallery ul {
margin: 0;
padding: 0;
list-style: none
}
.mk-gallery ul li {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0;
padding: 0
}
.mk-gallery .featured-image {
line-height: 4px
}
.mk-gallery .featured-image:hover .hover-overlay {
opacity: .9
}
.mk-gallery .featured-image:hover .gallery-meta {
opacity: 1
}
.mk-gallery .featured-image:hover .gallery-meta i {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
.mk-gallery.one-column li {
width: 100%
}
.mk-gallery.two-column li {
width: 50%
}
.mk-gallery.three-column li {
width: 33.3%
}
.mk-gallery.four-column li {
width: 25%
}
.mk-gallery.five-column li {
width: 20%
}
.mk-gallery.six-column li {
width: 16.6%
}
@media handheld, only screen and (max-width:960px) {
.mk-gallery.three-column li, .mk-gallery.four-column li, .mk-gallery.five-column li, .mk-gallery.six-column li {
width: 33.2% !important
}
}
@media handheld, only screen and (max-width:767px) {
.mk-gallery.three-column li, .mk-gallery.four-column li, .mk-gallery.five-column li, .mk-gallery.six-column li {
width: 49.8% !important
}
}
@media handheld, only screen and (max-width:550px) {
.mk-gallery.three-column li, .mk-gallery.four-column li, .mk-gallery.two-column li, .mk-gallery.five-column li, .mk-gallery.six-column li {
width: 100% !important
}
}
.mk-gallery.grid-style .item-holder {
margin: 0 1px 1px 0;
position: relative
}
.mk-gallery.grid-style .mk-lightbox {
min-width: 100px;
min-height: 100px
}
.mk-gallery.grid-style .gallery-meta {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
text-align: center;
min-width: 32px;
opacity: 0
}
.mk-gallery.grid-style .gallery-meta i {
font-size: 32px;
width: 32px;
height: 32px;
color: #fff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
display: inline-block;
margin: 0 auto;
-webkit-backface-visibility: hidden
}
.mk-gallery.grid-style .the-title {
display: inline-block;
margin-top: 15px;
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase
}
.mk-gallery.thumb-style {
text-align: center
}
.mk-gallery.thumb-style .gallery-thumb-large {
margin-bottom: 1px
}
.mk-gallery.thumb-style:hover .slideshow-swiper-arrows, .mk-gallery.thumb-style:hover .gallery-thumb-lightbox {
opacity: 1
}
.mk-gallery.thumb-style:hover .mk-swiper-next {
right: 20px
}
.mk-gallery.thumb-style:hover .mk-swiper-prev {
left: 20px
}
.mk-gallery.thumb-style .gallery-thumb-lightbox {
position: absolute;
left: 50%;
top: 50%;
font-size: 16px;
line-height: 30px;
margin: -16px 0 0 -16px;
z-index: 10;
opacity: 0;
display: block;
width: 32px;
height: 32px;
color: #fff;
background-color: rgba(0,0,0,.05);
border: 1px solid #fff
}
.mk-gallery .gallery-thumbs-small {
display: inline-block;
margin: 0 auto
}
.mk-gallery .gallery-thumbs-small a {
display: inline-block;
padding-right: 1px;
padding-bottom: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mk-gallery .gallery-thumbs-small a img {
opacity: .7
}
.mk-gallery .gallery-thumbs-small a.active-item img {
opacity: 1
}
.wpb_map_wraper {
overflow: hidden;
margin-bottom: 20px;
line-height: 4px
}
.wpb_map_wraper.circle-map {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px
}
.mk-gmaps-parallax {
overflow: hidden
}
.mk-gmaps-parallax>div {
margin-top: -100px
}
.mk-page-section {
position: relative;
overflow: hidden;
min-height: 100px
}
.mk-page-section .vc_row-fluid {
position: relative;
z-index: 10
}
@media only screen and (max-width:767px) {
.mk-page-section {
background-position: center !important;
background-attachment: scroll !important;
background-size: cover
}
}
.mk-half-layout {
width: 50%;
height: 100%;
position: absolute;
top: 0;
background-position: center center;
background-size: cover;
-webkit-background-size: cover
}
.mk-half-layout.half_left_layout {
left: 0
}
.mk-half-layout.half_right_layout {
right: 0
}
@media handheld, only screen and (max-width:767px) {
.mk-half-layout {
width: 100%;
height: 500px
}
}
.mk-section-mask, .mk-section-color-mask {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%
}
.mk-section-color-mask {
opacity: .7
}
.mk-section-mask {
background: url(//www.coli688.com/wp-content/themes/ken/stylesheet/css/../../images/video-mask.png) center center repeat
}
.mk-section-video {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
min-width: 100%;
min-height: 100%
}
.mk-section-video video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%
}
@supports(object-fit:cover) {
>video {
object-fit:cover
}
}
.mk-custom-boxed {
margin-bottom: 20px
}
.mk-custom-boxed.drop-outer-shadow {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.05);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.05);
box-shadow: 1px 1px 3px rgba(0,0,0,.05)
}
.mk-mouse-parallax {
position: absolute;
top: 0;
background-position: center center;
-webkit-background-size: cover;
background-size: cover
}
.parallax-y-axis {
width: 100%;
height: 130%
}
.parallax-x-axis {
width: 130%;
height: 100%
}
.parallax-both-axis {
width: 130%;
height: 130%
}
.mk-padding-wrapper, .mk-half-layout-container {
position: relative;
z-index: 5;
padding-left: 10px;
padding-right: 10px
}
.mk-half-layout-container {
width: 40%;
margin: 0 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mk-half-layout-container.half_left_layout {
float: right
}
.mk-half-layout-container.half_right_layout {
float: left
}
@media handheld, only screen and (max-width:767px) {
.mk-half-layout-container {
width: auto !important;
margin: 0;
padding-top: 530px !important;
padding-left: 20px;
padding-right: 20px;
float: none !important
}
}
.fullwidth-true .mk-padding-wrapper {
padding-left: 0;
padding-right: 0
}
.expandable-section-trigger {
cursor: pointer;
width: 100%;
overflow: hidden;
background-color: rgba(0,0,0,.2);
transition: background .2s ease-in-out;
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-ms-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out
}
.expandable-section-trigger .mk-grid {
position: relative
}
.expandable-section-trigger.active-toggle {
background-color: transparent
}
.expandable-section-trigger span {
font-size: 20px;
display: block;
padding: 40px 40px 40px 20px;
font-weight: 600;
line-height: 130%;
text-align: center;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}
.expandable-section-trigger i {
position: absolute;
left: 50%;
top: 50%;
font-size: 32px;
line-height: 32px;
margin: -16px 0 0 -16px;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
opacity: 0
}
.expandable-section-trigger:hover span {
opacity: 0
}
.expandable-section-trigger:hover i {
opacity: 1
}
.mk-expandable-wrapper {
position: relative;
z-index: 5
}
.mk-video-section-touch {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: none;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
@media only screen and (min-device-width:320px) and (max-width:1024px) {
.mk-page-section {
background-position: center !important;
background-attachment: scroll !important
}
.mk-section-video {
display: none !important
}
.mk-video-section-touch {
display: block !important
}
}
.mk-tweet-shortcode {
margin: 0
}
.mk-tweet-shortcode li {
list-style: none;
margin: 0;
padding: 14px 0;
border-bottom: 1px solid rgba(0,0,0,.08)
}
.mk-tweet-shortcode li .tweet-time {
display: block;
font-weight: bold;
font-size: 12px;
text-transform: uppercase
}
.mk-tweet-shortcode li span a {
font-size: 12px;
font-weight: bold;
font-style: italic
}
.mk-twitter-shortcode {
margin-bottom: 20px
}
.mk-audio {
margin-bottom: 10px;
padding: 9px;
position: relative
}
.mk-audio.add-baloon .jp-interface:before {
position: absolute;
top: -7px;
left: 50px;
display: block;
width: 14px;
height: 14px;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
background-color: #fafafa;
border-left: 1px solid #eee;
border-top: 1px solid #eee
}
.mk-audio .mk-audio-author {
display: block;
margin: 0 0 9px 30px;
font-weight: bold;
font-size: 13px;
padding: 6px 0
}
.mk-audio.small-version-true .jp-interface {
padding: 20px 20px 55px
}
.mk-audio.small-version-true .jp-controls {
top: 62px;
left: 20px
}
.mk-audio.small-version-true .js-volume-wrapper {
top: 62px;
right: 20px
}
.mk-moving-image img {
display: inline-block !important;
width: auto !important
}
.mk-moving-image.align-center {
text-align: center
}
.mk-moving-image.align-center img {
margin: 0 auto
}
.mk-moving-image.align-right {
text-align: right
}
.mk-moving-image.align-left {
text-align: left
}
.mk-process-steps {
position: relative
}
.mk-process-steps .step-title {
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
line-height: 22px
}
.mk-process-steps .step-desc {
font-size: 13px;
font-weight: 600
}
.mk-process-steps .step-icon {
width: 95px;
height: 95px;
display: block;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
font-size: 32px;
text-align: center;
line-height: 95px;
-webkit-backface-visibility: hidden;
transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
position: relative;
z-index: 10
}
.mk-process-steps .step-icon i {
position: absolute;
left: 0;
top: 0;
line-height: 95px;
text-align: center;
width: 95px;
opacity: 0;
color: #fff;
transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out
}
.mk-process-steps.dark-skin .step-title {
color: #444 !important
}
.mk-process-steps.dark-skin .step-desc {
color: #939393
}
.mk-process-steps.dark-skin .step-icon {
background-color: #fff;
border: 1px solid #eee
}
.mk-process-steps.dark-skin .active-step-item .step-icon, .mk-process-steps.dark-skin li:hover .step-icon, .mk-process-steps.dark-skin .mk-step:hover .step-icon {
color: #fff
}
.mk-process-steps.dark-skin.vertical .step-items:before {
border-left: 1px dashed #eee
}
.mk-process-steps.dark-skin.vertical .mk-step:nth-child(odd) .step-holder:before {
border-left: 1px solid #eee;
border-bottom: 1px solid #eee
}
.mk-process-steps.dark-skin.vertical .mk-step:nth-child(even) .step-holder:before {
border-right: 1px solid #eee;
border-top: 1px solid #eee
}
.mk-process-steps.dark-skin.vertical .step-holder {
background: #fff;
border: 1px solid #eee
}
.mk-process-steps.dark-skin.vertical .step-holder:before {
background-color: #fff
}
.mk-process-steps.light-skin .step-title {
color: #fff !important
}
.mk-process-steps.light-skin .step-desc {
color: #eee
}
.mk-process-steps.light-skin .step-icon {
border: 1px solid #fff;
color: #fff
}
.mk-process-steps.light-skin .active-step-item .step-icon, .mk-process-steps.light-skin li:hover .step-icon, .mk-process-steps.light-skin .mk-step:hover .step-icon {
background-color: #fff
}
.mk-process-steps.light-skin.vertical .step-items:before {
border-left: 1px dashed rgba(128,128,128,.5)
}
.mk-process-steps.light-skin.vertical .mk-step:nth-child(odd) .step-holder:before {
border-left: 1px solid rgba(128,128,128,.5);
border-bottom: 1px solid rgba(128,128,128,.5)
}
.mk-process-steps.light-skin.vertical .mk-step:nth-child(even) .step-holder:before {
border-right: 1px solid rgba(128,128,128,.5);
border-top: 1px solid rgba(128,128,128,.5)
}
.mk-process-steps.light-skin.vertical .step-holder {
background: #222;
border: 1px solid rgba(128,128,128,.5)
}
.mk-process-steps.light-skin.vertical .step-holder:before {
background-color: #222
}
.mk-process-steps.vertical {
margin-bottom: 30px
}
.mk-process-steps.vertical .step-items {
padding-top: 50px
}
.mk-process-steps.vertical .step-items:before {
content: "";
display: block;
height: 100%;
width: 0;
position: absolute;
top: 0;
left: 50%
}
.mk-process-steps.vertical .mk-step {
display: block;
padding: 70px 0;
position: relative;
*zoom:1;
}
.mk-process-steps.vertical .mk-step:before, .mk-process-steps.vertical .mk-step:after {
content: " ";
display: table
}
.mk-process-steps.vertical .mk-step:after {
clear: both
}
.mk-process-steps.vertical .mk-step:nth-child(odd) {
margin-left: 50%;
text-align: left
}
.mk-process-steps.vertical .mk-step:nth-child(odd) .step-icon {
left: -47px
}
.mk-process-steps.vertical .mk-step:nth-child(odd) .step-holder {
margin: 0 30px 0 80px;
right: -30px
}
.mk-process-steps.vertical .mk-step:nth-child(odd) .step-holder:before {
left: -7px
}
.mk-process-steps.vertical .mk-step:nth-child(odd):hover .step-holder {
opacity: 1;
right: 0
}
.mk-process-steps.vertical .mk-step:nth-child(even) {
margin-right: 50%;
text-align: right
}
.mk-process-steps.vertical .mk-step:nth-child(even) .step-icon {
right: -47px
}
.mk-process-steps.vertical .mk-step:nth-child(even) .step-holder {
margin: 0 80px 0 30px;
left: -30px
}
.mk-process-steps.vertical .mk-step:nth-child(even) .step-holder:before {
right: -7px
}
.mk-process-steps.vertical .mk-step:nth-child(even):hover .step-holder {
opacity: 1;
left: 0
}
.mk-process-steps.vertical .step-icon {
position: absolute;
top: 50%;
margin-top: -47px
}
.mk-process-steps.vertical .step-holder {
position: relative;
display: inline-block;
padding: 16px 20px;
opacity: .6;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out
}
.mk-process-steps.vertical .step-holder:before {
position: absolute;
top: 50%;
margin-top: -7px;
display: block;
width: 14px;
height: 14px;
content: "";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
@media handheld, only screen and (max-width:767px) {
.mk-process-steps.vertical .mk-step:nth-child(odd) {
margin-left: 0
}
.mk-process-steps.vertical .mk-step:nth-child(odd) .step-icon {
left: 0
}
.mk-process-steps.vertical .mk-step:nth-child(odd) .step-holder {
margin: 0 0 0 110px !important;
right: 0 !important;
opacity: 1 !important
}
.mk-process-steps.vertical .mk-step:nth-child(even) {
margin-right: 0
}
.mk-process-steps.vertical .mk-step:nth-child(even) .step-icon {
right: 0
}
.mk-process-steps.vertical .mk-step:nth-child(even) .step-holder {
margin: 0 110px 0 0 !important;
left: 0 !important;
opacity: 1 !important
}
}
.mk-process-steps.horizontal .step-panes .step-icon {
display: none
}
.mk-process-steps.horizontal .step-items {
position: relative;
margin: 0;
padding: 0;
list-style: none;
text-align: center
}
.mk-process-steps.horizontal .step-items li {
margin: 0 30px;
display: inline-block
}
.mk-process-steps.horizontal .step-panes {
min-height: 50px;
padding-bottom: 30px;
text-align: center;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out
}
.mk-process-steps.horizontal .step-panes .mk-step {
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
opacity: 0;
top: 30px;
left: 0;
position: absolute;
display: block;
width: 100%
}
.mk-process-steps.horizontal .step-panes .mk-step.active-step {
opacity: 1;
top: 0
}
@media handheld, only screen and (max-width:767px) {
.mk-process-steps.horizontal .step-items {
text-align: center
}
.mk-process-steps.horizontal .step-items:before {
display: none
}
.mk-process-steps.horizontal .step-items li {
margin: 15px
}
}
.mk-advanced-gmaps img {
max-width: none !important
}
.mk-window-scroller {
margin: 0 0 20px 14px;
border: 1px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
-webkit-box-shadow: -12px 12px 0 0 rgba(0,0,0,.08);
-moz-box-shadow: -12px 12px 0 0 rgba(0,0,0,.08);
box-shadow: -12px 12px 0 0 rgba(0,0,0,.08);
cursor: ns-resize
}
.mk-window-scroller .window-top-bar {
position: relative;
background-color: #eee;
border-bottom: 1px solid #fff;
height: 30px
}
.mk-window-scroller .window-top-bar:before, .mk-window-scroller .window-top-bar:after, .mk-window-scroller .window-top-bar span {
display: block;
height: 10px;
width: 10px;
content: "";
position: absolute;
top: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px
}
.mk-window-scroller .window-top-bar:before {
background-color: #ff4351;
left: 12px
}
.mk-window-scroller .window-top-bar:after {
background-color: #ffc600;
left: 27px
}
.mk-window-scroller .window-top-bar span {
background-color: #71b93f;
left: 43px
}
.mk-window-scroller .image-holder {
overflow: hidden;
position: relative
}
.mk-window-scroller .image-holder img {
position: absolute;
top: 0
}
.mk-event-countdown {
margin-bottom: 30px
}
.mk-event-countdown ul {
margin: 0;
padding: 0;
text-align: center
}
.mk-event-countdown ul li {
position: relative;
display: inline-block;
margin: 0 0 0 15px;
padding: 35px 0 30px 0;
width: 110px;
border: 1px solid #eaeaea
}
.mk-event-countdown ul li:first-child {
margin-left: 0
}
.mk-event-countdown ul li:first-child:before {
display: none !important
}
.mk-event-countdown ul li:before {
position: absolute;
top: 50%;
left: -16px;
display: block;
width: 16px;
height: 1px;
content: ""
}
.mk-event-countdown ul .countdown-timer {
display: inline-block;
text-align: center;
text-transform: uppercase;
font-weight: 300;
font-size: 40px
}
.mk-event-countdown ul .countdown-text {
display: block;
color: #545454;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
line-height: 13px;
opacity: .5
}
.mk-event-countdown.dark-skin li:before {
background-color: #eee
}
.mk-event-countdown.dark-skin li {
border-color: #eee;
background-color: #fafafa
}
.mk-event-countdown.light-skin li:before {
background-color: rgba(255,255,255,.5)
}
.mk-event-countdown.light-skin li {
border-color: rgba(255,255,255,.5);
background-color: rgba(255,255,255,.1)
}
.mk-event-countdown.light-skin .countdown-text {
color: #fff
}
.mk-event-countdown.light-skin .countdown-timer {
color: #fff
}
@media screen and (max-width:600px) {
.mk-event-countdown li {
width: 40px !important;
padding: 10px 0 10px 0 !important
}
.mk-event-countdown li .countdown-timer {
font-size: 14px !important
}
.mk-event-countdown li .countdown-text {
display: none
}
}
.mk-tablet-slideshow {
margin: 0 auto 40px;
width: 100%;
text-align: center
}
.mk-tablet-slideshow .mk-flex-slides {
margin: 0 auto !important;
padding: 60px 0 60px 0
}
@media handheld, only screen and (max-width:500px) {
.mk-tablet-slideshow .mk-flex-slides {
padding: 50px 20px 40px 20px !important
}
}
.mk-tablet-slideshow .flex-direction-nav a {
margin-top: -16px
}
.mk-tablet-slideshow .flex-direction-nav a .mk-icon-chevron-left:before, .mk-tablet-slideshow .flex-direction-nav a .mk-icon-chevron-right:before {
font-size: 32px
}
.mk-tablet-slideshow:hover .flex-direction-nav a {
opacity: 1
}
.mk-tablet-slideshow:hover .flex-prev {
left: 60px
}
.mk-tablet-slideshow:hover .flex-next {
right: 60px
}
.mk-tablet-slideshow .mk-flex-slides {
text-align: center
}
.mk-tablet-slideshow .flex-direction-nav a {
position: absolute;
top: 50%;
z-index: 60;
margin-top: -16px;
width: 36px;
height: 36px;
border: 1px solid #fff;
background-color: rgba(0,0,0,.1);
text-align: center;
cursor: pointer;
opacity: 0
}
.mk-tablet-slideshow .flex-direction-nav a i {
color: #fff;
font-size: 16px;
line-height: 36px
}
.mk-tablet-slideshow .flex-prev {
left: 30px
}
.mk-tablet-slideshow .flex-next {
right: 30px
}
.mk-tablet-image {
position: absolute;
top: 0;
left: 0;
z-index: 50;
width: 100%
}
.vc_span4>.mk-tablet-slideshow .mk-flex-slides {
padding: 35px 10px 20px 10px
}
.vc_span4>.mk-tablet-slideshow:hover .flex-prev {
left: 40px
}
.vc_span4>.mk-tablet-slideshow:hover .flex-next {
right: 40px
}
.vc_span3>.mk-tablet-slideshow .mk-flex-slides {
padding: 25px 10px 20px 10px
}
.vc_span3>.mk-tablet-slideshow .flex-prev, .vc_span3>.mk-tablet-slideshow .flex-next {
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8)
}
.vc_span3>.mk-tablet-slideshow:hover .flex-prev {
left: 30px
}
.vc_span3>.mk-tablet-slideshow:hover .flex-next {
right: 30px
}
.vc_span2>.mk-tablet-slideshow .mk-flex-slides {
padding: 10px 5px 10px 5px
}
.vc_span2>.mk-tablet-slideshow .flex-prev, .vc_span2>.mk-tablet-slideshow .flex-next {
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7)
}
.vc_span2>.mk-tablet-slideshow:hover .flex-prev {
left: 20px
}
.vc_span2>.mk-tablet-slideshow:hover .flex-next {
right: 20px
}
.mk-mobile-slideshow {
margin: 0 auto 40px;
width: 100%;
text-align: center
}
.mk-mobile-slideshow:hover .flex-direction-nav a {
opacity: .7
}
.mk-mobile-slideshow.landscape-style .mk-flex-slides {
margin: 0 auto !important;
padding: 40px 20px 20px 20px
}
@media handheld, only screen and (max-width:900px) {
.mk-mobile-slideshow.landscape-style .mk-flex-slides {
padding: 30px 90px 20px 90px !important
}
}
@media handheld, only screen and (max-width:700px) {
.mk-mobile-slideshow.landscape-style .mk-flex-slides {
padding: 20px 70px 20px 70px !important
}
}
@media handheld, only screen and (max-width:600px) {
.mk-mobile-slideshow.landscape-style .mk-flex-slides {
padding: 15px 50px 20px 50px !important
}
}
@media handheld, only screen and (max-width:400px) {
.mk-mobile-slideshow.landscape-style .mk-flex-slides {
padding: 15px 40px 20px 40px !important
}
}
.mk-mobile-slideshow.landscape-style:hover .flex-prev {
left: 155px
}
.mk-mobile-slideshow.landscape-style:hover .flex-next {
right: 140px
}
@media handheld, only screen and (max-width:700px) {
.mk-mobile-slideshow.landscape-style:hover .flex-prev {
left: 105px !important
}
.mk-mobile-slideshow.landscape-style:hover .flex-next {
right: 95px !important
}
}
.mk-mobile-slideshow.portrait-style .mk-flex-slides {
margin: 0 auto !important;
padding: 90px 20px 90px 20px
}
@media handheld, only screen and (max-width:400px) {
.mk-mobile-slideshow.portrait-style .mk-flex-slides {
padding: 90px 10px 70px 10px !important
}
}
.mk-mobile-slideshow.portrait-style:hover .flex-prev {
left: 50px
}
.mk-mobile-slideshow.portrait-style:hover .flex-next {
right: 60px
}
.mk-mobile-slideshow .flex-direction-nav a {
position: absolute;
top: 50%;
z-index: 60;
margin-top: -16px;
width: 36px;
height: 36px;
border: 1px solid #fff;
background-color: rgba(0,0,0,.1);
text-align: center;
cursor: pointer;
opacity: 0
}
.mk-mobile-slideshow .flex-direction-nav a i {
color: #fff;
font-size: 16px;
line-height: 36px
}
.mk-mobile-slideshow .flex-prev {
left: 30px
}
.mk-mobile-slideshow .flex-next {
right: 30px
}
.mk-mobile-image {
position: absolute;
top: 0;
left: 0;
z-index: 50
}
.vc_span6>.mk-mobile-slideshow.landscape-style .mk-flex-slides {
padding: 20px 60px 10px 60px
}
.vc_span4>.mk-mobile-slideshow.landscape-style .mk-flex-slides {
padding: 10px 40px 10px 40px
}
.vc_span4>.mk-mobile-slideshow.landscape-style:hover .flex-prev {
left: 70px
}
.vc_span4>.mk-mobile-slideshow.landscape-style:hover .flex-next {
right: 70px
}
.vc_span3>.mk-mobile-slideshow.landscape-style .mk-flex-slides {
padding: 10px 30px 10px 30px
}
.vc_span3>.mk-mobile-slideshow.landscape-style .flex-prev, .vc_span3>.mk-mobile-slideshow.landscape-style .flex-next {
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7)
}
.vc_span3>.mk-mobile-slideshow.landscape-style:hover .flex-prev {
left: 40px
}
.vc_span3>.mk-mobile-slideshow.landscape-style:hover .flex-next {
right: 40px
}
.vc_span3>.mk-mobile-slideshow.portrait-style .mk-flex-slides {
padding: 75px 20px 90px 20px
}
.vc_span3>.mk-mobile-slideshow.portrait-style .flex-prev, .vc_span3>.mk-mobile-slideshow.portrait-style .flex-next {
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8)
}
.vc_span3>.mk-mobile-slideshow.portrait-style:hover .flex-prev {
left: 30px
}
.vc_span3>.mk-mobile-slideshow.portrait-style:hover .flex-next {
right: 30px
}
.vc_span2>.mk-mobile-slideshow.portrait-style .mk-flex-slides {
padding: 40px 10px 10px 10px
}
.vc_span2>.mk-mobile-slideshow.portrait-style .flex-prev, .vc_span2>.mk-mobile-slideshow.portrait-style .flex-next {
transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6)
}
.vc_span2>.mk-mobile-slideshow.portrait-style:hover .flex-prev {
left: 20px
}
.vc_span2>.mk-mobile-slideshow.portrait-style:hover .flex-next {
right: 20px
}
.vc_span2>.mk-mobile-slideshow.landscape-style .mk-flex-slides {
padding: 5px 20px 0 20px
}
.vc_span2>.mk-mobile-slideshow.landscape-style .flex-prev, .vc_span2>.mk-mobile-slideshow.landscape-style .flex-next {
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5)
}
.vc_span2>.mk-mobile-slideshow.landscape-style:hover .flex-prev {
left: 20px
}
.vc_span2>.mk-mobile-slideshow.landscape-style:hover .flex-next {
right: 20px
}
.gform_wrapper select {
padding: 12px 14px 12px 20px !important
}
.gform_wrapper select[multiple=multiple] {
padding: 8px !important
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {
font-size: 13px !important;
color: #767676 !important;
padding: 10px !important
}
.gform_wrapper .button {
margin-right: 10px !important;
border: 1px solid #eee !important;
outline: 0 !important;
color: #666 !important;
font-size: 13px;
line-height: 13px !important;
padding: 12px 25px !important;
vertical-align: top;
background-image: none !important;
letter-spacing: 1px;
display: inline-block;
background-color: transparent
}
.gform_wrapper .button:hover {
color: #fff !important
}
.gform_wrapper .gf_progressbar {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
background-image: none !important
}
.gform_wrapper .percentbar_blue {
background-image: none !important
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input {
margin-left: 2px
}
.gform_wrapper li, .gform_wrapper form li {
padding-bottom: 10px
}
.gform_wrapper .top_label .gfield_label {
margin-bottom: 6px !important
}
@media only screen and (max-width:550px) {
.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 99% !important;
margin-top: 10px;
float: none !important
}
}
.visible-sm, .visible-tl, .visible-dt {
display: none
}
@media screen and (max-width:765px) {
.hidden-sm {
display: none !important
}
.visible-sm {
display: block !important
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
.hidden-tl {
display: none !important
}
.visible-tl {
display: block !important
}
}
@media only screen and (min-width:1224px) {
.hidden-dt {
display: none !important
}
.visible-dt {
display: block !important
}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
.no-smartphone {
display: none !important
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
.no-ipad {
display: none !important
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
.no-iphone {
display: none !important
}
}
.mk-fancy-title p, .mk-blockquote p, .pricing-offer-grid p, .mk-title-box p {
font-size: inherit !important;
line-height: inherit !important
}
.mk-employees>ul {
margin: 0;
padding: 0;
list-style: none
}
.mk-employees.column_rounded-style .mk-employee-item {
float: left;
margin: 0;
text-align: center
}
.mk-employees.column_rounded-style .team-member-name {
display: block;
font-size: 18px;
text-transform: uppercase;
font-weight: bolder;
margin-bottom: 6px
}
.mk-employees.column_rounded-style .team-member-position {
display: block;
margin-bottom: 14px;
font-weight: 600;
font-size: 12px
}
.mk-employees.column_rounded-style .team-member-desc {
display: block;
padding: 0 0 10px
}
.mk-employees.column_rounded-style .team-thumbnail, .mk-employees.column_rounded-style .team-thumbnail img, .mk-employees.column_rounded-style .hover-overlay {
-webkit-border-radius: 1500px;
-moz-border-radius: 1500px;
border-radius: 1500px
}
.mk-employees.column_rounded-style .team-thumbnail {
margin-bottom: 15px;
position: relative;
overflow: hidden
}
.mk-employees.column_rounded-style .team-thumbnail img {
position: relative;
z-index: 1;
width: 100%
}
.mk-employees.column_rounded-style .team-thumbnail:hover .mk-employeee-networks a {
opacity: 1
}
.mk-employees.column_rounded-style .team-thumbnail:hover .hover-overlay {
opacity: .3
}
.mk-employees.column_rounded-style.one-column .mk-employee-item {
padding: 0 0 50px;
width: 100%
}
.mk-employees.column_rounded-style.one-column .mk-employee-item .team-thumbnail {
float: left;
width: 50%
}
.mk-employees.column_rounded-style.one-column .mk-employee-item .team-info-wrapper {
float: left;
padding: 10px 30px;
width: 50%
}
.mk-employees.column_rounded-style.two-column .mk-employee-item {
padding: 0 20px 50px;
width: 49.8%
}
.mk-employees.column_rounded-style.three-column .mk-employee-item {
padding: 0 20px 40px;
width: 33.3%
}
.mk-employees.column_rounded-style.four-column .mk-employee-item {
padding: 0 10px 30px;
width: 24.8%
}
.mk-employees.column_rounded-style.five-column .mk-employee-item {
padding: 0 10px 20px;
width: 19.8%
}
@media handheld, only screen and (max-width:767px) {
.mk-employees.column_rounded-style.three-column .mk-employee-item, .mk-employees.column_rounded-style.four-column .mk-employee-item, .mk-employees.column_rounded-style.five-column .mk-employee-item {
padding: 0 20px 50px;
width: 50%
}
.mk-employees.column_rounded-style .clearboth {
display: none !important
}
}
@media handheld, only screen and (max-width:600px) {
.mk-employees.column_rounded-style .mk-employee-item {
padding: 0 0 40px !important;
width: 100% !important
}
}
.mk-employees.column-style .mk-employee-item {
float: left;
margin: 0
}
.mk-employees.column-style .team-member-name {
display: block;
font-size: 14px;
font-weight: bold
}
.mk-employees.column-style .team-member-position {
display: block;
margin-bottom: 14px;
font-weight: 600;
font-size: 12px
}
.mk-employees.column-style .team-member-desc {
display: block;
padding: 0 0 10px
}
.mk-employees.column-style .team-thumbnail {
margin-bottom: 15px;
position: relative
}
.mk-employees.column-style .team-thumbnail img {
position: relative;
z-index: 1;
width: 100%
}
.mk-employees.column-style .team-thumbnail:hover .mk-employeee-networks a {
opacity: 1
}
.mk-employees.column-style .team-thumbnail:hover .hover-overlay {
opacity: .8
}
.mk-employees.column-style.one-column .mk-employee-item {
padding: 0 0 50px;
width: 100%
}
.mk-employees.column-style.one-column .mk-employee-item .team-thumbnail {
float: left;
width: 50%
}
.mk-employees.column-style.one-column .mk-employee-item .team-info-wrapper {
float: left;
padding: 10px 30px;
width: 50%
}
.mk-employees.column-style.two-column .mk-employee-item {
padding: 0 20px 50px;
width: 49.8%
}
.mk-employees.column-style.three-column .mk-employee-item {
padding: 0 20px 30px;
width: 33.3%
}
.mk-employees.column-style.four-column .mk-employee-item {
padding: 0 10px 20px;
width: 24.8%
}
.mk-employees.column-style.five-column .mk-employee-item {
padding: 0 10px 12px;
width: 19.8%
}
@media handheld, only screen and (max-width:767px) {
.mk-employees.column-style.three-column .mk-employee-item, .mk-employees.column-style.four-column .mk-employee-item, .mk-employees.column-style.five-column .mk-employee-item {
padding: 0 20px 50px;
width: 50%
}
.mk-employees.column-style .clearboth {
display: none !important
}
}
@media handheld, only screen and (max-width:600px) {
.mk-employees.column-style .mk-employee-item {
padding: 0 0 40px !important;
width: 100% !important
}
}
.mk-employees.grid-style {
text-align: center;
margin: 0 auto
}
.mk-employees.grid-style .mk-employee-item {
margin: 0 auto;
padding: 0;
list-style: none;
position: relative;
border-right: 0;
line-height: 4px;
display: inline-block;
border: 1px solid transparent;
border-top: 0;
border-left: 0
}
.mk-employees.grid-style .mk-employee-item:hover .mk-employeee-networks a {
-webkit-transform: translateY(0%) rotateX(0deg);
-moz-transform: translateY(0%) rotateX(0deg);
-ms-transform: translateY(0%) rotateX(0deg);
-o-transform: translateY(0%) rotateX(0deg);
opacity: 1
}
.mk-employees.grid-style .mk-employee-item:hover .hover-overlay {
opacity: .7
}
.mk-employees.grid-style .mk-employee-item:hover .team-member-name, .mk-employees.grid-style .mk-employee-item:hover .team-member-position {
opacity: 1
}
@media handheld, only screen and (max-width:600px) {
.mk-employees.grid-style .mk-employee-item img {
width: 100%
}
}
.mk-employees.grid-style .team-info-wrapper {
position: absolute;
left: 0;
top: 0;
height: 215px;
width: 100%;
display: table;
z-index: 8;
line-height: 20px
}
.mk-employees.grid-style .team-info-holder {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 20px
}
.mk-employees.grid-style .team-member-name {
color: #fff;
font-size: 14px;
display: block;
font-weight: bold;
opacity: 0
}
.mk-employees.grid-style .team-member-position {
color: #fff;
font-size: 12px;
font-weight: bold;
display: block;
opacity: 0
}
.mk-employees.grid-style .mk-employeee-networks {
position: relative !important;
margin: 10px 0 0 !important;
top: auto !important;
left: auto !important
}
.mk-employees .hover-overlay {
z-index: 8
}
.mk-employeee-networks {
position: absolute;
top: 50%;
left: 0;
margin: -25px 0 0;
padding: 0;
width: 100%;
list-style: none;
text-align: center;
z-index: 10;
-webkit-backface-visibility: hidden
}
.mk-employeee-networks li {
display: inline-block;
float: none !important;
margin: 0
}
.mk-employeee-networks li a {
display: block;
margin: 3px;
width: 32px;
height: 32px;
border: 1px solid #fff;
color: #fff;
text-align: center;
opacity: 0;
-webkit-backface-visibility: hidden
}
.mk-employeee-networks li a i {
line-height: 32px;
font-size: 16px
}
.mk-employeee-networks li a:hover {
background-color: #fff
}
.mk-pricing-table {
margin-bottom: 30px;
text-align: left
}
.mk-pricing-offer-grid {
width: 20%;
display: inline-block;
vertical-align: top;
margin-top: 188px;
padding-right: 1px
}
.mk-pricing-offer-grid .mk-offers ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center
}
.mk-pricing-offer-grid .mk-offers ul li {
margin: 0;
font-size: 13px;
line-height: 16px;
padding: 15px 0;
display: block;
width: auto;
font-weight: bold
}
.has-pricing-offer .mk-pricing-cols {
width: 80% !important;
text-align: left
}
.mk-pricing-cols {
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
text-align: center
}
.mk-pricing-cols li {
padding: 0;
margin: 0 auto;
display: inline-block;
vertical-align: top;
text-align: center;
max-width: 265px;
position: relative;
z-index: 10
}
.mk-pricing-cols li.four-table {
width: 25%
}
.mk-pricing-cols li.three-table {
width: 33.3333333%
}
.mk-pricing-cols li.two-table {
width: 50%
}
.mk-pricing-cols li.one-table {
width: 100%
}
.mk-pricing-cols li:nth-child(odd) .mk-pricing-plan {
background-color: rgba(0,0,0,.6)
}
.mk-pricing-cols li:nth-child(odd) .mk-pricing-price, .mk-pricing-cols li:nth-child(odd) .mk-pricing-features, .mk-pricing-cols li:nth-child(odd) .mk-pricing-button {
position: relative
}
.mk-pricing-cols li:nth-child(odd) .mk-pricing-price:before, .mk-pricing-cols li:nth-child(odd) .mk-pricing-features:before, .mk-pricing-cols li:nth-child(odd) .mk-pricing-button:before {
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-color: rgba(0,0,0,.04);
content: "";
z-index: 1
}
.mk-pricing-cols>li {
margin-top: 30px
}
.mk-pricing-cols .mk-pricing-plan {
color: #fff;
font-weight: bold;
font-size: 13px;
line-height: 14px;
text-transform: uppercase;
padding: 7px 0;
background-color: rgba(0,0,0,.5)
}
.mk-pricing-cols .mk-pricing-price {
height: 130px;
width: 100%
}
.mk-pricing-cols .mk-pricing-price span {
font-size: 50px;
line-height: 130px;
font-weight: 300;
color: #fff;
position: relative;
z-index: 10
}
.mk-pricing-cols .mk-pricing-features ul {
margin: 0;
padding: 0;
position: relative;
z-index: 20
}
.mk-pricing-cols .mk-pricing-features ul li {
font-size: 13px;
line-height: 16px;
padding: 15px 0;
display: block;
width: auto;
background-color: rgba(0,0,0,.005)
}
.mk-pricing-cols .mk-pricing-features ul li:nth-child(even) {
background-color: rgba(0,0,0,.01)
}
.mk-pricing-cols .mk-pricing-features i {
font-size: 16px
}
.mk-pricing-cols .mk-pricing-features .mk-icon-check {
color: #00c360
}
.mk-pricing-cols .mk-pricing-features .mk-icon-times {
color: #ff0048
}
.mk-pricing-cols .mk-pricing-features .mk-icon-star {
margin-left: 3px
}
.mk-pricing-cols .mk-pricing-features .mk-icon-star.empty {
color: #b0b0b0
}
.mk-pricing-cols .mk-pricing-button {
padding: 20px 0 30px;
background-color: rgba(0,0,0,.01)
}
.mk-pricing-cols .mk-pricing-button a {
position: relative;
z-index: 5;
text-transform: uppercase
}
.featured-plan {
margin: 1px -1px 0 -1px !important;
border: 1px solid rgba(0,0,0,.6);
z-index: 30 !important;
-webkit-box-shadow: 0 0 25px 5px rgba(0,0,0,.24);
-moz-box-shadow: 0 0 25px 5px rgba(0,0,0,.24);
box-shadow: 0 0 25px 5px rgba(0,0,0,.24)
}
.featured-plan .mk-pricing-price {
height: 158px
}
.featured-plan .mk-pricing-button {
padding: 30px 0 50px
}
.mk-pricing-table.light .mk-pricing-features li {
border-bottom: 1px dotted #d9d9d9
}
.mk-pricing-table.light .mk-offers ul li {
background-color: rgba(0,0,0,.005);
border-bottom: 1px dotted #d9d9d9
}
.mk-pricing-table.light .mk-offers ul li:nth-child(even) {
background-color: rgba(0,0,0,.01)
}
.mk-pricing-table.dark {
color: #fff
}
.mk-pricing-table.dark .mk-offers ul li {
background-color: rgba(0,0,0,.4)
}
.mk-pricing-table.dark .mk-offers ul li:nth-child(even) {
background-color: rgba(0,0,0,.45)
}
.mk-pricing-table.dark .mk-pricing-features ul li {
background-color: rgba(0,0,0,.4)
}
.mk-pricing-table.dark .mk-pricing-features ul li:nth-child(even) {
background-color: rgba(0,0,0,.45)
}
.mk-pricing-table.dark .mk-pricing-cols li:nth-child(odd) .mk-pricing-plan {
background-color: rgba(0,0,0,.6)
}
.mk-pricing-table.dark .mk-pricing-cols li:nth-child(odd) .mk-pricing-price:before, .mk-pricing-table.dark .mk-pricing-cols li:nth-child(odd) .mk-pricing-features:before, .mk-pricing-table.dark .mk-pricing-cols li:nth-child(odd) .mk-pricing-button:before {
background-color: rgba(0,0,0,.15)
}
.mk-pricing-table.dark .mk-pricing-button {
background-color: rgba(0,0,0,.4)
}
@media handheld, only screen and (max-width:960px) {
.mk-pricing-offer-grid {
display: none
}
.mk-pricing-cols, .has-pricing-offer .mk-pricing-cols {
width: 100% !important;
text-align: center
}
}
@media handheld, only screen and (max-width:767px) {
.mk-pricing-cols .mk-pricing-col {
width: 100% !important;
margin-bottom: 30px;
display: block;
max-width: none !important
}
.mk-pricing-cols .mk-pricing-col li {
max-width: none !important
}
}
.widget {
overflow: hidden;
margin-bottom: 40px
}
.widgettitle {
position: relative;
display: block;
margin-bottom: 20px;
line-height: 100%;
font-weight: bold;
font-size: 13px;
text-transform: uppercase
}
.widgettitle:after {
display: block;
content: "";
width: 70px;
height: 5px;
background-color: rgba(128,128,128,.15);
margin: 10px 0
}
.mk-side-dashboard .widgettitle {
margin-bottom: 10px
}
.mk-side-dashboard .widget {
margin-bottom: 20px
}
#mk-sidebar ul, #mk-footer ul, .mk-side-dashboard 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_recent_posts li, .widget_twitter li, .widget_pages li, .widget_recent_comments li, .widget_rss li, .widget_recent_entries li, .widget_product_categories li, .widget_display_topics li, .widget_display_forums li, .widget_display_views li {
margin: 0;
list-style: none
}
.widget_archive li a, .widget_recent_comments .recentcomments, .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_contact_info li a, .widget_pages li a, .widget_text li a, .widget_recent_entries li a, .widget_product_categories li a, .widget_display_topics li a, .widget_display_forums li a, .widget_display_views li a {
display: inline-block;
text-decoration: none;
line-height: 18px
}
.widget_archive li a, .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_recent_entries li a, .widget_product_categories li a, .widget_display_topics li a, .widget_display_forums li a, .widget_display_views li a {
display: block
}
.widget_pages li {
margin: 0;
padding: 0
}
.widget_pages li a {
padding: 10px 10px;
margin: 0;
display: block
}
.widget_pages li:nth-child(odd) a {
background-color: rgba(128,128,128,.1)
}
.widget_pages .page_item_has_children li:nth-child(odd) a {
background-color: transparent;
padding: 5px 10px 5px 20px
}
.mk-recent-comments .recentcomments {
position: relative;
padding-left: 68px;
margin-bottom: 16px;
display: block
}
.mk-recent-comments .recentcomments .comment-detail {
position: relative;
min-height: 60px;
padding: 16px;
background-color: rgba(128,128,128,.1);
display: block
}
.mk-recent-comments .recentcomments .comment-detail p {
margin: 0;
line-height: 18px
}
.mk-recent-comments .recentcomments .comment-detail:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid rgba(128,128,128,.1);
left: -8px;
top: 50%;
margin-top: -4px
}
.mk-recent-comments .comment-avatar {
display: inline-block;
position: absolute;
left: 0;
top: 50%;
margin-top: -25px
}
.mk-recent-comments .comment-author {
font-weight: bold;
margin-bottom: 2px;
color: #4c4c4c
}
.widget_rss li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(128,128,128,.2)
}
.widget_rss .rsswidget {
margin-bottom: 20px;
font-weight: bold;
font-size: 15px
}
.widget_rss .rss-date {
display: block;
padding-top: 5px;
font-size: 11px
}
.widget_rss cite {
font-size: 11px
}
.widget_rss .rssSummary {
padding: 6px 0
}
.widget-sub-navigation ul {
display: block;
margin: 0;
padding: 0;
list-style: none
}
.widget-sub-navigation ul li {
margin: 0;
border-bottom: 1px solid rgba(0,0,0,.08);
padding: 8px 25px
}
.widget-sub-navigation ul li:last-child {
border-bottom: 0 !important;
padding-bottom: 16px !important
}
.widget-sub-navigation ul li:first-child {
padding-top: 16px !important
}
.widget-sub-navigation ul li a {
display: block;
font-size: 13px;
text-transform: uppercase
}
.widget-sub-navigation ul li.current_page_item {
font-weight: 600
}
.right-layout .widget-sub-navigation {
text-align: left
}
.right-layout .widget-sub-navigation li {
border-left: 1px solid rgba(0,0,0,.08)
}
.right-layout .widget-sub-navigation li.current_page_item {
border-left: 0
}
.left-layout .widget-sub-navigation li {
border-right: 1px solid rgba(0,0,0,.08);
text-align: right
}
.left-layout .widget-sub-navigation li.current_page_item {
border-right: 0
}
.widget_tag_cloud li, .widget_categories li, .widget_product_tag_cloud li {
display: inline-block
}
.widget_tag_cloud a, .widget_categories a, .widget_product_tag_cloud a {
display: inline-block;
margin: 8px 3px 0 0;
padding: 8px 10px;
text-transform: capitalize;
font-size: 12px !important;
line-height: 100%;
background-color: rgba(128,128,128,.1)
}
.widget_tag_cloud a:hover, .widget_categories a:hover, .widget_product_tag_cloud a:hover {
color: #fff !important
}
.widget_contact_info ul {
padding: 0
}
.widget_contact_info ul li {
position: relative;
display: block;
margin: 0 0 9px 0;
padding: 0 0 0 46px;
line-height: 30px
}
.widget_contact_info ul li span {
display: inline-block;
line-height: 18px;
vertical-align: middle;
font-size: 12px;
font-weight: bold
}
.widget_contact_info ul li a {
margin: 0
}
.widget_contact_info ul li i {
position: absolute;
top: 3px;
left: 0;
line-height: 28px;
font-size: 16px;
height: 28px;
width: 28px;
display: block;
text-align: left;
border-right: 1px solid rgba(128,128,128,.2)
}
.widget_contact_info.dark-skin li i {
border-right: 1px solid #eee;
color: #737373
}
.widget_contact_info.light-skin li span, .widget_contact_info.light-skin li a {
color: #fff
}
.widget_contact_info.light-skin li i {
border-right: 1px solid rgba(255,255,255,.4);
color: #fff
}
.widget_video .mk-frame {
position: relative;
border: 1px solid rgba(128,128,128,.1);
background-color: rgba(128,128,128,.05);
padding: 25px 12px 12px;
margin: 30px 3px 3px 0
}
.widget_video .mk-frame .video-title {
font-weight: 600;
padding: 0 10px;
font-size: 14px;
margin-top: 14px
}
.widget_video .mk-frame .video-desc {
padding: 0 10px
}
.mk-instagram-feeds .item-holder {
margin: 0 1px 1px 0;
position: relative
}
.mk-instagram-feeds a {
line-height: 4px;
float: left
}
.mk-instagram-feeds .one-columns {
width: 100%
}
.mk-instagram-feeds .two-columns {
width: 49.8%
}
.mk-instagram-feeds .three-columns {
width: 33.2%
}
.mk-instagram-feeds .four-columns {
width: 24.9%
}
.mk-instagram-feeds .five-columns {
width: 19.9%
}
@media handheld, only screen and (max-width:600px) {
.mk-instagram-feeds .five-columns, .mk-instagram-feeds .four-columns, .mk-instagram-feeds .three-columns {
width: 50% !important
}
}
.widget_posts_lists ul li {
overflow: hidden;
margin: 0 0 25px;
padding: 0;
list-style: none
}
.widget_posts_lists ul li .featured-image {
float: left;
overflow: hidden;
margin: 0;
display: block
}
.widget_posts_lists ul li .post-list-info {
margin: 0 0 0 100px
}
.widget_posts_lists ul li .post-list-info.posts-no-thumb {
margin-left: 0
}
.widget_posts_lists ul li .post-list-title {
display: block;
font-size: 13px;
line-height: 18px;
margin-bottom: 12px
}
.widget_posts_lists ul li .post-list-title:after {
margin-top: 8px;
display: block;
width: 70px;
height: 1px;
content: "";
background-color: rgba(128,128,128,.2)
}
.widget_posts_lists ul li .post-list-meta {
display: block
}
.widget_posts_lists ul li .post-list-meta time {
color: #999
}
.widget_posts_lists ul li .post-list-meta time, .widget_posts_lists ul li .post-list-meta a {
font-size: 12px;
line-height: 15px;
font-weight: bold;
font-style: italic
}
.widget_posts_tabs .mk-tabs-pane li {
overflow: hidden;
margin: 0 0 20px;
padding: 0 0 20px;
list-style: none;
border-bottom: 1px solid #eee
}
.widget_posts_tabs .mk-tabs-pane li .featured-image {
float: left;
overflow: hidden;
margin: 0;
display: block
}
.widget_posts_tabs .mk-tabs-pane li .post-list-info {
margin: 0 0 0 80px
}
.widget_posts_tabs .mk-tabs-pane li .post-list-info.posts-no-thumb {
margin-left: 0
}
.widget_posts_tabs .mk-tabs-pane li .post-list-title {
display: block;
font-size: 13px;
line-height: 18px;
margin-bottom: 12px
}
.widget_posts_tabs .mk-tabs-pane li .post-list-meta {
display: block;
line-height: 18px
}
.widget_posts_tabs .mk-tabs-pane li .post-list-meta time, .widget_posts_tabs .mk-tabs-pane li .post-list-meta .cats {
display: inline-block
}
.widget_posts_tabs .mk-tabs-pane li .post-list-meta time {
font-size: 11px;
font-weight: bold;
color: #444
}
.widget_posts_tabs .mk-tabs-pane li .post-list-meta .cats a {
font-size: 12px;
font-weight: bold;
font-style: italic
}
.widget_posts_tabs .mk-tabs-pane li .blog-comments, .widget_posts_tabs .mk-tabs-pane li .mk-love-holder {
display: inline-block;
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #999 !important;
padding-right: 8px
}
.widget_posts_tabs .mk-tabs-pane li .blog-comments i, .widget_posts_tabs .mk-tabs-pane li .mk-love-holder i {
color: #eee;
font-size: 16px
}
.widget_posts_tabs .mk-tabs-tabs {
border-bottom: 3px solid #eee
}
.widget_posts_tabs .mk-tabs-tabs li {
display: inline-block;
padding: 10px 12px 6px
}
.widget_posts_tabs .mk-tabs-tabs li a {
font-weight: bold;
font-size: 12px;
line-height: 12px;
color: #999 !important
}
.widget_posts_tabs .mk-tabs-tabs li.ui-state-active {
background-color: #eee
}
.widget_posts_tabs .mk-tabs-tabs li.ui-state-active a {
color: #454545 !important
}
.widget_posts_tabs .mk-tabs-panes {
padding-top: 20px
}
.widget_social_networks a, .mk-social-network a {
position: relative;
display: inline-block;
float: left;
margin: 4px;
line-height: 100%;
font-size: 16px;
height: 32px;
width: 32px;
line-height: 32px;
text-align: center
}
.widget_social_networks a.dark, .mk-social-network a.dark {
color: #737373 !important;
border: 1px solid #eee
}
.widget_social_networks a.dark:hover, .mk-social-network a.dark:hover {
color: #fff !important
}
.widget_social_networks a.light, .mk-social-network a.light {
border-style: solid;
border-width: 1px
}
.widget_social_networks a.light:hover, .mk-social-network a.light:hover {
color: #000 !important
}
.widget_testimonials .testimonial-slider {
position: relative
}
.widget_testimonials .testimonial-slider li {
margin: 0
}
.widget_testimonials .testimonial-slider .testimonial-quote {
position: relative;
padding: 15px 20px;
background-color: rgba(128,128,128,.1)
}
.widget_testimonials .testimonial-slider .testimonial-quote:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgba(128,128,128,.1);
left: 50%;
bottom: -8px;
margin-left: -4px
}
.widget_testimonials .testimonial-slider .testimonial-details {
margin-top: 15px;
text-align: center
}
.widget_testimonials .testimonial-slider .testimonial-author {
margin: 0;
font-weight: 600;
font-size: 12px;
line-height: 18px
}
.widget_testimonials .testimonial-slider .testimonial-position {
display: block;
font-size: 12px;
line-height: 12px
}
.widget_recent_portfolio {
overflow: visible
}
.widget_recent_portfolio ul {
margin: 0;
padding: 0;
list-style: none
}
.widget_recent_portfolio ul li {
position: relative;
margin: 0;
float: left;
padding: 0;
display: block;
width: 50%
}
.widget_recent_portfolio .item-holder {
margin: 0 1px 1px 0
}
.widget_recent_portfolio .portfolio-permalink {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
display: block;
margin: 20px auto 0;
border: 1px solid #fff
}
.widget_recent_portfolio .portfolio-permalink:hover {
background-color: #fff
}
.widget_recent_portfolio .portfolio-permalink i {
font-size: 16px;
line-height: 30px;
color: #fff;
display: block
}
.widget_recent_portfolio .portfolio-meta {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
text-align: center;
-webkit-backface-visibility: hidden;
opacity: 0
}
.widget_recent_portfolio .portfolio-meta .portfolio-plus-icon i {
font-size: 32px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
color: #fff;
display: block
}
.widget_recent_portfolio .featured-image {
line-height: 4px
}
.widget_recent_portfolio .featured-image:hover .portfolio-meta {
opacity: 1
}
.widget_recent_portfolio .featured-image:hover .portfolio-plus-icon i {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
@media handheld, only screen and (max-width:767px) {
.widget_recent_portfolio .featured-image img {
width: 100%
}
}
.mk-tweet-list {
display: block;
position: relative;
margin: 0 !important;
padding: 0;
list-style: none
}
.mk-tweet-list li {
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom: 1px solid rgba(128,128,128,.1)
}
.mk-tweet-list li .tweet-text {
display: block
}
.mk-tweet-list li .tweet-text a {
color: #22b7df !important
}
.mk-tweet-list li .tweet-time {
display: block;
font-weight: bold
}
.mk-searchform {
position: relative;
max-width: 320px
}
.mk-searchform .text-input {
margin: 0 3px 3px 0;
padding: 12px 28px 12px 12px;
width: 100%;
color: gray;
border: 1px solid rgba(128,128,128,.2);
font-size: 12px;
text-transform: uppercase;
background: transparent
}
.mk-searchform .text-input::-webkit-input-placeholder, .mk-searchform .text-input .mk-textarea::-webkit-input-placeholder {
color:gray
}
.mk-searchform .text-input:-ms-input-placeholder, .mk-searchform .text-input .mk-textarea:-ms-input-placeholder {
color:gray
}
.mk-searchform .text-input:-moz-placeholder, .mk-searchform .text-input .mk-textarea:-moz-placeholder {
color:gray
}
.mk-searchform .mk-icon-search {
position: absolute;
top: 50%;
right: -1px;
margin-top: -23px;
font-size: 16px;
display: block;
width: 43px;
height: 43px;
line-height: 42px;
text-align: center;
color: rgba(128,128,128,.6);
border-left: 1px solid rgba(128,128,128,.2)
}
.mk-searchform .mk-icon-search:hover {
background-color: rgba(128,128,128,.1)
}
.mk-searchform .search-button {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
outline: 0;
border: 0;
background: none
}
.tiny_slider_widget .mk-image-slideshow {
margin: 0 auto
}
#calendar_wrap {
position: relative;
margin: 5px;
padding: 0;
background: rgba(128,128,128,.1);
text-align: center
}
#wp-calendar {
margin: 0 !important;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
border-bottom: 0;
overflow: visible
}
#wp-calendar thead {
background-color: #5c5c5c;
border: 0
}
#wp-calendar thead th {
color: #fff !important;
font-size: 12px
}
#wp-calendar caption {
padding: 12px;
background-color: rgba(128,128,128,.2);
color: #4e4e4e;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
border-bottom: 0
}
#wp-calendar th, #wp-calendar th {
padding: 10px 5px;
color: #787573
}
#wp-calendar tbody td {
padding: 12px 2px;
background-color: rgba(128,128,128,.1);
color: #939393;
border: 1px solid rgba(128,128,128,.12);
text-align: center;
font-weight: 600;
font-size: 11px;
line-height: 11px
}
#wp-calendar td#today {
color: #fff
}
#wp-calendar a {
color: #666
}
#wp-calendar #next, #wp-calendar #prev {
position: absolute;
top: 8px;
display: block;
margin: 0;
padding: 0;
background: 0 0
}
#wp-calendar #next a, #wp-calendar #prev a {
position: absolute;
top: 0;
left: 0;
display: block;
text-indent: -9999px
}
#wp-calendar #prev {
left: 5px;
width: 18px;
height: 18px;
border: 0
}
#wp-calendar #prev:before {
content: "\f053";
font-size: 16px
}
#wp-calendar #next {
right: 5px;
width: 18px;
height: 18px;
border: 0
}
#wp-calendar #next:before {
content: "\f054";
font-size: 16px
}
#wp-calendar tfoot .pad {
display: none
}
@media handheld, only screen and (max-width:960px) {
#calendar_wrap {
width: 300px
}
}
.mk-login-form {
margin: 0 7px
}
.mk-login-form .form-row {
position: relative;
margin-bottom: 6px
}
.mk-login-form .form-row i {
float: left;
width: 42px !important;
height: 42px;
line-height: 43px;
text-align: center;
position: absolute;
left: 0;
top: 0;
z-index: 10;
font-size: 16px;
border-right: 1px solid rgba(128,128,128,.2)
}
.mk-login-form .form-row i.input-focused {
color: #fff
}
.mk-login-form .form-row input {
padding: 12px 12px 12px 58px !important;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
border: 1px solid rgba(128,128,128,.2)
}
.mk-login-form .submit_button {
padding: 12px 30px;
text-transform: uppercase;
font-weight: 600;
outline: 0
}
.mk-login-form .mk-login-status {
margin: 10px 0 0 0;
font-size: 12px
}
.mk-login-form.dark-skin .submit_button {
color: #444;
border-color: rgba(128,128,128,.2) !important
}
.mk-login-form.dark-skin .submit_button:hover {
color: #fff;
background: #444
}
.mk-login-form.light-skin .form-row i {
color: #fff;
opacity: .5
}
.mk-login-form.light-skin .form-row input {
color: #eee;
background: transparent
}
.mk-login-form.light-skin .form-row input::-webkit-input-placeholder {
color:rgba(128,128,128,.3)
}
.mk-login-form.light-skin .form-row input:-ms-input-placeholder {
color:rgba(128,128,128,.3)
}
.mk-login-form.light-skin .form-row input:-moz-placeholder {
color:rgba(128,128,128,.3)
}
.mk-login-form.light-skin .submit_button {
color: #fff;
border-color: rgba(128,128,128,.2) !important;
background: transparent
}
.mk-login-form.light-skin .submit_button:hover {
background: rgba(128,128,128,.2)
}
.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 20px;
text-align: center
}
.gallery .gallery-item {
margin-top: 0;
text-align: center;
width: 33%;
border: 1px solid #eee !important;
background-color: #fafafa
}
.gallery .gallery-item img {
width: 100%
}
.gallery-columns-2 .gallery-item {
width: 50%
}
.gallery-columns-4 .gallery-item {
width: 24.6% !important
}
.gallery img {
border: 0 !important
}
.gallery img:hover {
opacity: .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: 13px;
padding: 20px
}
.gallery dl, .gallery dt {
margin: 0
}
.gallery br+br {
display: none
}
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: 600;
text-transform: uppercase;
font-size: 14px
}
table tfoot td {
padding: 6px
}
table td {
text-align: center;
padding: 12px
}
@media screen and (max-width:600px) {
#wpadminbar {
position: fixed !important
}
}
@font-face {
font-family: 'ArtbeesWPTokens';
src: url(../font/ArtbeesWPTokens.eot);
src: url(../font/ArtbeesWPTokens.eot?#iefix) format('embedded-opentype'), url(../font/ArtbeesWPTokens.woff) format('woff'), url(../font/ArtbeesWPTokens.ttf) format('truetype'), url(../font/ArtbeesWPTokens.svg#ArtbeesWPTokens) format('svg');
font-weight: 400;
font-style: normal
}
[class^="mk-theme-icon"], [class*=" mk-theme-icon"], .mk-pagination-previous a:before, .mk-pagination-next a:before {
font-family: 'ArtbeesWPTokens';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: normal;
vertical-align: middle
}
[class^="mk-theme-icon-"]:before, [class*=" mk-theme-icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none
}
.mk-theme-icon-topnav:before {
content: "\e66e"
}
.mk-theme-icon-rightsidebar:before {
content: "\e66f"
}
.mk-theme-icon-leftsidebar:before {
content: "\e670"
}
.mk-theme-icon-dashboard-o:before {
content: "\e671"
}
.mk-theme-icon-bottomnav:before {
content: "\e672"
}
.mk-theme-icon-boxed:before {
content: "\e66b"
}
.mk-theme-icon-wide:before {
content: "\e66a"
}
.mk-theme-icon-singlepage:before {
content: "\e66c"
}
.mk-theme-icon-multipage:before {
content: "\e66d"
}
.mk-theme-icon-dashboard:before {
content: "\e668"
}
.mk-theme-icon-responsive:before {
content: "\e669"
}
.mk-theme-icon-woman-bag:before {
content: "\e600"
}
.mk-theme-icon-voicemessage:before {
content: "\e601"
}
.mk-theme-icon-trashcan:before {
content: "\e602"
}
.mk-theme-icon-thermostat:before {
content: "\e603"
}
.mk-theme-icon-tag:before {
content: "\e604"
}
.mk-theme-icon-sitemap:before {
content: "\e605"
}
.mk-theme-icon-shirt:before {
content: "\e606"
}
.mk-theme-icon-printer:before {
content: "\e607"
}
.mk-theme-icon-video:before {
content: "\e608"
}
.mk-theme-icon-user:before {
content: "\e609"
}
.mk-theme-icon-top-small:before {
content: "\e60a"
}
.mk-theme-icon-top-bigger:before {
content: "\e60b"
}
.mk-theme-icon-top-big:before {
content: "\e60c"
}
.mk-theme-icon-tick:before {
content: "\e60d"
}
.mk-theme-icon-text:before, .mk-theme-icon-aside:before, .mk-theme-icon-post:before, .mk-theme-icon-status:before {
content: "\e60e"
}
.mk-theme-icon-star:before {
content: "\e60f"
}
.mk-theme-icon-audio:before {
content: "\e610"
}
.mk-theme-icon-social-youtube:before {
content: "\e611"
}
.mk-theme-icon-social-yelp:before {
content: "\e612"
}
.mk-theme-icon-social-yahoo:before {
content: "\e613"
}
.mk-theme-icon-social-wordpress:before {
content: "\e614"
}
.mk-theme-icon-social-vimeo:before {
content: "\e615"
}
.mk-theme-icon-social-twitter:before {
content: "\e616"
}
.mk-theme-icon-social-tumblr:before {
content: "\e617"
}
.mk-theme-icon-social-technorati:before {
content: "\e618"
}
.mk-theme-icon-social-stumbleupon:before {
content: "\e619"
}
.mk-theme-icon-social-skype:before {
content: "\e61a"
}
.mk-theme-icon-social-rss:before {
content: "\e61b"
}
.mk-theme-icon-social-reddit:before {
content: "\e61c"
}
.mk-theme-icon-social-pinterest:before {
content: "\e61d"
}
.mk-theme-icon-social-path:before {
content: "\e61e"
}
.mk-theme-icon-social-myspace:before {
content: "\e61f"
}
.mk-theme-icon-social-livejournal:before {
content: "\e620"
}
.mk-theme-icon-social-linkedin:before {
content: "\e621"
}
.mk-theme-icon-social-lastfm:before {
content: "\e622"
}
.mk-theme-icon-social-instagram:before {
content: "\e623"
}
.mk-theme-icon-social-googleplus:before {
content: "\e624"
}
.mk-theme-icon-social-github:before {
content: "\e625"
}
.mk-theme-icon-social-flickr:before {
content: "\e626"
}
.mk-theme-icon-social-facebook:before {
content: "\e627"
}
.mk-theme-icon-social-envato:before {
content: "\e628"
}
.mk-theme-icon-social-dropbox:before {
content: "\e629"
}
.mk-theme-icon-social-dribbble:before {
content: "\e62a"
}
.mk-theme-icon-social-digg:before {
content: "\e62b"
}
.mk-theme-icon-social-behance:before {
content: "\e62c"
}
.mk-theme-icon-social-bebo:before {
content: "\e62d"
}
.mk-theme-icon-social-apple:before {
content: "\e62e"
}
.mk-theme-icon-social-aim:before {
content: "\e62f"
}
.mk-theme-icon-search:before {
content: "\e630"
}
.mk-theme-icon-quote:before {
content: "\e631"
}
.mk-theme-icon-prev-small:before {
content: "\e632"
}
.mk-theme-icon-prev-big:before {
content: "\e633"
}
.mk-theme-icon-portfolio:before {
content: "\e634"
}
.mk-theme-icon-plus:before {
content: "\e635"
}
.mk-theme-icon-phone:before {
content: "\e636"
}
.mk-theme-icon-permalink:before, .mk-theme-icon-link:before {
content: "\e637"
}
.mk-theme-icon-pause:before {
content: "\e638"
}
.mk-theme-icon-office:before {
content: "\e639"
}
.mk-theme-icon-next-small:before {
content: "\e63a"
}
.mk-theme-icon-next-bigger:before {
content: "\e63b"
}
.mk-theme-icon-next-big:before {
content: "\e63c"
}
.mk-theme-icon-messagebox-warning:before {
content: "\e63d"
}
.mk-theme-icon-messagebox-solution:before {
content: "\e63e"
}
.mk-theme-icon-messagebox-love:before {
content: "\e63f"
}
.mk-theme-icon-messagebox-hint:before {
content: "\e640"
}
.mk-theme-icon-messagebox-feature:before {
content: "\e641"
}
.mk-theme-icon-messagebox-custom:before {
content: "\e642"
}
.mk-theme-icon-messagebox-alert:before {
content: "\e643"
}
.mk-theme-icon-love:before {
content: "\e644"
}
.mk-theme-icon-prev-bigger:before {
content: "\e645"
}
.mk-theme-icon-image:before {
content: "\e646"
}
.mk-theme-icon-home:before {
content: "\e648"
}
.mk-theme-icon-gallery:before {
content: "\e649"
}
.mk-theme-icon-fax:before {
content: "\e64a"
}
.mk-theme-icon-email:before {
content: "\e64b"
}
.mk-theme-icon-comment:before {
content: "\e64c"
}
.mk-theme-icon-cellphone:before {
content: "\e64d"
}
.mk-theme-icon-cart:before, .mk-theme-icon-product:before {
content: "\e64e"
}
.mk-theme-icon-cancel:before {
content: "\e64f"
}
.mk-theme-icon-bottom-small:before {
content: "\e650"
}
.mk-theme-icon-bottom-bigger:before {
content: "\e651"
}
.mk-theme-icon-bottom-big:before {
content: "\e652"
}
.mk-theme-icon-blog:before {
content: "\e653"
}
.mk-theme-icon-blog-share:before {
content: "\e654"
}
.mk-theme-icon-macbookair:before {
content: "\e655"
}
.mk-theme-icon-macbook:before {
content: "\e656"
}
.mk-theme-icon-layers:before {
content: "\e657"
}
.mk-theme-icon-lab:before {
content: "\e658"
}
.mk-theme-icon-ipad:before {
content: "\e659"
}
.mk-theme-icon-hamburger:before {
content: "\e65a"
}
.mk-theme-icon-folder-2:before {
content: "\e65b"
}
.mk-theme-icon-file:before, .mk-theme-icon-page:before {
content: "\e65c"
}
.mk-theme-icon-crop:before {
content: "\e65d"
}
.mk-theme-icon-commandconsole:before {
content: "\e65e"
}
.mk-theme-icon-chergerfull:before {
content: "\e65f"
}
.mk-theme-icon-chargerhalf:before {
content: "\e660"
}
.mk-theme-icon-chargerblank:before {
content: "\e661"
}
.mk-theme-icon-cassette:before {
content: "\e662"
}
.mk-theme-icon-card:before {
content: "\e663"
}
.mk-theme-icon-card-2:before {
content: "\e664"
}
.mk-theme-icon-camera:before {
content: "\e665"
}
.mk-theme-icon-calendar:before {
content: "\e666"
}
.mk-theme-icon-accordion:before {
content: "\e667"
}
@font-face {
font-family: 'FontAwesome';
src: url(../font/ontawesome-webfont.eot?v=3.0.1);
src: url(../font/fontawesome-webfont.eot?#iefix&v=3.0.1) format('embedded-opentype'), url(../font/fontawesome-webfont.woff?v=3.0.1) format('woff'), url(../font/fontawesome-webfont.ttf?v=3.0.1) format('truetype'), url(../font/fontawesome-webfont.svg#FontAwesome) format('svg');
font-weight: normal;
font-style: normal
}
[class^="mk-icon-"], [class*=" mk-icon-"], .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_recent_comments li:before, .widget_rss li a:before, .widget_recent_entries li a:before, .widget_product_categories li a:before, .widget-sub-navigation li a:before, #wp-calendar #prev:before, #wp-calendar #next:before, .adding-to-cart .product-loading-icon:before, .added-to-cart .product-loading-icon:before, .woocommerce .star-rating {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[class^="mk-icon-"]:before, [class*=" mk-icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none
}
a [class^="mk-icon-"], a [class*=" mk-icon-"] {
display: inline-block
}
.mk-icon-glass:before {
content: "\f000"
}
.mk-icon-music:before {
content: "\f001"
}
.mk-icon-search:before {
content: "\f002"
}
.mk-icon-envelope-o:before {
content: "\f003"
}
.mk-icon-heart:before {
content: "\f004"
}
.mk-icon-star:before {
content: "\f005"
}
.mk-icon-star-o:before {
content: "\f006"
}
.mk-icon-user:before {
content: "\f007"
}
.mk-icon-film:before {
content: "\f008"
}
.mk-icon-th-large:before {
content: "\f009"
}
.mk-icon-th:before {
content: "\f00a"
}
.mk-icon-th-list:before {
content: "\f00b"
}
.mk-icon-check:before {
content: "\f00c"
}
.mk-icon-times:before {
content: "\f00d"
}
.mk-icon-search-plus:before {
content: "\f00e"
}
.mk-icon-search-minus:before {
content: "\f010"
}
.mk-icon-power-off:before {
content: "\f011"
}
.mk-icon-signal:before {
content: "\f012"
}
.mk-icon-gear:before, .mk-icon-cog:before {
content: "\f013"
}
.mk-icon-trash:before {
content: "\f014"
}
.mk-icon-home:before {
content: "\f015"
}
.mk-icon-file-o:before {
content: "\f016"
}
.mk-icon-clock-o:before {
content: "\f017"
}
.mk-icon-road:before {
content: "\f018"
}
.mk-icon-download:before {
content: "\f019"
}
.mk-icon-arrow-circle-o-down:before {
content: "\f01a"
}
.mk-icon-arrow-circle-o-up:before {
content: "\f01b"
}
.mk-icon-inbox:before {
content: "\f01c"
}
.mk-icon-play-circle-o:before {
content: "\f01d"
}
.mk-icon-rotate-right:before, .mk-icon-repeat:before {
content: "\f01e"
}
.mk-icon-refresh:before {
content: "\f021"
}
.mk-icon-list-alt:before {
content: "\f022"
}
.mk-icon-lock:before {
content: "\f023"
}
.mk-icon-flag:before {
content: "\f024"
}
.mk-icon-headphones:before {
content: "\f025"
}
.mk-icon-volume-off:before {
content: "\f026"
}
.mk-icon-volume-down:before {
content: "\f027"
}
.mk-icon-volume-up:before {
content: "\f028"
}
.mk-icon-qrcode:before {
content: "\f029"
}
.mk-icon-barcode:before {
content: "\f02a"
}
.mk-icon-tag:before {
content: "\f02b"
}
.mk-icon-tags:before {
content: "\f02c"
}
.mk-icon-book:before {
content: "\f02d"
}
.mk-icon-bookmark:before {
content: "\f02e"
}
.mk-icon-print:before {
content: "\f02f"
}
.mk-icon-camera:before {
content: "\f030"
}
.mk-icon-font:before {
content: "\f031"
}
.mk-icon-bold:before {
content: "\f032"
}
.mk-icon-italic:before {
content: "\f033"
}
.mk-icon-text-height:before {
content: "\f034"
}
.mk-icon-text-width:before {
content: "\f035"
}
.mk-icon-align-left:before {
content: "\f036"
}
.mk-icon-align-center:before {
content: "\f037"
}
.mk-icon-align-right:before {
content: "\f038"
}
.mk-icon-align-justify:before {
content: "\f039"
}
.mk-icon-list:before {
content: "\f03a"
}
.mk-icon-dedent:before, .mk-icon-outdent:before {
content: "\f03b"
}
.mk-icon-indent:before {
content: "\f03c"
}
.mk-icon-video-camera:before {
content: "\f03d"
}
.mk-icon-picture-o:before {
content: "\f03e"
}
.mk-icon-pencil:before {
content: "\f040"
}
.mk-icon-map-marker:before {
content: "\f041"
}
.mk-icon-adjust:before {
content: "\f042"
}
.mk-icon-tint:before {
content: "\f043"
}
.mk-icon-edit:before, .mk-icon-pencil-square-o:before {
content: "\f044"
}
.mk-icon-share-square-o:before {
content: "\f045"
}
.mk-icon-check-square-o:before {
content: "\f046"
}
.mk-icon-arrows:before {
content: "\f047"
}
.mk-icon-step-backward:before {
content: "\f048"
}
.mk-icon-fast-backward:before {
content: "\f049"
}
.mk-icon-backward:before {
content: "\f04a"
}
.mk-icon-play:before {
content: "\f04b"
}
.mk-icon-pause:before {
content: "\f04c"
}
.mk-icon-stop:before {
content: "\f04d"
}
.mk-icon-forward:before {
content: "\f04e"
}
.mk-icon-fast-forward:before {
content: "\f050"
}
.mk-icon-step-forward:before {
content: "\f051"
}
.mk-icon-eject:before {
content: "\f052"
}
.mk-icon-chevron-left:before {
content: "\f053"
}
.mk-icon-chevron-right:before {
content: "\f054"
}
.mk-icon-plus-circle:before {
content: "\f055"
}
.mk-icon-minus-circle:before {
content: "\f056"
}
.mk-icon-times-circle:before {
content: "\f057"
}
.mk-icon-check-circle:before {
content: "\f058"
}
.mk-icon-question-circle:before {
content: "\f059"
}
.mk-icon-info-circle:before {
content: "\f05a"
}
.mk-icon-crosshairs:before {
content: "\f05b"
}
.mk-icon-times-circle-o:before {
content: "\f05c"
}
.mk-icon-check-circle-o:before {
content: "\f05d"
}
.mk-icon-ban:before {
content: "\f05e"
}
.mk-icon-arrow-left:before {
content: "\f060"
}
.mk-icon-arrow-right:before {
content: "\f061"
}
.mk-icon-arrow-up:before {
content: "\f062"
}
.mk-icon-arrow-down:before {
content: "\f063"
}
.mk-icon-mail-forward:before, .mk-icon-share:before {
content: "\f064"
}
.mk-icon-expand:before {
content: "\f065"
}
.mk-icon-compress:before {
content: "\f066"
}
.mk-icon-plus:before {
content: "\f067"
}
.mk-icon-minus:before {
content: "\f068"
}
.mk-icon-asterisk:before {
content: "\f069"
}
.mk-icon-exclamation-circle:before {
content: "\f06a"
}
.mk-icon-gift:before {
content: "\f06b"
}
.mk-icon-leaf:before {
content: "\f06c"
}
.mk-icon-fire:before {
content: "\f06d"
}
.mk-icon-eye:before {
content: "\f06e"
}
.mk-icon-eye-slash:before {
content: "\f070"
}
.mk-icon-warning:before, .mk-icon-exclamation-triangle:before {
content: "\f071"
}
.mk-icon-plane:before {
content: "\f072"
}
.mk-icon-calendar:before {
content: "\f073"
}
.mk-icon-random:before {
content: "\f074"
}
.mk-icon-comment:before {
content: "\f075"
}
.mk-icon-magnet:before {
content: "\f076"
}
.mk-icon-chevron-up:before {
content: "\f077"
}
.mk-icon-chevron-down:before {
content: "\f078"
}
.mk-icon-retweet:before {
content: "\f079"
}
.mk-icon-shopping-cart:before {
content: "\f07a"
}
.mk-icon-folder:before {
content: "\f07b"
}
.mk-icon-folder-open:before {
content: "\f07c"
}
.mk-icon-arrows-v:before {
content: "\f07d"
}
.mk-icon-arrows-h:before {
content: "\f07e"
}
.mk-icon-bar-chart-o:before {
content: "\f080"
}
.mk-icon-twitter-square:before {
content: "\f081"
}
.mk-icon-facebook-square:before {
content: "\f082"
}
.mk-icon-camera-retro:before {
content: "\f083"
}
.mk-icon-key:before {
content: "\f084"
}
.mk-icon-gears:before, .mk-icon-cogs:before {
content: "\f085"
}
.mk-icon-comments:before {
content: "\f086"
}
.mk-icon-thumbs-o-up:before {
content: "\f087"
}
.mk-icon-thumbs-o-down:before {
content: "\f088"
}
.mk-icon-star-half:before {
content: "\f089"
}
.mk-icon-heart-o:before {
content: "\f08a"
}
.mk-icon-sign-out:before {
content: "\f08b"
}
.mk-icon-linkedin-square:before {
content: "\f08c"
}
.mk-icon-thumb-tack:before {
content: "\f08d"
}
.mk-icon-external-link:before {
content: "\f08e"
}
.mk-icon-sign-in:before {
content: "\f090"
}
.mk-icon-trophy:before {
content: "\f091"
}
.mk-icon-github-square:before {
content: "\f092"
}
.mk-icon-upload:before {
content: "\f093"
}
.mk-icon-lemon-o:before {
content: "\f094"
}
.mk-icon-phone:before {
content: "\f095"
}
.mk-icon-square-o:before {
content: "\f096"
}
.mk-icon-bookmark-o:before {
content: "\f097"
}
.mk-icon-phone-square:before {
content: "\f098"
}
.mk-icon-twitter:before {
content: "\f099"
}
.mk-icon-facebook:before {
content: "\f09a"
}
.mk-icon-github:before {
content: "\f09b"
}
.mk-icon-unlock:before {
content: "\f09c"
}
.mk-icon-credit-card:before {
content: "\f09d"
}
.mk-icon-rss:before {
content: "\f09e"
}
.mk-icon-hdd-o:before {
content: "\f0a0"
}
.mk-icon-bullhorn:before {
content: "\f0a1"
}
.mk-icon-bell:before {
content: "\f0f3"
}
.mk-icon-certificate:before {
content: "\f0a3"
}
.mk-icon-hand-o-right:before {
content: "\f0a4"
}
.mk-icon-hand-o-left:before {
content: "\f0a5"
}
.mk-icon-hand-o-up:before {
content: "\f0a6"
}
.mk-icon-hand-o-down:before {
content: "\f0a7"
}
.mk-icon-arrow-circle-left:before {
content: "\f0a8"
}
.mk-icon-arrow-circle-right:before {
content: "\f0a9"
}
.mk-icon-arrow-circle-up:before {
content: "\f0aa"
}
.mk-icon-arrow-circle-down:before {
content: "\f0ab"
}
.mk-icon-globe:before {
content: "\f0ac"
}
.mk-icon-wrench:before {
content: "\f0ad"
}
.mk-icon-tasks:before {
content: "\f0ae"
}
.mk-icon-filter:before {
content: "\f0b0"
}
.mk-icon-briefcase:before {
content: "\f0b1"
}
.mk-icon-arrows-alt:before {
content: "\f0b2"
}
.mk-icon-group:before, .mk-icon-users:before {
content: "\f0c0"
}
.mk-icon-chain:before, .mk-icon-link:before {
content: "\f0c1"
}
.mk-icon-cloud:before {
content: "\f0c2"
}
.mk-icon-flask:before {
content: "\f0c3"
}
.mk-icon-cut:before, .mk-icon-scissors:before {
content: "\f0c4"
}
.mk-icon-copy:before, .mk-icon-files-o:before {
content: "\f0c5"
}
.mk-icon-paperclip:before {
content: "\f0c6"
}
.mk-icon-save:before, .mk-icon-floppy-o:before {
content: "\f0c7"
}
.mk-icon-square:before {
content: "\f0c8"
}
.mk-icon-bars:before {
content: "\f0c9"
}
.mk-icon-list-ul:before {
content: "\f0ca"
}
.mk-icon-list-ol:before {
content: "\f0cb"
}
.mk-icon-strikethrough:before {
content: "\f0cc"
}
.mk-icon-underline:before {
content: "\f0cd"
}
.mk-icon-table:before {
content: "\f0ce"
}
.mk-icon-magic:before {
content: "\f0d0"
}
.mk-icon-truck:before {
content: "\f0d1"
}
.mk-icon-pinterest:before {
content: "\f0d2"
}
.mk-icon-pinterest-square:before {
content: "\f0d3"
}
.mk-icon-google-plus-square:before {
content: "\f0d4"
}
.mk-icon-google-plus:before {
content: "\f0d5"
}
.mk-icon-money:before {
content: "\f0d6"
}
.mk-icon-caret-down:before {
content: "\f0d7"
}
.mk-icon-caret-up:before {
content: "\f0d8"
}
.mk-icon-caret-left:before {
content: "\f0d9"
}
.mk-icon-caret-right:before {
content: "\f0da"
}
.mk-icon-columns:before {
content: "\f0db"
}
.mk-icon-unsorted:before, .mk-icon-sort:before {
content: "\f0dc"
}
.mk-icon-sort-down:before, .mk-icon-sort-asc:before {
content: "\f0dd"
}
.mk-icon-sort-up:before, .mk-icon-sort-desc:before {
content: "\f0de"
}
.mk-icon-envelope:before {
content: "\f0e0"
}
.mk-icon-linkedin:before {
content: "\f0e1"
}
.mk-icon-rotate-left:before, .mk-icon-undo:before {
content: "\f0e2"
}
.mk-icon-legal:before, .mk-icon-gavel:before {
content: "\f0e3"
}
.mk-icon-dashboard:before, .mk-icon-tachometer:before {
content: "\f0e4"
}
.mk-icon-comment-o:before {
content: "\f0e5"
}
.mk-icon-comments-o:before {
content: "\f0e6"
}
.mk-icon-flash:before, .mk-icon-bolt:before {
content: "\f0e7"
}
.mk-icon-sitemap:before {
content: "\f0e8"
}
.mk-icon-umbrella:before {
content: "\f0e9"
}
.mk-icon-paste:before, .mk-icon-clipboard:before {
content: "\f0ea"
}
.mk-icon-lightbulb-o:before {
content: "\f0eb"
}
.mk-icon-exchange:before {
content: "\f0ec"
}
.mk-icon-cloud-download:before {
content: "\f0ed"
}
.mk-icon-cloud-upload:before {
content: "\f0ee"
}
.mk-icon-user-md:before {
content: "\f0f0"
}
.mk-icon-stethoscope:before {
content: "\f0f1"
}
.mk-icon-suitcase:before {
content: "\f0f2"
}
.mk-icon-bell-o:before {
content: "\f0a2"
}
.mk-icon-coffee:before {
content: "\f0f4"
}
.mk-icon-cutlery:before {
content: "\f0f5"
}
.mk-icon-file-text-o:before {
content: "\f0f6"
}
.mk-icon-building-o:before {
content: "\f0f7"
}
.mk-icon-hospital-o:before {
content: "\f0f8"
}
.mk-icon-ambulance:before {
content: "\f0f9"
}
.mk-icon-medkit:before {
content: "\f0fa"
}
.mk-icon-fighter-jet:before {
content: "\f0fb"
}
.mk-icon-beer:before {
content: "\f0fc"
}
.mk-icon-h-square:before {
content: "\f0fd"
}
.mk-icon-plus-square:before {
content: "\f0fe"
}
.mk-icon-angle-double-left:before {
content: "\f100"
}
.mk-icon-angle-double-right:before {
content: "\f101"
}
.mk-icon-angle-double-up:before {
content: "\f102"
}
.mk-icon-angle-double-down:before {
content: "\f103"
}
.mk-icon-angle-left:before {
content: "\f104"
}
.mk-icon-angle-right:before {
content: "\f105"
}
.mk-icon-angle-up:before {
content: "\f106"
}
.mk-icon-angle-down:before {
content: "\f107"
}
.mk-icon-desktop:before {
content: "\f108"
}
.mk-icon-laptop:before {
content: "\f109"
}
.mk-icon-tablet:before {
content: "\f10a"
}
.mk-icon-mobile-phone:before, .mk-icon-mobile:before {
content: "\f10b"
}
.mk-icon-circle-o:before {
content: "\f10c"
}
.mk-icon-quote-left:before {
content: "\f10d"
}
.mk-icon-quote-right:before {
content: "\f10e"
}
.mk-icon-spinner:before {
content: "\f110"
}
.mk-icon-circle:before {
content: "\f111"
}
.mk-icon-mail-reply:before, .mk-icon-reply:before {
content: "\f112"
}
.mk-icon-github-alt:before {
content: "\f113"
}
.mk-icon-folder-o:before {
content: "\f114"
}
.mk-icon-folder-open-o:before {
content: "\f115"
}
.mk-icon-smile-o:before {
content: "\f118"
}
.mk-icon-frown-o:before {
content: "\f119"
}
.mk-icon-meh-o:before {
content: "\f11a"
}
.mk-icon-gamepad:before {
content: "\f11b"
}
.mk-icon-keyboard-o:before {
content: "\f11c"
}
.mk-icon-flag-o:before {
content: "\f11d"
}
.mk-icon-flag-checkered:before {
content: "\f11e"
}
.mk-icon-terminal:before {
content: "\f120"
}
.mk-icon-code:before {
content: "\f121"
}
.mk-icon-reply-all:before {
content: "\f122"
}
.mk-icon-mail-reply-all:before {
content: "\f122"
}
.mk-icon-star-half-empty:before, .mk-icon-star-half-full:before, .mk-icon-star-half-o:before {
content: "\f123"
}
.mk-icon-location-arrow:before {
content: "\f124"
}
.mk-icon-crop:before {
content: "\f125"
}
.mk-icon-code-fork:before {
content: "\f126"
}
.mk-icon-unlink:before, .mk-icon-chain-broken:before {
content: "\f127"
}
.mk-icon-question:before {
content: "\f128"
}
.mk-icon-info:before {
content: "\f129"
}
.mk-icon-exclamation:before {
content: "\f12a"
}
.mk-icon-superscript:before {
content: "\f12b"
}
.mk-icon-subscript:before {
content: "\f12c"
}
.mk-icon-eraser:before {
content: "\f12d"
}
.mk-icon-puzzle-piece:before {
content: "\f12e"
}
.mk-icon-microphone:before {
content: "\f130"
}
.mk-icon-microphone-slash:before {
content: "\f131"
}
.mk-icon-shield:before {
content: "\f132"
}
.mk-icon-calendar-o:before {
content: "\f133"
}
.mk-icon-fire-extinguisher:before {
content: "\f134"
}
.mk-icon-rocket:before {
content: "\f135"
}
.mk-icon-maxcdn:before {
content: "\f136"
}
.mk-icon-chevron-circle-left:before {
content: "\f137"
}
.mk-icon-chevron-circle-right:before {
content: "\f138"
}
.mk-icon-chevron-circle-up:before {
content: "\f139"
}
.mk-icon-chevron-circle-down:before {
content: "\f13a"
}
.mk-icon-html5:before {
content: "\f13b"
}
.mk-icon-css3:before {
content: "\f13c"
}
.mk-icon-anchor:before {
content: "\f13d"
}
.mk-icon-unlock-alt:before {
content: "\f13e"
}
.mk-icon-bullseye:before {
content: "\f140"
}
.mk-icon-ellipsis-h:before {
content: "\f141"
}
.mk-icon-ellipsis-v:before {
content: "\f142"
}
.mk-icon-rss-square:before {
content: "\f143"
}
.mk-icon-play-circle:before {
content: "\f144"
}
.mk-icon-ticket:before {
content: "\f145"
}
.mk-icon-minus-square:before {
content: "\f146"
}
.mk-icon-minus-square-o:before {
content: "\f147"
}
.mk-icon-level-up:before {
content: "\f148"
}
.mk-icon-level-down:before {
content: "\f149"
}
.mk-icon-check-square:before {
content: "\f14a"
}
.mk-icon-pencil-square:before {
content: "\f14b"
}
.mk-icon-external-link-square:before {
content: "\f14c"
}
.mk-icon-share-square:before {
content: "\f14d"
}
.mk-icon-compass:before {
content: "\f14e"
}
.mk-icon-toggle-down:before, .mk-icon-caret-square-o-down:before {
content: "\f150"
}
.mk-icon-toggle-up:before, .mk-icon-caret-square-o-up:before {
content: "\f151"
}
.mk-icon-toggle-right:before, .mk-icon-caret-square-o-right:before {
content: "\f152"
}
.mk-icon-euro:before, .mk-icon-eur:before {
content: "\f153"
}
.mk-icon-gbp:before {
content: "\f154"
}
.mk-icon-dollar:before, .mk-icon-usd:before {
content: "\f155"
}
.mk-icon-rupee:before, .mk-icon-inr:before {
content: "\f156"
}
.mk-icon-cny:before, .mk-icon-rmb:before, .mk-icon-yen:before, .mk-icon-jpy:before {
content: "\f157"
}
.mk-icon-ruble:before, .mk-icon-rouble:before, .mk-icon-rub:before {
content: "\f158"
}
.mk-icon-won:before, .mk-icon-krw:before {
content: "\f159"
}
.mk-icon-bitcoin:before, .mk-icon-btc:before {
content: "\f15a"
}
.mk-icon-file:before {
content: "\f15b"
}
.mk-icon-file-text:before {
content: "\f15c"
}
.mk-icon-sort-alpha-asc:before {
content: "\f15d"
}
.mk-icon-sort-alpha-desc:before {
content: "\f15e"
}
.mk-icon-sort-amount-asc:before {
content: "\f160"
}
.mk-icon-sort-amount-desc:before {
content: "\f161"
}
.mk-icon-sort-numeric-asc:before {
content: "\f162"
}
.mk-icon-sort-numeric-desc:before {
content: "\f163"
}
.mk-icon-thumbs-up:before {
content: "\f164"
}
.mk-icon-thumbs-down:before {
content: "\f165"
}
.mk-icon-youtube-square:before {
content: "\f166"
}
.mk-icon-youtube:before {
content: "\f167"
}
.mk-icon-xing:before {
content: "\f168"
}
.mk-icon-xing-square:before {
content: "\f169"
}
.mk-icon-youtube-play:before {
content: "\f16a"
}
.mk-icon-dropbox:before {
content: "\f16b"
}
.mk-icon-stack-overflow:before {
content: "\f16c"
}
.mk-icon-instagram:before {
content: "\f16d"
}
.mk-icon-flickr:before {
content: "\f16e"
}
.mk-icon-adn:before {
content: "\f170"
}
.mk-icon-bitbucket:before {
content: "\f171"
}
.mk-icon-bitbucket-square:before {
content: "\f172"
}
.mk-icon-tumblr:before {
content: "\f173"
}
.mk-icon-tumblr-square:before {
content: "\f174"
}
.mk-icon-long-arrow-down:before {
content: "\f175"
}
.mk-icon-long-arrow-up:before {
content: "\f176"
}
.mk-icon-long-arrow-left:before {
content: "\f177"
}
.mk-icon-long-arrow-right:before {
content: "\f178"
}
.mk-icon-apple:before {
content: "\f179"
}
.mk-icon-windows:before {
content: "\f17a"
}
.mk-icon-android:before {
content: "\f17b"
}
.mk-icon-linux:before {
content: "\f17c"
}
.mk-icon-dribbble:before {
content: "\f17d"
}
.mk-icon-skype:before {
content: "\f17e"
}
.mk-icon-foursquare:before {
content: "\f180"
}
.mk-icon-trello:before {
content: "\f181"
}
.mk-icon-female:before {
content: "\f182"
}
.mk-icon-male:before {
content: "\f183"
}
.mk-icon-gittip:before {
content: "\f184"
}
.mk-icon-sun-o:before {
content: "\f185"
}
.mk-icon-moon-o:before {
content: "\f186"
}
.mk-icon-archive:before {
content: "\f187"
}
.mk-icon-bug:before {
content: "\f188"
}
.mk-icon-vk:before {
content: "\f189"
}
.mk-icon-weibo:before {
content: "\f18a"
}
.mk-icon-renren:before {
content: "\f18b"
}
.mk-icon-pagelines:before {
content: "\f18c"
}
.mk-icon-stack-exchange:before {
content: "\f18d"
}
.mk-icon-arrow-circle-o-right:before {
content: "\f18e"
}
.mk-icon-arrow-circle-o-left:before {
content: "\f190"
}
.mk-icon-toggle-left:before, .mk-icon-caret-square-o-left:before {
content: "\f191"
}
.mk-icon-dot-circle-o:before {
content: "\f192"
}
.mk-icon-wheelchair:before {
content: "\f193"
}
.mk-icon-vimeo-square:before {
content: "\f194"
}
.mk-icon-turkish-lira:before, .mk-icon-try:before {
content: "\f195"
}
.mk-icon-plus-square-o:before {
content: "\f196"
}
hr.awPostDivider {
border: 0;
height: 1px;
background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0))
}
@font-face {
font-family: 'revicons';
src: url(../font/revicons.eot?5510888);
src: url(../font/revicons.eot?5510888#iefix) format('embedded-opentype'), url(../font/revicons.woff?5510888) format('woff'), url(../font/revicons.ttf?5510888) format('truetype'), url(../font/revicons.svg?5510888#revicons) format('svg');
font-weight: normal;
font-style: normal
}
[class^="revicon-"]:before, [class*=" revicon-"]:before {
font-family: "revicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em
}
.revicon-search-1:before {
content: '\e802'
}
.revicon-pencil-1:before {
content: '\e831'
}
.revicon-picture-1:before {
content: '\e803'
}
.revicon-cancel:before {
content: '\e80a'
}
.revicon-info-circled:before {
content: '\e80f'
}
.revicon-trash:before {
content: '\e801'
}
.revicon-left-dir:before {
content: '\e817'
}
.revicon-right-dir:before {
content: '\e818'
}
.revicon-down-open:before {
content: '\e83b'
}
.revicon-left-open:before {
content: '\e819'
}
.revicon-right-open:before {
content: '\e81a'
}
.revicon-angle-left:before {
content: '\e820'
}
.revicon-angle-right:before {
content: '\e81d'
}
.revicon-left-big:before {
content: '\e81f'
}
.revicon-right-big:before {
content: '\e81e'
}
.revicon-magic:before {
content: '\e807'
}
.revicon-picture:before {
content: '\e800'
}
.revicon-export:before {
content: '\e80b'
}
.revicon-cog:before {
content: '\e832'
}
.revicon-login:before {
content: '\e833'
}
.revicon-logout:before {
content: '\e834'
}
.revicon-video:before {
content: '\e805'
}
.revicon-arrow-combo:before {
content: '\e827'
}
.revicon-left-open-1:before {
content: '\e82a'
}
.revicon-right-open-1:before {
content: '\e82b'
}
.revicon-left-open-mini:before {
content: '\e822'
}
.revicon-right-open-mini:before {
content: '\e823'
}
.revicon-left-open-big:before {
content: '\e824'
}
.revicon-right-open-big:before {
content: '\e825'
}
.revicon-left:before {
content: '\e836'
}
.revicon-right:before {
content: '\e826'
}
.revicon-ccw:before {
content: '\e808'
}
.revicon-arrows-ccw:before {
content: '\e806'
}
.revicon-palette:before {
content: '\e829'
}
.revicon-list-add:before {
content: '\e80c'
}
.revicon-doc:before {
content: '\e809'
}
.revicon-left-open-outline:before {
content: '\e82e'
}
.revicon-left-open-2:before {
content: '\e82c'
}
.revicon-right-open-outline:before {
content: '\e82f'
}
.revicon-right-open-2:before {
content: '\e82d'
}
.revicon-equalizer:before {
content: '\e83a'
}
.revicon-layers-alt:before {
content: '\e804'
}
.revicon-popup:before {
content: '\e828'
}
.tp-static-layers {
position: absolute;
z-index: 505;
top: 0;
left: 0
}
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0 solid transparent;
border-top: 40px solid #00a8ff;
position: absolute;
left: -40px;
top: 0
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00a8ff;
position: absolute;
right: 0;
top: 0
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0 solid transparent;
border-bottom: 40px solid #00a8ff;
position: absolute;
left: -40px;
top: 0
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00a8ff;
position: absolute;
right: 0;
top: 0
}
.tp-layer-inner-rotation {
position: relative !important
}
img.tp-slider-alternative-image {
width: 100%;
height: auto
}
.rev_slider_wrapper {
position: relative
}
.rev_slider_wrapper>ul {
visibility: hidden
}
.rev_slider {
position: relative;
overflow: visible
}
.rev_slider img {
max-width: none !important;
-moz-transition: none 0;
-webkit-transition: none 0;
-o-transition: none 0;
transition: none 0;
margin: 0;
padding: 0;
border-width: 0;
border: 0
}
.rev_slider .no-slides-text {
font-weight: bold;
text-align: center;
padding-top: 80px
}
.rev_slider>ul {
margin: 0;
padding: 0;
list-style: none !important;
list-style-type: none;
background-position: 0 0
}
.rev_slider>ul>li, .rev_slider>ul>li:before {
list-style: none !important;
position: absolute;
visibility: hidden;
margin: 0 !important;
padding: 0 !important;
overflow-x: visible;
overflow-y: visible;
list-style-type: none !important;
background-image: none;
background-position: 0 0;
text-indent: 0
}
.tp-revslider-slidesli, .tp-revslider-mainul {
padding: 0 !important;
margin: 0 !important;
list-style: none !important
}
.tp-simpleresponsive>ul, .tp-simpleresponsive>ul>li, .tp-simpleresponsive>ul>li:before {
list-style: none;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
overflow-x: visible;
overflow-y: visible;
background-image: none
}
.tp-simpleresponsive>ul li {
list-style: none;
position: absolute;
visibility: hidden
}
.tp-simpleresponsive>ul li a{display:block; width:100%; height:550px; position:absolute; top:0; left:0; z-index:1;}
.rev_slider .tp-caption, .rev_slider .caption {
position: absolute;
visibility: hidden;
white-space: nowrap
}
.tp-simpleresponsive img {
max-width: none
}
.tp-caption {
z-index: 1
}
.tp_inner_padding {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
max-height: none !important
}
.tp-hide-revslider, .tp-caption.tp-hidden-caption {
visibility: hidden !important;
display: none !important
}
.rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {
max-width: none !important
}
.noFilterClass {
filter: none !important
}
.tp-caption.coverscreenvideo {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute
}
.caption.fullscreenvideo {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%
}
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
width: 100% !important;
height: 100% !important;
display: none
}
.tp-caption.fullscreenvideo {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%
}
.tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
width: 100% !important;
height: 100% !important;
display: none
}
.fullcoveredvideo video, .fullscreenvideo video {
background: #000
}
.fullcoveredvideo .tp-poster {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.html5vid.videoisplaying .tp-poster {
display: none
}
.tp-video-play-button {
background: #000;
background: rgba(0,0,0,0.3);
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
color: #FFF;
z-index: 3;
margin-top: -27px;
margin-left: -28px;
text-align: center;
cursor: pointer
}
.tp-caption:hover .tp-video-play-button {
opacity: 1
}
.html5vid .tp-revstop {
width: 15px;
height: 20px;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
position: relative;
margin: 10px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.html5vid .tp-revstop {
display: none
}
.html5vid.videoisplaying .revicon-right-dir {
display: none
}
.html5vid.videoisplaying .tp-revstop {
display: block
}
.html5vid.videoisplaying .tp-video-play-button {
display: none
}
.html5vid:hover .tp-video-play-button {
display: block
}
.fullcoveredvideo .tp-video-play-button {
display: none !important
}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s;
background-image: linear-gradient(bottom, #000 13%, #323232 100%);
background-image: -o-linear-gradient(bottom, #000 13%, #323232 100%);
background-image: -moz-linear-gradient(bottom, #000 13%, #323232 100%);
background-image: -webkit-linear-gradient(bottom, #000 13%, #323232 100%);
background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, #000), color-stop(1, #323232));
display: table;
max-width: 100%;
overflow: hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.tp-caption:hover .tp-video-controls {
opacity: .9
}
.tp-video-button {
background: rgba(0,0,0,.5);
border: 0;
color: #EEE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
line-height: 12px;
font-size: 12px;
color: #fff;
padding: 0;
margin: 0;
outline: 0
}
.tp-video-button:hover {
cursor: pointer
}
.tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap {
padding: 0 5px;
display: table-cell
}
.tp-video-seek-bar-wrap {
width: 80%
}
.tp-video-vol-bar-wrap {
width: 20%
}
.tp-volume-bar, .tp-seek-bar {
width: 100%;
cursor: pointer;
outline: 0;
line-height: 12px;
margin: 0;
padding: 0
}
.tp-dottedoverlay {
background-repeat: repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3
}
.tp-dottedoverlay.twoxtwo {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/gridtile.png)
}
.tp-dottedoverlay.twoxtwowhite {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/gridtile_white.png)
}
.tp-dottedoverlay.threexthree {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/gridtile_3x3.png)
}
.tp-dottedoverlay.threexthreewhite {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/gridtile_3x3_white.png)
}
.fullscreen-container {
width: 100%;
position: relative;
padding: 0
}
.fullwidthbanner-container {
width: 100%;
position: relative;
padding: 0;
overflow: hidden
}
.fullwidthbanner-container .fullwidthabanner {
width: 100%;
position: relative
}
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
position: absolute;
-webkit-font-smoothing: antialiased !important
}
.tp-bannershadow {
position: absolute;
margin-left: auto;
margin-right: auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none
}
.tp-bannershadow.tp-shadow1 {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/shadow1.png) no-repeat;
background-size: 100% 100%;
width: 890px;
height: 30px;
bottom: -30px
}
.tp-bannershadow.tp-shadow2 {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/shadow2.png) no-repeat;
background-size: 100% 100%;
width: 890px;
height: 60px;
bottom: -60px
}
.tp-bannershadow.tp-shadow3 {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/shadow3.png) no-repeat;
background-size: 100% 100%;
width: 890px;
height: 60px;
bottom: -60px
}
.tp-button {
padding: 6px 13px 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height: 30px;
cursor: pointer;
color: #fff !important;
text-shadow: 0 1px 1px rgba(0,0,0,.6) !important;
font-size: 15px;
line-height: 45px !important;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../images/gradient/g30.png) repeat-x top;
font-family: arial, sans-serif;
font-weight: bold;
letter-spacing: -1px;
text-decoration: none
}
.tp-button.big {
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
font-weight: bold;
padding: 9px 20px;
font-size: 19px;
line-height: 57px !important;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../images/gradient/g40.png) repeat-x top
}
.purchase:hover, .tp-button:hover, .tp-button.big:hover {
background-position: bottom, 15px 11px
}
.tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green {
background-color: #21a117;
-webkit-box-shadow: 0 3px 0 0 #104d0b;
-moz-box-shadow: 0 3px 0 0 #104d0b;
box-shadow: 0 3px 0 0 #104d0b
}
.tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue {
background-color: #1d78cb;
-webkit-box-shadow: 0 3px 0 0 #0f3e68;
-moz-box-shadow: 0 3px 0 0 #0f3e68;
box-shadow: 0 3px 0 0 #0f3e68
}
.tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red {
background-color: #cb1d1d;
-webkit-box-shadow: 0 3px 0 0 #7c1212;
-moz-box-shadow: 0 3px 0 0 #7c1212;
box-shadow: 0 3px 0 0 #7c1212
}
.tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange {
background-color: #f70;
-webkit-box-shadow: 0 3px 0 0 #a34c00;
-moz-box-shadow: 0 3px 0 0 #a34c00;
box-shadow: 0 3px 0 0 #a34c00
}
.tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey {
background-color: #555;
-webkit-box-shadow: 0 3px 0 0 #222;
-moz-box-shadow: 0 3px 0 0 #222;
box-shadow: 0 3px 0 0 #222
}
.tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey {
background-color: #888;
-webkit-box-shadow: 0 3px 0 0 #555;
-moz-box-shadow: 0 3px 0 0 #555;
box-shadow: 0 3px 0 0 #555
}
.tpclear {
clear: both
}
.tp-bullets {
z-index: 1000;
position: absolute;
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
-ms-transition: opacity .2s ease-out;
-webkit-transform: translateZ(5px)
}
.tp-bullets.hidebullets {
-ms-filter: "alpha(opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.tp-bullets.simplebullets.navbar {
border: 1px solid #666;
border-bottom: 1px solid #444;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/boxed_bgtile.png);
height: 40px;
padding: 0 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.tp-bullets.simplebullets.navbar-old {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/navigdots_bgtile.png);
height: 35px;
padding: 0 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/bullet.png) no-repeat top left;
width: 20px;
height: 20px;
margin-right: 0;
float: left;
margin-top: 0;
margin-left: 3px
}
.tp-bullets.simplebullets.round .bullet.last {
margin-right: 3px
}
.tp-bullets.simplebullets.round-old .bullet {
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/bullets.png) no-repeat bottom left;
width: 23px;
height: 23px;
margin-right: 0;
float: left;
margin-top: 0
}
.tp-bullets.simplebullets.round-old .bullet.last {
margin-right: 0
}
.tp-bullets.simplebullets.square .bullet {
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/bullets2.png) no-repeat bottom left;
width: 19px;
height: 19px;
margin-right: 0;
float: left;
margin-top: 0
}
.tp-bullets.simplebullets.square .bullet.last {
margin-right: 0
}
.tp-bullets.simplebullets.square-old .bullet {
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/bullets2.png) no-repeat bottom left;
width: 19px;
height: 19px;
margin-right: 0;
float: left;
margin-top: 0
}
.tp-bullets.simplebullets.square-old .bullet.last {
margin-right: 0
}
.tp-bullets.simplebullets.navbar .bullet {
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/bullet_boxed.png) no-repeat top left;
width: 18px;
height: 19px;
margin-right: 5px;
float: left;
margin-top: 10px
}
.tp-bullets.simplebullets.navbar .bullet.first {
margin-left: 0 !important
}
.tp-bullets.simplebullets.navbar .bullet.last {
margin-right: 0 !important
}
.tp-bullets.simplebullets.navbar-old .bullet {
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/navigdots.png) no-repeat bottom left;
width: 15px;
height: 15px;
margin-left: 5px !important;
margin-right: 5px !important;
float: left;
margin-top: 10px
}
.tp-bullets.simplebullets.navbar-old .bullet.first {
margin-left: 0 !important
}
.tp-bullets.simplebullets.navbar-old .bullet.last {
margin-right: 0 !important
}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
background-position: top left
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
background-position: bottom left
}
.tparrows {
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
-ms-transition: opacity .2s ease-out;
-webkit-transform: translateZ(1000px);
-webkit-transform-style: preserve-3d
}
.tparrows .tp-arr-imgholder {
display: none
}
.tparrows .tp-arr-titleholder {
display: none
}
.tparrows.hidearrows {
display: none
}
.tp-leftarrow {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/large_left.png) no-repeat top left;
width: 40px;
height: 40px
}
.tp-rightarrow {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/large_right.png) no-repeat top left;
width: 40px;
height: 40px
}
.tp-leftarrow.round {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/small_left.png) no-repeat top left;
width: 19px;
height: 14px;
margin-right: 0;
float: left;
margin-top: 0
}
.tp-rightarrow.round {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/small_right.png) no-repeat top left;
width: 19px;
height: 14px;
margin-right: 0;
float: left;
margin-top: 0
}
.tp-leftarrow.round-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/arrow_left.png) no-repeat top left;
width: 26px;
height: 26px;
margin-right: 0;
float: left;
margin-top: 0
}
.tp-rightarrow.round-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/arrow_right.png) no-repeat top left;
width: 26px;
height: 26px;
margin-right: 0;
float: left;
margin-top: 0
}
.tp-leftarrow.navbar {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/small_left_boxed.png) no-repeat top left;
width: 20px;
height: 15px;
float: left;
margin-right: 6px;
margin-top: 12px
}
.tp-rightarrow.navbar {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/small_right_boxed.png) no-repeat top left;
width: 20px;
height: 15px;
float: left;
margin-left: 6px;
margin-top: 12px
}
.tp-leftarrow.navbar-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/arrowleft.png) no-repeat top left;
width: 9px;
height: 16px;
float: left;
margin-right: 6px;
margin-top: 10px
}
.tp-rightarrow.navbar-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/arrowright.png) no-repeat top left;
width: 9px;
height: 16px;
float: left;
margin-left: 6px;
margin-top: 10px
}
.tp-leftarrow.navbar-old.thumbswitharrow {
margin-right: 10px
}
.tp-rightarrow.navbar-old.thumbswitharrow {
margin-left: 0
}
.tp-leftarrow.square {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../img/arrow_left2.png) no-repeat top left;
width: 12px;
height: 17px;
float: left;
margin-right: 0;
margin-top: 0
}
.tp-rightarrow.square {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../img/arrow_right2.png) no-repeat top left;
width: 12px;
height: 17px;
float: left;
margin-left: 0;
margin-top: 0
}
.tp-leftarrow.square-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../img/arrow_left2.png) no-repeat top left;
width: 12px;
height: 17px;
float: left;
margin-right: 0;
margin-top: 0
}
.tp-rightarrow.square-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../img/arrow_right2.png) no-repeat top left;
width: 12px;
height: 17px;
float: left;
margin-left: 0;
margin-top: 0
}
.tp-leftarrow.default {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../img/banner_BtnL.png) no-repeat center #ccc;
width: 40px;
height: 50px;
opacity: .5;
filter: alpha(opacity=50);
top: 50% !important
}
.tp-rightarrow.default {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../img/banner_BtnR.png) no-repeat center #ccc;
width: 40px;
height: 50px;
opacity: .5;
filter: alpha(opacity=50);
top: 50% !important
}
.tp-leftarrow:hover {
background: url(../img/banner_BtnL.png) no-repeat center #000
}
.tp-rightarrow:hover {
background: url(../img/banner_BtnR.png) no-repeat center #000
}
.tp-bullets.tp-thumbs {
z-index: 1000;
position: absolute;
padding: 3px;
background-color: #fff;
width: 500px;
height: 50px;
margin-top: -50px;
vertical-align: top
}
.tp-bullets.tp-thumbs img {
vertical-align: top
}
.fullwidthbanner-container .tp-thumbs {
padding: 3px
}
.tp-bullets.tp-thumbs .tp-mask {
width: 500px;
height: 50px;
overflow: hidden;
position: relative
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
width: 5000px;
position: absolute
}
.tp-bullets.tp-thumbs .bullet {
width: 100px;
height: 50px;
cursor: pointer;
overflow: hidden;
background: none;
margin: 0;
float: left;
-ms-filter: "alpha(opacity=50)";
-moz-opacity: .5;
-khtml-opacity: .5;
opacity: .5;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-ms-transition: all .2s ease-out
}
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.tp-thumbs img {
width: 100%
}
.tp-bannertimer {
visibility: hidden;
width: 100%;
height: 5px;
background: #fff;
background: rgba(0,0,0,0.15);
position: absolute;
z-index: 200;
top: 0
}
.tp-bannertimer.tp-bottom {
top: auto;
bottom: 0 !important;
height: 5px
}
.tparrows.preview1 {
width: 100px;
height: 100px;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
background: transparent
}
.tparrows.preview1:after {
position: absolute;
left: 0;
top: 0;
font-family: "revicons";
color: #fff;
font-size: 30px;
width: 100px;
height: 100px;
text-align: center;
background: #fff;
background: rgba(0,0,0,0.15);
z-index: 2;
line-height: 100px;
-webkit-transition: background .3s, color .3s;
-moz-transition: background .3s, color .3s;
transition: background .3s, color .3s
}
.tp-rightarrow.preview1:after {
content: '\e825'
}
.tp-leftarrow.preview1:after {
content: '\e824'
}
.tparrows.preview1:hover:after {
background: rgba(255,255,255,1);
color: #aaa
}
.tparrows.preview1 .tp-arr-imgholder {
background-size: cover;
background-position: center center;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.tparrows.preview1 .tp-arr-iwrapper {
-webkit-transition: all .3s;
transition: all .3s;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.tparrows.preview1:hover .tp-arr-iwrapper {
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.tp-rightarrow.preview1 .tp-arr-imgholder {
right: 100%;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.tp-leftarrow.preview1 .tp-arr-imgholder {
left: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.tparrows.preview1:hover .tp-arr-imgholder {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
@media only screen and (min-width:768px) and (max-width:979px) {
.tparrows.preview1, .tparrows.preview1:after {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 24px
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.tparrows.preview1, .tparrows.preview1:after {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px
}
}
@media only screen and (min-width:0) and (max-width:479px) {
.tparrows.preview1, .tparrows.preview1:after {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px
}
}
.tp-bullets.preview1 {
height: 21px
}
.tp-bullets.preview1 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0,0,0,.15) !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(0,0,0,0) !important;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 0 !important;
-webkit-transition: background-color .2s, border-color .2s;
-moz-transition: background-color .2s, border-color .2s;
-o-transition: background-color .2s, border-color .2s;
-ms-transition: background-color .2s, border-color .2s;
transition: background-color .2s, border-color .2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box
}
.tp-bullets.preview1 .bullet.last {
margin-right: 0
}
.tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #aaa !important;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(255,255,255,1) !important
}
.tparrows.preview2 {
min-width: 60px;
min-height: 60px;
background: #fff;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
overflow: hidden;
-webkit-transition: -webkit-transform 1.3s;
-webkit-transition: width .3s, background-color .3s, opacity .3s;
transition: width .3s, background-color .3s, opacity .3s;
backface-visibility: hidden
}
.tparrows.preview2:after {
position: absolute;
top: 50%;
font-family: "revicons";
color: #aaa;
font-size: 25px;
margin-top: -12px;
-webkit-transition: color .3s;
-moz-transition: color .3s;
transition: color .3s
}
.tp-rightarrow.preview2:after {
content: '\e81e';
right: 18px
}
.tp-leftarrow.preview2:after {
content: '\e81f';
left: 18px
}
.tparrows.preview2 .tp-arr-titleholder {
background-size: cover;
background-position: center center;
display: block;
visibility: hidden;
position: relative;
top: 0;
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
color: #000;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
line-height: 60px;
padding: 0 10px
}
.tp-rightarrow.preview2 .tp-arr-titleholder {
right: 50px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.tp-leftarrow.preview2 .tp-arr-titleholder {
left: 50px;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.tparrows.preview2.hovered {
width: 300px
}
.tparrows.preview2:hover {
background: #fff
}
.tparrows.preview2:hover:after {
color: #000
}
.tparrows.preview2:hover .tp-arr-titleholder {
-webkit-transform: translateX(0px);
transform: translateX(0px);
visibility: visible;
position: absolute
}
.tp-bullets.preview2 {
height: 17px
}
.tp-bullets.preview2 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0,0,0,.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0,0,0,0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0 !important;
-webkit-transition: background-color .2s, border-color .2s;
-moz-transition: background-color .2s, border-color .2s;
-o-transition: background-color .2s, border-color .2s;
-ms-transition: background-color .2s, border-color .2s;
transition: background-color .2s, border-color .2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box
}
.tp-bullets.preview2 .bullet.last {
margin-right: 0
}
.tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255,255,255,1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0,0,0,1) !important
}
.tp-arr-titleholder.alwayshidden {
display: none !important
}
@media only screen and (min-width:768px) and (max-width:979px) {
.tparrows.preview2 {
min-width: 40px;
min-height: 40px;
width: 40px;
height: 40px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px
}
.tparrows.preview2:after {
position: absolute;
top: 50%;
font-family: "revicons";
font-size: 20px;
margin-top: -12px
}
.tp-rightarrow.preview2:after {
content: '\e81e';
right: 11px
}
.tp-leftarrow.preview2:after {
content: '\e81f';
left: 11px
}
.tparrows.preview2 .tp-arr-titleholder {
font-size: 12px;
line-height: 40px;
letter-spacing: 0
}
.tp-rightarrow.preview2 .tp-arr-titleholder {
right: 35px
}
.tp-leftarrow.preview2 .tp-arr-titleholder {
left: 35px
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.tparrows.preview2 {
min-width: 30px;
min-height: 30px;
width: 30px;
height: 30px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px
}
.tparrows.preview2:after {
position: absolute;
top: 50%;
font-family: "revicons";
font-size: 14px;
margin-top: -12px
}
.tp-rightarrow.preview2:after {
content: '\e81e';
right: 8px
}
.tp-leftarrow.preview2:after {
content: '\e81f';
left: 8px
}
.tparrows.preview2 .tp-arr-titleholder {
font-size: 10px;
line-height: 30px;
letter-spacing: 0
}
.tp-rightarrow.preview2 .tp-arr-titleholder {
right: 25px
}
.tp-leftarrow.preview2 .tp-arr-titleholder {
left: 25px
}
.tparrows.preview2 .tp-arr-titleholder {
display: none;
visibility: none
}
}
@media only screen and (min-width:0) and (max-width:479px) {
.tparrows.preview2 {
min-width: 30px;
min-height: 30px;
width: 30px;
height: 30px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px
}
.tparrows.preview2:after {
position: absolute;
top: 50%;
font-family: "revicons";
font-size: 14px;
margin-top: -12px
}
.tp-rightarrow.preview2:after {
content: '\e81e';
right: 8px
}
.tp-leftarrow.preview2:after {
content: '\e81f';
left: 8px
}
.tparrows.preview2 .tp-arr-titleholder {
display: none;
visibility: none
}
.tparrows.preview2:hover {
width: 30px !important;
height: 30px !important
}
}
.tparrows.preview3 {
width: 70px;
height: 70px;
background: #fff;
background: rgba(255,255,255,1);
-webkit-transform-style: flat
}
.tparrows.preview3:after {
position: absolute;
line-height: 70px;
text-align: center;
font-family: "revicons";
color: #aaa;
font-size: 30px;
top: 0;
left: 0;
background: #fff;
z-index: 100;
width: 70px;
height: 70px;
-webkit-transition: color .3s;
-moz-transition: color .3s;
transition: color .3s
}
.tparrows.preview3:hover:after {
color: #000
}
.tp-rightarrow.preview3:after {
content: '\e825'
}
.tp-leftarrow.preview3:after {
content: '\e824'
}
.tparrows.preview3 .tp-arr-iwrapper {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform .2s;
transition: transform .2s;
z-index: 0;
position: absolute;
background: #000;
background: rgba(0,0,0,0.75);
display: table;
min-height: 90px;
top: -10px
}
.tp-leftarrow.preview3 .tp-arr-iwrapper {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%
}
.tparrows.preview3 .tp-arr-imgholder {
display: block;
background-size: cover;
background-position: center center;
display: table-cell;
min-width: 90px;
height: 90px;
position: relative;
top: 0
}
.tp-rightarrow.preview3 .tp-arr-iwrapper {
right: 0;
padding-right: 70px
}
.tp-leftarrow.preview3 .tp-arr-iwrapper {
left: 0;
direction: rtl;
padding-left: 70px
}
.tparrows.preview3 .tp-arr-titleholder {
display: table-cell;
padding: 30px;
font-size: 16px;
color: #fff;
white-space: nowrap;
position: relative;
clear: right;
vertical-align: middle
}
.tparrows.preview3:hover .tp-arr-iwrapper {
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
.tp-bullets.preview3 {
height: 17px
}
.tp-bullets.preview3 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0,0,0,.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0,0,0,0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0 !important;
-webkit-transition: background-color .2s, border-color .2s;
-moz-transition: background-color .2s, border-color .2s;
-o-transition: background-color .2s, border-color .2s;
-ms-transition: background-color .2s, border-color .2s;
transition: background-color .2s, border-color .2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box
}
.tp-bullets.preview3 .bullet.last {
margin-right: 0
}
.tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255,255,255,1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0,0,0,1) !important
}
@media only screen and (min-width:768px) and (max-width:979px) {
.tparrows.preview3:after, .tparrows.preview3 {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px
}
.tparrows.preview3 .tp-arr-iwrapper {
min-height: 70px
}
.tparrows.preview3 .tp-arr-imgholder {
min-width: 70px;
height: 70px
}
.tp-rightarrow.preview3 .tp-arr-iwrapper {
padding-right: 50px
}
.tp-leftarrow.preview3 .tp-arr-iwrapper {
padding-left: 50px
}
.tparrows.preview3 .tp-arr-titleholder {
padding: 10px;
font-size: 16px
}
}
@media only screen and (max-width:767px) {
.tparrows.preview3:after, .tparrows.preview3 {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px
}
.tparrows.preview3 .tp-arr-iwrapper {
min-height: 70px
}
}
.tparrows.preview4 {
width: 30px;
height: 110px;
background: transparent;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 1000;
-moz-perspective: 1000
}
.tparrows.preview4:after {
position: absolute;
line-height: 110px;
text-align: center;
font-family: "revicons";
color: #fff;
font-size: 20px;
top: 0;
left: 0;
z-index: 0;
width: 30px;
height: 110px;
background: #000;
background: rgba(0,0,0,0.25);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.tp-rightarrow.preview4:after {
content: '\e825'
}
.tp-leftarrow.preview4:after {
content: '\e824'
}
.tparrows.preview4 .tp-arr-allwrapper {
visibility: hidden;
width: 180px;
position: absolute;
z-index: 1;
min-height: 120px;
top: 0;
left: -150px;
overflow: hidden;
-webkit-perspective: 1000px;
-webkit-transform-style: flat
}
.tp-leftarrow.preview4 .tp-arr-allwrapper {
left: 0
}
.tparrows.preview4 .tp-arr-iwrapper {
position: relative
}
.tparrows.preview4 .tp-arr-imgholder {
display: block;
background-size: cover;
background-position: center center;
width: 180px;
height: 110px;
position: relative;
top: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.tparrows.preview4 .tp-arr-imgholder2 {
display: block;
background-size: cover;
background-position: center center;
width: 180px;
height: 110px;
position: absolute;
top: 0;
left: 180px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.tp-leftarrow.preview4 .tp-arr-imgholder2 {
left: -180px
}
.tparrows.preview4 .tp-arr-titleholder {
display: block;
font-size: 12px;
line-height: 25px;
padding: 0 10px;
text-align: left;
color: #fff;
position: relative;
background: #000;
color: #FFF;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
font-weight: 700;
font-size: 11px;
line-height: 2.75;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0
}
.tparrows.preview4:after {
transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%
}
.tp-leftarrow.preview4:after {
transform-origin: 0 0;
-webkit-transform-origin: 0 0
}
@media only screen and (min-width:768px) {
.tparrows.preview4:hover:after {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
.tp-leftarrow.preview4:hover:after {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg)
}
.tparrows.preview4:hover .tp-arr-titleholder {
-webkit-transition-delay: .4s;
transition-delay: .4s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
}
.tp-bullets.preview4 {
height: 17px
}
.tp-bullets.preview4 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0,0,0,.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0,0,0,0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0 !important;
-webkit-transition: background-color .2s, border-color .2s;
-moz-transition: background-color .2s, border-color .2s;
-o-transition: background-color .2s, border-color .2s;
-ms-transition: background-color .2s, border-color .2s;
transition: background-color .2s, border-color .2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box
}
.tp-bullets.preview4 .bullet.last {
margin-right: 0
}
.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255,255,255,1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0,0,0,1) !important
}
@media only screen and (max-width:767px) {
.tparrows.preview4 {
width: 20px;
height: 80px
}
.tparrows.preview4:after {
width: 20px;
height: 80px;
line-height: 80px;
font-size: 14px
}
.tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper {
display: none !important
}
}
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
zoom: 1
}
.caption.slidelink a div, .tp-caption.slidelink a div {
width: 3000px;
height: 1500px;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/coloredbg.png) repeat
}
.tp-caption.slidelink a span {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/coloredbg.png) repeat
}
.tp-loader {
top: 50%;
left: 50%;
z-index: 10000;
position: absolute
}
.tp-loader.spinner0 {
width: 40px;
height: 40px;
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
margin-top: -20px;
margin-left: -20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
.tp-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
margin-top: -20px;
margin-left: -20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
.tp-loader.spinner5 {
background: url(//www.coli688.com/wp-content/plugins/revslider/rs-plugin/css/../assets/loader.gif) no-repeat 10px 10px;
background-color: #fff;
margin: -22px -22px;
width: 44px;
height: 44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
@-webkit-keyframes tp-rotateplane {
0% {
-webkit-transform:perspective(120px)
}
50% {
-webkit-transform:perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes tp-rotateplane {
0% {
transform:perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
background-color: red;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
border-radius: 100%;
-webkit-animation: tp-scaleout 1s infinite ease-in-out;
animation: tp-scaleout 1s infinite ease-in-out
}
@-webkit-keyframes tp-scaleout {
0% {
-webkit-transform:scale(0.0)
}
100% {
-webkit-transform:scale(1.0);
opacity:0
}
}
@keyframes tp-scaleout {
0% {
transform:scale(0.0);
-webkit-transform:scale(0.0)
}
100% {
transform:scale(1.0);
-webkit-transform:scale(1.0);
opacity:0
}
}
.tp-loader.spinner3 {
margin: -9px 0 0 -35px;
width: 70px;
text-align: center
}
.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation: tp-bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.tp-loader.spinner3 .bounce1 {
-webkit-animation-delay: -.32s;
animation-delay: -.32s
}
.tp-loader.spinner3 .bounce2 {
-webkit-animation-delay: -.16s;
animation-delay: -.16s
}
@-webkit-keyframes tp-bouncedelay {
0%, 80%, 100% {
-webkit-transform:scale(0.0)
}
40% {
-webkit-transform:scale(1.0)
}
}
@keyframes tp-bouncedelay {
0%, 80%, 100% {
transform:scale(0.0);
-webkit-transform:scale(0.0)
}
40% {
transform:scale(1.0);
-webkit-transform:scale(1.0)
}
}
.tp-loader.spinner4 {
margin: -20px 0 0 -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: tp-rotate 2s infinite linear;
animation: tp-rotate 2s infinite linear
}
.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: tp-bounce 2s infinite ease-in-out;
animation: tp-bounce 2s infinite ease-in-out;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15)
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s
}
@-webkit-keyframes tp-rotate {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes tp-rotate {
100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes tp-bounce {
0%, 100% {
-webkit-transform:scale(0.0)
}
50% {
-webkit-transform:scale(1.0)
}
}
@keyframes tp-bounce {
0%, 100% {
transform:scale(0.0);
-webkit-transform:scale(0.0)
}
50% {
transform:scale(1.0);
-webkit-transform:scale(1.0)
}
}
.mk-text-block, .mk-text-block p {
text-align: justify
}
a.header-search-icon {
width:43px;
background: url('../img/search-icon.png') no-repeat center center;
float:left;
}
a.header-search-icon:hover {
background: url('../img/search-icon.png') no-repeat center center;
}
.header-search-icon i {
margin-left: 20px;
font-size: 0
}
li.mk-header-search {
padding: 0 13px;
line-height: 80px\9;
border-right:1px solid #d10f14;
}
li.mk-header-search .language{height:89px; float:left; line-height:89px; width:38px; color:#fff;}
li.mk-header-search .language a{display:block; color:#fff;line-height:89px; float:left;}
.sticky-trigger-header li.mk-header-search .language,.sticky-trigger-header li.mk-header-search .language a{height:53.333333333333px;line-height:53.333333333333px;}
li.mk-header-search .language span{float:left;}
form.header-searchform-input {
width: 252px;
border: 7px solid #e33333;
top: 100%;
right: 20px;
left: auto;
height: 36px
}
#mk-header .header-searchform-input .ui-autocomplete .search-title, #mk-header .header-searchform-input .ui-autocomplete .search-date, #mk-header .header-searchform-input .ui-autocomplete i {
color: #666
}
#mk-header .header-searchform-input .ui-autocomplete li:hover .search-title, #mk-header .header-searchform-input .ui-autocomplete li:hover .search-date, #mk-header .header-searchform-input .ui-autocomplete li:hover i, #mk-main-navigation ul ul a:hover i {
color: #e33333
}
a.header-search-icon.search-icon-hover {
background: url('../img/search-icon.png') no-repeat center center
}
#mk-header {
background:url(../img/top_bg.png) no-repeat top center;
}
span.menu_item_bg {
width: 100%;
height: 0;
position: absolute;
background-color: #d41116;
left: 0;
bottom: 0;
transition: height 200ms;
z-index: -1
}
#mk-main-navigation>ul>li.menu-item:hover span {
height: 100%
}
#mk-main-navigation>ul>li.menu-item:hover>a {
color: #fff
}
#mk-main-navigation>ul>li.menu-item {
margin: 0;
line-height: 80px\9;
position: relative;
border-right:1px solid #d10f14;
}
.main-navigation-ul .sub-menu li.menu-item {
display: inline-block
}
#mk-header .main-navigation-ul .sub-menu li.menu-item a {
padding: 0 20px;
white-space: nowrap
}
.mk-header-logo, .mk-header-logo a {
text-align: left
}
#mk-main-navigation>ul {
font-size: 13px;
}
.mk-responsive-nav {
background-color: #333
}
.current-menu-item-hover span {
height: 100%
}
#mk-main-navigation>ul>li.current-menu-ancestor>a, #mk-main-navigation>ul>li.current-menu-item>a {
color: #333
}
#mk-main-navigation>ul>li.menu-item.current-menu-item-hover>a {
color: #fff
}
.main-navigation-ul li .sub-container {
left: 0 !important;
width: 100%;
position: fixed;
background-color: rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000)\9\0;
top: 89px !important
}
.sticky-trigger-header .main-navigation-ul li .sub-container{top: 53.333333333333px !important}
.main-navigation-ul li .sub-container.mk-nested-sub>ul li {
background: rgba(0,0,0,0);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00000000, endcolorstr=#00000000)\9\0;
background: url('../img/transparent.png') repeat
}
#mk-main-navigation ul li .sub {
border-top: 0;
line-height: 50px;
height: 0;
text-align: left;
display: block !important;
overflow: hidden;
transition: height 200ms
}
#mk-header #mk-main-navigation ul li .sub {
border-top: 0
}
#mk-main-navigation>ul>li.menu-item-has-children:hover .sub {
height: 50px
}
#mk-header {
border-top: 0 !important
}
#mk-header.sticky-trigger-header {
}
.dashboard-trigger.desktop-mode {
display: none
}
.mk-side-dashboard {
background: -webkit-linear-gradient(#555, #ccc);
background: -o-linear-gradient(#555, #ccc);
background: -moz-linear-gradient(#555, #ccc);
background: linear-gradient(#555, #ccc);
display: none
}
.mk-side-dashboard .sub-menu {
display: none
}
.mk-side-dashboard .menu>li>a {
height: 40px;
line-height: 40px;
position: relative;
padding: 0 20px 0 20px;
font-size: 14px;
background:url(../img/nav-mobile-menu-our-co.gif);
font-weight: bold;
color: #fff;
border-bottom: 1px solid rgba(128,128,128,.8)
}
.mk-side-dashboard .menu>li>a:hover {
color: #e33333
}
.mk-side-dashboard .sub-menu a {
height: 36px;
line-height: 36px;
margin-bottom: 0;
padding: 0 0 0 50px;
font-size: 14px;
background:url(../img/nav-mobile-menu-sub-item-sprite.gif);
font-weight: normal;
color: #000;
border-bottom: 1px solid rgba(128,128,128,.5)
}
.mk-side-dashboard .mk-nav-arrow {
position: absolute;
right: 0;
top: 0;
font-size: 16px;
text-align: center;
cursor: pointer;
opacity: .7;
width: 70px;
height: 100%;
line-height: 40px
}
.mk-side-dashboard .mk-nav-arrow:hover {
opacity: 1
}
.mk-side-dashboard .menu>li>a:before {
content: '';
width: 20px;
height: 40px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-size: contain
}
.icon1>a:before {
background:url(../img/N-phone-01-10.png) no-repeat center center
}
.icon2>a:before {
background: url('../img/N-phone-02-20.png') no-repeat center center
}
.icon3>a:before {
background: url('../img/N-phone-03-30.png') no-repeat center center
}
.icon4>a:before {
background: url('../img/N-phone-04-40.png') no-repeat center center
}
.icon5>a:before {
background: url('../img/N-phone-05-50.png') no-repeat center center
}
.icon6>a:before {
background: url('../img/N-phone-07-80.png') no-repeat center center
}
.icon7>a:before {
background: url('../img/N-phone-06-60.png') no-repeat center center
}
.icon8>a:before {
background: url('../img/N-phone-07-90.png') no-repeat center center
}
.icon9>a:before {
background: url('../img/N-phone-07-70.png') no-repeat center center
}
.icon1:hover>a:before {
background: url('../img/N-phone-01-11.png') no-repeat center center
}
.icon2:hover>a:before {
background: url('../img/N-phone-02-21.png') no-repeat center center
}
.icon3:hover>a:before {
background: url('../img/N-phone-03-31.png') no-repeat center center
}
.icon4:hover>a:before {
background: url('../img/N-phone-04-41.png') no-repeat center center
}
.icon5:hover>a:before {
background: url('../img/N-phone-05-51.png') no-repeat center center
}
.icon6:hover>a:before {
background: url('../img/N-phone-07-81.png') no-repeat center center
}
.icon7:hover>a:before {
background: url('../img/N-phone-06-61.png') no-repeat center center
}
.icon8:hover>a:before {
background: url('../img/N-phone-07-91.png') no-repeat center center
}
.icon9:hover>a:before {
background:url(../img/N-phone-07-71.png) no-repeat center center
}
.mk-side-dashboard .menu>li:hover>a:before {
background-size: contain
}
.mk-side-dashboard li.menu-item-has-children {
position: relative
}
.mk-side-dashboard .icon4 .sub-menu a {
padding: 0 0 0 20px
}
.mk-side-dashboard .sub-menu .sub-menu a {
padding: 0 0 0 50px;
background: #f0f0f0
}
.mk-side-dashboard .sub-menu .sub-menu .sub-menu a {
padding: 0 0 0 80px;
background: #fff
}
#mk-page-title.left-align {
padding: 0;
padding-top: 118px;
background-repeat: no-repeat;
border-bottom: 1px solid #f0f0f0;
background-color: #fafafa;
background-position: top center
}
#mk-page-title.left-align #mk-breadcrumbs {
padding-top: 0;
line-height: 50px
}
#mk-page-title.left-align .mk-page-heading {
font-size: 24px;
line-height: 30px;
margin: 10px 0 10px 10px !important;
padding: 0 0 0 40px;
color: #333
}
#mk-page-title .mk-grid {
height: 50px
}
#theme-page .theme-page-wrapper #mk-sidebar {
width: 23%;
padding-top: 20px
}
#mk-sidebar ul.menu {
border: 1px solid #e8e8e8
}
#mk-sidebar .menu>li>a {
height: 60px;
line-height: 60px;
font-size: 16px;
padding-left: 40px;
color: #000;
border-bottom: 1px solid #e8e8e8
}
#mk-sidebar .menu>li>a:hover {
background: #efefef
}
#mk-sidebar .menu>li.current_page_item>a {
background: url('../img/Arrr-0.png') no-repeat 90% 50%;
background-color: #e33333;
color: #fff
}
#mk-sidebar .sub-menu a {
background: #fafafa url("../img/csr-submenuIcon.png") 16% 49% no-repeat;
padding-left: 55px;
height: 45px;
line-height: 45px
}
#mk-sidebar .sub-menu a:hover {
background-color: #efefef
}
#mk-sidebar .sub-menu {
display: none
}
#mk-sidebar li.current_page_item .sub-menu {
display: block;
border-bottom: 1px solid #e8e8e8
}
#sub-footer .item-holder {
padding: 0 20px
}
#mk-footer {
border-top: 1px solid #eee
}
.footer-left-top {
display: inline-block
}
.footer-left-top a:first-child {
border: 0
}
.footer-left-bottom p {
padding-top: 16px;
line-height: 20px
}
.foot-select {
display: inline-block
}
.footer-link-item {
cursor: pointer;
position: relative;
margin-right: 8px;
border: 1px solid #cccccc;
border-radius: 20px;
width: 240px;
background:url(../img/ico2.png) no-repeat top right #fff;
}
.rec_link {
text-indent: 10px;
line-height: 30px;
display: block;
color:#888888;
}
.footer-uplinks {
bottom: 30px;
left: -1px;
padding: 10px;
display: none;
z-index: 10;
width: 240px;
line-height: 22px;
position: absolute;
background: #fff;
border: 1px solid #ccc
}
.footer-uplinks a {
display: block;
margin-bottom: 5px
}
.footer-right {
text-align: right
}
.footer-right p {
display: inline-block;
vertical-align: bottom;
text-align: left;
line-height: 20px
}
#mk-footer, #mk-footer p {
font-size: 14px
}
#mk-footer p {
color: #888;
margin-bottom: 0
}
#mk-footer .widget {
overflow: visible;
margin-bottom: 0
}
#mk-footer .mk-col-1-2 #text-2 {
padding-top: 18px
}
.footer-left-bottom span:first-child {
margin-right: 30px
}
.footer-left-bottom span {
display: inline-block
}
@media(max-width:1220px) {
.main-navigation-ul .dashboard-trigger.res-mode {
display: none !important
}
}
@media(max-width:1140px) {
body {
overflow-x: hidden !important
}
#mk-responsive-nav {
background-color: #555
}
#mk-responsive-nav .sub-menu {
background-color: #666
}
li.mk-header-search {
display: none
}
.mk-burger-icon {
width: 30px;
height: 26px
}
.mk-burger-icon div {
background-color: #888;
height: 5px
}
#mk-header .mk-grid {
padding-left: 20px;
padding-right: 20px
}
.footer-link-item {
display: none
}
#mk-footer .mk-col-1-2 #text-2 {
padding-top: 35px
}
.mk-header-logo, .mk-header-logo a {
width: auto
}
#mk-footer a:first-child {
padding-left: 0
}
.footer-left-bottom p span {
font-size: 12px
}
.footer-left-bottom p {
padding-top: 5px;
line-height: 16px
}
i.mk-theme-icon-dashboard {
display: none
}
.main-navigation-ul .dashboard-trigger.res-mode {
display: inline-block !important;
background:url(../img/icon-responsive.png) no-repeat center center;
background-size: contain
}
.main-navigation-ul .responsive-nav-link {
display: none !important
}
.main-navigation-ul .mk-header-logo {
margin-left: 0 !important
}
.mk-side-dashboard {
display: block
}
}
@media(max-width:1023px) {
#mk-sidebar {
display: none
}
.theme-main-wrapper #mk-header.sticky-header, .mk-secondary-header {
position: fixed !important
}
.sticky-header.sticky-header-padding {
padding-top: 60px !important;
display: block !important
}
}
@media(max-width:767px) {
#mk-main-navigation>ul {
height: 60px
}
#mk-header .main-navigation-ul {
text-align: left !important
}
[class*=mk-col-] {
padding-left: 0;
padding-right: 0
}
.footer-left-top {
display: block;
text-align: center
}
.footer-left-bottom p {
padding-top: 10px
}
.footer-left-bottom span {
display: block;
text-align: center
}
.footer-left-bottom span:first-child {
margin-right: 0
}
.footer-right {
text-align: center
}
.footer-right p {
text-align: right
}
#theme-page .theme-page-wrapper {
padding: 0
}
#mk-page-title .mk-grid {
background-color: #f8f8f8
}
#mk-page-title.left-align .mk-page-heading {
margin: 5px 0 5px 0 !important;
font-size: 16px
}
#mk-page-title.left-align {
padding-top: 40px
}
#mk-page-title .mk-grid {
height: 40px;
background-color: #f8f8f8
}
.theme-main-wrapper #mk-page-title.left-align #mk-breadcrumbs {
line-height: 40px
}
}
@media(max-width:650px) {
#mk-main-navigation>ul>li.menu-item, #mk-main-navigation>ul>li.menu-item>a, .mk-header-search, .mk-header-search a, .mk-cart-link, .main-navigation-ul .dashboard-trigger, .responsive-nav-link {
height: 60px;
line-height: 60px
}
#mk-main-navigation .mk-header-logo, #mk-main-navigation .mk-header-logo a {
height: auto
}
.mk-header-logo img {
height:40px;
margin-top:10px;
}
.mk-burger-icon div {
height: 4px;
margin-bottom: 4px
}
.mk-burger-icon {
width: 26px;
height: 20px
}
#mk-footer .mk-col-1-2 #text-2 {
padding-top: 0
}
}
@media(max-width:320px) {
.footer-left-top a {
padding: 0 7px
}
}