/* General Styles */
/* * RESET CSS*/
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  position: relative;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.google_map img {
  max-width: none !important;
}
.theme-content img,
#mk-sidebar img,
#mk-footer img,
.mk-page-section img,
.mk-edge-slider img,
.ajax_project img,
.vc_row-fluid img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  margin: 0;
  vertical-align: middle;
  font-size: 100%;
}
button,
input {
  line-height: normal;
  *overflow: visible;
  border-radius: 0;
}
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"] {
  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 {
  margin-bottom: 30px;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
strong,
th,
thead td {
  font-weight: bold;
}
cite,
em,
dfn {
  font-style: italic;
}
code,
pre {
  margin: 10px 0 20px 0;
  display: block;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid #e8e8e8;
  padding: 20px 10px;
  background: #ffffff;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  overflow: auto;
  background: url("/wp-content/themes/jupiter/assets/images/pre_code.gif") repeat scroll 0 0 #f2f3f5;
}
del {
  color: #666;
  text-decoration: line-through;
}
/*ins,
dfn {
  border-bottom: 1px solid #ccc;
}*/
small,
sup,
sub {
  font-size: 85%;
}
abbr,
acronym {
  text-transform: uppercase;
  letter-spacing: .1em;
}
a abbr,
a acronym {
  border: none;
}
abbr[title],
acronym[title],
dfn[title] {
  border-bottom: 1px dotted #ccc;
  cursor: help;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
p,
ul,
ol,
dl,
table,
fieldset,
blockquote,
pre,
code {
  margin-bottom: 20px;
}
a {
  text-decoration: none;
}
p,
a {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  outline: 0 none;
  text-decoration: none;
}
.floatleft,
.alignleft {
  float: left;
  text-align: left;
}
.floatright,
.alignright {
  float: right;
  text-align: right;
}
.aligncenter {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.clearboth {
  display: block;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}
.clearboth:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: ' ';
  font-size: 0;
  line-height: 0;
}
* html .clearboth {
  height: 1%;
}
.clearfix {
  display: block;
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
ul {
  margin-bottom: 1em;
  margin-left: 1.5em;
  list-style-type: disc;
}
ul li {
  margin-left: .85em;
}
ul ul {
  list-style-type: square;
}
ul ul ul {
  list-style-type: circle;
}
ol {
  margin-bottom: 1em;
  margin-left: 2.35em;
  list-style-position: outside;
  list-style-type: decimal;
}
dt {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 0.2em;
}
dd {
  margin: 0;
  padding: 0 0 1em 15px;
}
ol ol,
ul ol {
  margin-left: 2.5em;
}
ul ol,
ol ul,
ol ol,
ul ul {
  margin-bottom: 0;
}
fieldset {
  padding: 1em;
  border: 1px solid #dddddd;
}
legend {
  padding: 0 .8em;
  font-weight: bold;
  font-size: 1.2em;
}
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=url],
select {
  outline: none;
  border: none;
  font-size: inherit;
}
input,
select {
  cursor: pointer;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url] {
  cursor: text;
  box-sizing: border-box;
}
textarea {
  overflow: auto;
}
textarea,
input[type=text],
input[type=tel],
input[type=email],
input[type=url],
input[type=password],
input[type=search] {
  font-size: 13px;
  color: #767676;
  padding: 10px 12px;
  background-color: #fdfdfd;
  border: 1px solid #e3e3e3;
  outline: none;
  margin-bottom: 4px;
}
textarea:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  background-color: #fff;
  border: 1px solid #dcdcdc;
}
.master-holder select:not(.gfield_select),
.woocommerce select {
  background-color: #fdfdfd;
  border: 1px solid #e3e3e3;
  background-image: url('/wp-content/themes/jupiter/assets/images/selectbox-arrow.png');
  background-position: right center;
  background-repeat: no-repeat;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 12px 12px 16px;
  font-size: 12px;
  line-height: 14px;
  color: #252525;
  border-radius: 0;
  font-weight: bold;
  min-width: 240px;
  max-width: 100%;
  display: block;
}
option {
  padding: 0 4px;
}
/* HEADEING STYLES */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.8em;
  font-weight: normal;
  line-height: 1.3em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-transform: none;
}
h1 {
  font-size: 36px;
  margin-bottom: 16px;
}
h2 {
  font-size: 30px;
  margin-bottom: 14px;
}
h3 {
  font-size: 28px;
  margin-bottom: 10px;
}
h4 {
  font-size: 24px;
  margin-bottom: 9px;
}
h5 {
  font-size: 18px;
  margin-bottom: 8px;
}
h6 {
  font-size: 14px;
  margin-bottom: 8px;
}
.visuallyhidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  left: -100000px;
  top: -100000px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.mk-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.mk-video-container iframe,
.mk-video-container object,
.mk-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mk-video-wrapper {
  max-width: 100%;
}
.mk-background-stretch,
.mk-background-stretch .parallax-layer {
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
}
.mk_rev_slider_wrapper {
  overflow: hidden;
}
.cf {
  *zoom: 1;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.font-weight-l {
  font-weight: lighter;
}
.font-weight-n {
  font-weight: normal;
}
.font-weight-b {
  font-weight: bold;
}
.font-weight-100 {
  font-weight: 100;
}
.font-weight-200 {
  font-weight: 200;
}
.font-weight-300 {
  font-weight: 300;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-700 {
  font-weight: 700;
}
.font-weight-800 {
  font-weight: 800;
}
.font-weight-900 {
  font-weight: 900;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.letter-spacing-1 {
  letter-spacing: 1px;
}
.letter-spacing-2 {
  letter-spacing: 2px;
}
.letter-spacing-3 {
  letter-spacing: 3px;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: -ms-flexbox;
  display: flex;
}
.flex-column {
  -ms-flex-direction: column;
      flex-direction: column;
}
.flex-wrap {
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.flex-items-baseline {
  -ms-flex-align: baseline;
      align-items: baseline;
}
.flex-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.flex-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.flex-items-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}
.flex-self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.flex-self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
.flex-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.flex-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.flex-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.flex-justify {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.flex-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.flex-auto {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.flex-grow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.flex-none {
  -ms-flex: none;
      flex: none;
}
.flex-first {
  -ms-flex-order: -1;
      order: -1;
}
.flex-last {
  -ms-flex-order: 99999;
      order: 99999;
}
.width-50 {
  width: 50px;
}
.width-full {
  width: 100%;
}
.width-x2 {
  width: 200%;
}
.height-50 {
  height: 50px;
}
.height-full {
  height: 100%;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.z5 {
  z-index: 5;
}
.z999 {
  z-index: 999;
}
.pointer {
  pointer-events: auto;
}
.no-pointer {
  pointer-events: none;
}
.overflow-auto {
  overflow: auto;
}
.no-overflow {
  overflow: hidden;
}
.no-overflow-x {
  overflow-x: hidden;
}
.no-overflow-y {
  overflow-y: hidden;
}
.backface {
  backface-visibility: visible;
}
.no-backface {
  backface-visibility: hidden;
}
.perspective {
  transform: perspective(1000px);
  transform-style: preserve-3d;
}
.origin-center {
  -ms-transform-origin: center;
      transform-origin: center;
}
.fold-back-horizontal {
  transform: translateX(-100%) rotateY(-180deg);
}
.fold-back-vertical {
  transform: translateX(-100%) rotateX(-180deg);
}
.bezier-1 {
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.IE .bezier-1 {
  transition: none;
}
/* 
    Try not to get crazy here and kepp as little class names as possible.
    However don't try to move this logic into contextual classes.
    If you see values close to each other prefer this which was already defined.
    Also idea of "px perfect" class names is not good - perfect solution would describe
    levels that could be manipulated from here when needed. Binding to pixels makes it less
    future proof, but this comes from underlying problems of procedural programming through out the product.
*/
.left-0 {
  left: 0px;
}
.left-5 {
  left: 5px;
}
.left-10 {
  left: 10px;
}
.right-0 {
  right: 0px;
}
.right-5 {
  right: 5px;
}
.right-10 {
  right: 10px;
}
.top-0 {
  top: 0px;
}
.top-5 {
  top: 5px;
}
.top-10 {
  top: 10px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-5 {
  bottom: 5px;
}
.bottom-10 {
  bottom: 10px;
}
.padding-10-pr {
  padding: 10%;
}
.padding-x-10-pr {
  padding-left: 10%;
  padding-right: 10%;
}
.padding-10 {
  padding: 10px;
}
.padding-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.margin-t-20 {
  margin-top: 20px;
}
.margin-r-10 {
  margin-top: 10px;
}
.is-hidden {
  display: none;
  visibility: hidden;
}
.is-visibility-hidden {
  visibility: hidden;
}
.margin-auto {
  margin: 0 auto;
}
/*
blog-classic.less
*/
.mk-blog-classic-item .blog-social-share {
  z-index: 30;
}
.post-type-badge {
  z-index: 10;
}
/*
blog-comments.less
*/
.mk-commentlist li .comment-content {
  z-index: 10;
}
/*
blog-grid.less
*/
.mk-blog-grid-item .blog-grid-hover-icon {
  z-index: 10;
}
/*
blog-modern.less
*/
.mk-blog-modern-item .blog-social-share {
  z-index: 10;
}
/*
edge-one-pager.less
*/
.mk-edge-one-pager .mk-grid {
  z-index: 14;
}
.fullPage-slidesNav {
  z-index: 4;
}
#fullPage-nav {
  z-index: 100;
}
/*
edge-slider.less
*/
.mk-edge-slider .mk-grid {
  z-index: 14;
}
.mk-edge-slider .edge-slider-holder {
  z-index: 10;
}
.mk-edge-slider .edge-slider-loading {
  z-index: 20;
}
.mk-edge-slider .edge-skip-slider {
  z-index: 10;
}
.mk-swiper-container {
  z-index: 1;
}
.swiper-pagination {
  z-index: 10;
}
.mk-edge-nav a {
  z-index: 1000;
}
/*
footer.less
*/
#mk-footer {
  z-index: 10;
}
#mk-footer.mk-footer-unfold {
  z-index: 9;
}
/*
header-toolbar.less
*/
.mk-header-toolbar {
  z-index: 310;
}
.mk-language-nav-sub-wrapper {
  z-index: 20;
}
.mk-fullscreen-search-overlay {
  z-index: 999;
}
.mk-toolbar-resposnive-icon {
  z-index: 80;
}
@media handheld, only screen and (max-width: 780px) {
  .mk-login-register,
  .mk-header-subscribe {
    z-index: 50;
  }
}
/*
header.less
*/
.mk-header {
  z-index: 301;
}
.mk-header .mk-header-bg,
.mk-header .mk-classic-nav-bg {
  z-index: 1;
}
.mk-header .fit-logo-img a {
  z-index: 30;
}
.mk-header .mk-header-inner {
  z-index: 300;
}
.mk-header-holder {
  z-index: 200;
}
.header-style-2.a-sticky .mk-header-nav-container {
  z-index: 210;
}
.mk-header-right {
  z-index: 20;
}
.mk-header-nav-container {
  z-index: 30;
}
.header-style-2.header-align-center .header-logo {
  z-index: 2;
}
.header-style-2.header-align-center .mk-dashboard-trigger {
  z-index: 3;
}
.header-style-3 .mk-dashboard-trigger {
  z-index: 11;
}
.header-style-4 {
  z-index: auto !important;
}
.header-style-4 .mk-header-inner {
  z-index: 300 !important;
}
/*
jplayer.less
*/
div.jp-volume-bar {
  z-index: 20;
}
/*
layout.less
*/
.mk-go-top {
  z-index: 300;
}
.mk-zindex-fix {
  z-index: 60;
}
#theme-page {
  z-index: 11;
}
/*
nav.less
*/
.mk-classic-menu-wrapper {
  z-index: 99;
}
.main-navigation-ul > li.menu-item ul.sub-menu:after {
  z-index: 10;
}
.main-navigation-ul:not(.dropdownJavascript) li.menu-item:hover > ul.sub-menu {
  z-index: 10;
}
.dropdownJavascript li.dropdownOpen > ul.sub-menu {
  z-index: 10;
}
.has-mega-menu > ul.sub-menu > ul.sub-menu {
  z-index: auto;
}
.mk-nav-responsive-link {
  z-index: 12;
}
.mk-responsive-nav {
  z-index: 20;
}
/*
page-introduce.less
*/
#mk-page-introduce {
  z-index: 8;
}
/*
pagination.less
*/
.mk-post-nav {
  z-index: 200;
}
.mk-post-nav.post-nav-backward {
  z-index: 199;
}
.pagnav-wrapper .pagenav-top {
  z-index: 201;
}
/*
portfolio-single.less
*/
.portfolio-similar-posts-image img {
  z-index: 10;
}
.portfolio-similar-posts-image .image-hover-overlay {
  z-index: 11;
}
.portfolio-similar-meta {
  z-index: 20;
}
/*
preloader.less
*/
.mk-body-loader-overlay {
  z-index: 2351;
}
/*
pricing-tables.less
*/
.pricing-cols li.pricing-col {
  z-index: 10;
}
.pricing-cols li.featured-plan {
  z-index: 20;
}
.pricing-cols .pricing-price span {
  z-index: 20;
}
.pricing-cols .pricing-features ul {
  z-index: 20;
}
.pricing-cols .pricing-button a {
  z-index: 20;
}
/*
section-transition.less
*/
.intro-effect-fade,
.intro-effect-zoom_out {
  z-index: 999;
}
.intro-effect-shuffle {
  z-index: 999;
}
/*
shortcodes-blog-showcase.less
*/
.showcase-blog-overlay {
  z-index: 30;
}
.mk-blog-showcase-thumb {
  z-index: 20;
}
.mk-blog-showcase-thumb a {
  z-index: 40;
}
.blog-showcase-extra-info {
  z-index: 10;
}
/*
shortcodes-button.less
*/
.mk-button.savvy-dimension span {
  z-index: 2;
}
.mk-button.savvy-dimension:after {
  z-index: 1;
}
/*
shortcodes-chart.less
*/
.mk-chart canvas {
  z-index: 1;
}
.mk-chart .chart-percent {
  z-index: 10;
}
/*
shortcodes-contact-form.less
*/
.mk-contact-form-wrapper.classic-style .mk-form-row i {
  z-index: 12;
}
.mk-contact-form-wrapper .mk-invalid {
  z-index: 10 !important;
}
.mk-progress-button[data-style="move-up"] .mk-progress-button-content {
  z-index: 10;
}
/*
shortcodes-contact-seven.less
*/
span.wpcf7-not-valid-tip {
  z-index: 30;
}
/*
shortcodes-divider.less
*/
.mk-divider[class*='go_top'] .divider-inner:before {
  z-index: 3;
}
.mk-divider[class*='go_top'] .divider-inner .divider-go-top {
  z-index: 4;
}
/*
shortcodes-edge-slideshow.less
*/
.mk-swipe-slideshow .swiper-arrows {
  z-index: 10;
}
/*
shortcodes-employees.less
*/
.mk-employees.classic-style .mk-employeee-networks {
  z-index: 1;
}
/*
shortcodes-gallery.less
*/
.mk-gallery article .image-hover-overlay {
  z-index: 10;
}
.mk-gallery article .gallery-title {
  z-index: 10;
}
.mk-gallery article.hover-overlay_layer .gallery-desc {
  z-index: 10;
}
/*
shortcodes-icon-box.less
*/
.mk-box-icon.boxed-style .icon-box-boxed {
  z-index: 10;
}
.mk-box-icon.boxed-style .mk-main-ico {
  z-index: 20;
}
/*
shortcodes-image.less
*/
.mk-image.inside-image .mk-image-caption {
  z-index: 10;
}
.mk-image-overlay {
  z-index: 10;
}
.mk-image-lightbox {
  z-index: 30;
}
/*
shortcodes-page-title-box.less
*/
.mk-page-title-box .mk-page-title-box-content {
  z-index: 10;
}
/*
shortcodes-portfolio-carousel.less
*/
.mk-portfolio-carousel .flex-viewport ul li:hover .item-conten {
  z-index: 30;
}
.portfolio-carousel .item-content {
  z-index: 8;
}
.mk-portfolio-carousel-modern .mk-portfolio-modern-image img {
  z-index: 10;
}
.mk-portfolio-carousel-modern .image-hover-overlay {
  z-index: 11;
}
.mk-portfolio-carousel-modern .portfolio-meta {
  z-index: 20;
}
.mk-portfolio-carousel-modern .flex-direction-nav a {
  z-index: 20;
}
/*
shortcodes-skill-meter.less
*/
.mk-skill-meter .mk-progress-bar .progress-inner {
  z-index: 1;
}
/*
shortcodes-slideshow.less
*/
.mk-slideshow .mk-flex-caption span {
  z-index: 10;
}
.mk-slideshow .color-mask {
  z-index: 5;
}
.theatre-slider-container .laptop-theatre-slider img,
.theatre-slider-container .desktop-theatre-slider img {
  z-index: 3;
}
.no-csstransforms .theatre-slider-container .laptop-theatre-slider img,
.no-csstransforms .theatre-slider-container .desktop-theatre-slider img {
  z-index: 1;
}
.theatre-slider-container .laptop-theatre-slider .player-container,
.theatre-slider-container .desktop-theatre-slider .player-container {
  z-index: 2;
}
/*
shortcodes-tab-slider.less
*/
.mk-tab-slider {
  z-index: 1;
}
.mk-tab-slider-nav a {
  z-index: 2;
}
/*
shortcodes-testimonial-slider.less
*/
.mk-testimonial.modern-style .flex-control-nav {
  z-index: 10;
}
/*
shortcodes-tooltip.less
*/
.mk-tooltip {
  z-index: 30;
}
/*
side-dashboard.less
*/
#mk-theme-container {
  z-index: 200;
}
.mk-side-dashboard {
  z-index: 1;
}
.dashboard-opened .mk-side-dashboard {
  z-index: 300;
}
.sidedash-navigation-ul {
  z-index: 20;
}
.sidedash-navigation-ul li a {
  z-index: 5;
}
.sidedash-navigation-ul .mk-nav-arrow {
  z-index: 10;
}
/*
transitions.less
*/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/*
vertical-menu.less
*/
.mk-vm-menuwrapper {
  z-index: 30;
}
.mk-vm-menuwrapper .mk-vm-menu {
  z-index: 30;
}
/*
vertical-menu.less
*/
.mk-instagram-feeds .featured-image img {
  z-index: 6;
}
.mk-instagram-feeds .image-hover-overlay {
  z-index: 20;
}
.widget_recent_portfolio ul li:hover .portfolio-widget-info {
  z-index: 20;
}
.portfolio-widget-thumb {
  z-index: 10;
}
.widget-portfolio-overlay {
  z-index: 10;
}
.portfolio-widget-lightbox,
.portfolio-widget-permalink {
  z-index: 15;
}
.portfolio-widget-info {
  z-index: 8;
}
.mk-quick-contact-wrapper {
  z-index: 400;
}
#mk-quick-contact {
  z-index: 100;
}
.portfolio-widget-thumb {
  z-index: 10;
}
.widget-portfolio-overlay {
  z-index: 10;
}
/*
woocommerce-layout.less
*/
.woocommerce .mk-product-holder {
  z-index: 10;
}
.woocommerce .mk-product-holder .product-loop-image {
  z-index: 3;
}
.woocommerce .mk-product-holder .product-hover-image {
  z-index: 4;
}
.woocommerce .mk-product-holder .product-item-footer {
  z-index: 6;
}
.woocommerce .mk-product-holder .product-loading-icon {
  z-index: 5;
}
/*
woocommerce.less
*/
p.demo_store {
  z-index: 99998;
}
.woocommerce .quantity .plus,
.woocommerce .quantity .minus {
  z-index: 10;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  z-index: 2;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  z-index: 1;
}
.onsale,
.out-of-stock {
  z-index: 30;
}
.mk-woocommerce-carousel.modern-style .mk-lightbox i {
  z-index: 14;
}
.clear {
  clear: both;
}
.nobr {
  white-space: nowrap;
}
/**
 * Objects
 */
/* Makes the site print friendly... */
@media print {
  a {
    text-decoration: underline;
  }
  a[href="#"],
  a[href="javascript:"] {
    content: "";
  }
  .mk-header,
  #mk-sidebar,
  #mk-footer,
  .news-post-heading,
  .mk-quick-contact-wrapper,
  .mk-go-top,
  .mk-back-top,
  .mk-loop-next-prev,
  .single-social-section,
  .single-post-tags,
  .single-back-top,
  .mk-about-author-wrapper,
  .blog-similar-posts,
  #comments,
  .mk-post-nav {
    display: none !important;
  }
  .theme-page-wrapper,
  .theme-content {
    width: 100% !important;
    left: 0;
  }
  p,
  .mk-blockquote {
    page-break-after: avoid;
    page-break-inside: avoid;
    width: 95% !important;
  }
}
input[type="text"],
textarea,
.master-holder div,
[class*='mk-col-'],
*:after,
*:before,
.text-input,
.theme-page-wrapper,
.mk-blog-grid-item,
#mk-page-introduce,
.mk-header-toolbar,
.mk-news-item,
.mk-employee-item,
#mk-notification-bar,
.mk-blog-classic-item,
.mk-fullwidth-boxed,
.mk-image-caption,
.mk-gallery .gallery-inner,
.testimonial-column .testimonial-item,
.mk-blog-grid-item,
.page-section-content,
#mk-theme-container,
.mk-gallery .gallery-title,
.mk-gallery .gallery-caption,
.shopping-cart-header,
.portfolio-widget-info {
  box-sizing: border-box;
}
[class*='mk-col-'] {
  float: left;
  padding-right: 25px;
  min-height: 1px;
}
[class*='mk-col-']:last-of-type {
  padding-right: 0px;
}
.mk-grid {
  width: 100%;
  margin: 0 auto;
}
.mk-grid:after {
  content: "";
  display: table;
  clear: both;
}
.mk-grid-pad {
  padding: 20px 0 0px 20px;
}
.mk-grid-pad > [class*='mk-col-']:last-of-type {
  padding-right: 20px;
}
.mk-push-right {
  float: right;
}
/* Content Columns */
.mk-col-1-1 {
  width: 100%;
}
.mk-col-2-3,
.mk-col-8-12 {
  width: 66.66%;
}
.mk-col-1-2,
.mk-col-6-12 {
  width: 50%;
}
.mk-col-1-3,
.mk-col-4-12 {
  width: 33.33%;
}
.mk-col-1-4,
.mk-col-3-12 {
  width: 25%;
}
.mk-col-1-5 {
  width: 20%;
}
.mk-col-1-6,
.mk-col-2-12 {
  width: 16.667%;
}
.mk-col-1-7 {
  width: 14.28%;
}
.mk-col-1-8 {
  width: 12.5%;
}
.mk-col-1-9 {
  width: 11.1%;
}
.mk-col-1-10 {
  width: 10%;
}
.mk-col-1-11 {
  width: 9.09%;
}
.mk-col-1-12 {
  width: 8.33%;
}
/* Layout Columns */
.mk-col-11-12 {
  width: 91.66%;
}
.mk-col-10-12 {
  width: 83.333%;
}
.mk-col-9-12 {
  width: 75%;
}
.mk-col-5-12 {
  width: 41.66%;
}
.mk-col-7-12 {
  width: 58.33%;
}
@media handheld, only screen and (max-width: 768px) {
  .mk-grid {
    width: 100%;
  }
  [class*='mk-col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #mk-footer [class*='mk-col-'] {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.theme-page-wrapper:not(.full-width-layout) .attched-true.vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.vc_row.add-padding-0 > [class*="vc_col"],
.vc_row.add-padding-0 > .mk-grid > [class*="vc_col"] {
  padding: 0%;
}
.vc_row.add-padding-1 > [class*="vc_col"],
.vc_row.add-padding-1 > .mk-grid > [class*="vc_col"] {
  padding: 1%;
}
.vc_row.add-padding-2 > [class*="vc_col"],
.vc_row.add-padding-2 > .mk-grid > [class*="vc_col"] {
  padding: 2%;
}
.vc_row.add-padding-3 > [class*="vc_col"],
.vc_row.add-padding-3 > .mk-grid > [class*="vc_col"] {
  padding: 3%;
}
.vc_row.add-padding-4 > [class*="vc_col"],
.vc_row.add-padding-4 > .mk-grid > [class*="vc_col"] {
  padding: 4%;
}
.vc_row.add-padding-5 > [class*="vc_col"],
.vc_row.add-padding-5 > .mk-grid > [class*="vc_col"] {
  padding: 5%;
}
.wpb_row.attched-true .vc_column_container > .vc_column-inner {
  padding-left: 0!important;
  padding-right: 0!important;
}
@media handheld, only screen and (min-width: 769px) {
  .theme-page-wrapper.full-width-layout .vc_row.mk-fullwidth-false {
    margin-left: auto;
    margin-right: auto;
  }
}
@media handheld, only screen and (max-width: 767px) {
  .vc_row-fluid [class*="vc_span"] {
    width: auto;
    float: none;
    margin-left: 0 !important;
  }
  .wpb_row.attched-true > [class*="vc_span"] {
    width: auto;
  }
}
/* Fix for X overflow when row is fullwidth */
.theme-page-wrapper:not(.full-width-layout) .mk-fullwidth-true.vc_row,
.theme-page-wrapper:not(.full-width-layout) .vc_inner.vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.theme-page-wrapper:not(.full-width-layout) .mk-fullwidth-true.vc_row .vc_col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*/
.grid--table .mk--row {
  display: table;
  table-layout: fixed;
}
.grid--table .mk--col {
  display: table-cell;
  vertical-align: top;
}
.grid--table .mk--col.mk--col--bottom {
  vertical-align: bottom;
}
.grid--table .mk--col.mk--col--center {
  vertical-align: middle;
  height: 100%;
}
.grid--float .mk--row {
  zoom: 1;
}
.grid--float .mk--row:before,
.grid--float .mk--row:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.grid--float .mk--row:after {
  clear: both;
}
.grid--float .mk--col {
  float: left;
}
.mk--row {
  width: 100%;
}
.mk--col {
  position: relative;
}
.mk--col--1-12 {
  width: 8.33%;
}
.mk--col--2-12 {
  width: 16.66%;
}
.mk--col--3-12 {
  width: 25%;
}
.mk--col--4-12 {
  width: 33.33%;
}
.mk--col--5-12 {
  width: 41.66%;
}
.mk--col--6-12,
.mk--col--1-2 {
  width: 50%;
}
.mk--col--7-12 {
  width: 58.33%;
}
.mk--col--8-12 {
  width: 66.66%;
}
.mk--col--9-12 {
  width: 75%;
}
.mk--col--10-12 {
  width: 83.33%;
}
.mk--col--11-12 {
  width: 91.66%;
}
.mk--col--12-12 {
  width: 100%;
}
/* VC FRONT END EDITOR */
.vc_editor .vc_vc_column,
.vc_editor .vc_vc_column_inner {
  padding-left: 15px;
  padding-right: 15px;
}
.featured-image .post-type-badge,
.portfolio-social a,
.widget_contact_form .contact-widget-button,
.widget_instagram a,
.widget_posts_lists .post-type-thumb,
.widget .mk-searchform .search-button,
.mk-image-link,
.mk-process-steps p,
.widget-portfolio-overlay,
.portfolio-widget-info,
.portfolio-widget-lightbox,
.portfolio-widget-permalink,
.portfolio-carousel-overlay,
.portfolio-carousel .hover-icon,
.blog-showcase-overlay,
.mk-portfolio-carousel .flex-viewport img,
.mk-blog-showcase ul li img,
.featured-image img,
.hover-icon,
.gallery-lightbox,
.post-type-badge,
.mk-similiar-thumbnail img,
.mk-skype-call,
.mk-skype-call i:before,
.widget_posts_lists ul li img,
.portfolio-showcase-extra-info,
.blog-showcase-extra-info,
.mk-blog-showcase ul li,
.mk-blog-newspaper-item .newspaper-meta-wrapper,
.mk-pagination a,
.woocommerce-pagination a,
.similar-posts-wrapper .overlay-pattern,
#mk-filter-portfolio a,
.portfolio-carousel .item-content,
.mk-clients .client-logo,
.mk-pricing-cols .mk-pricing-button a,
.widget_social_networks a,
.widget-sub-navigation ul li a,
.mk-social-network-shortcode a i,
.mk-quick-contact-link,
.portfolio-similar-posts img,
.single-post-tags a,
.showcase-blog-overlay,
.mk-nav-responsive-link,
.mk-responsive-close,
#mk-footer-navigation a,
.ls-jupiter .ls-nav-prev,
.ls-jupiter .ls-nav-next,
a.jp-play,
a.jp-pause,
.woo-hidden-section,
.mk-image-overlay,
.portfolio-meta,
.mk-loop-next-prev a,
.portfolio-similar-meta,
.text-input,
.mk-textarea,
#mk-nav-search-wrapper form i,
.blog-grid-hover-icon,
#review_form_wrapper input[type=submit],
.mk-message-box .button,
.blog-modern-btn,
.the-title a,
.mk-readmore,
.blog-social-share a,
.blog-modern-comment,
.blog-modern-share,
.mk-loadmore-button,
.button,
.mk-edge-next,
.mk-edge-prev,
.swiper-arrows,
.black-hover-overlay,
.product-category .item-holder h4,
.about-author-social a,
.mk-accordion-tab,
.mk-accordion-tab i,
.mk-tabs-tabs li i,
.blog-teaser-side-item .blog-title,
.mk-breadcrumbs-inner a,
.woocommerce-product-search input[type=submit],
.mk-blog-showcase-thumb a,
.mk-accordion-tab:before,
.mk-toggle-title:before,
.mk-social-network-shortcode ul li a,
.mk-box-icon .icon-box-boxed .mk-main-ico,
.transition-all-2,
.woocommerce-product-gallery__trigger {
  transition: all 0.15s ease-in-out;
  -webkit-perspective: 1000;
}
.modern-style-nav .mk-header-inner .main-navigation-ul > li > a {
  transition: color 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  -webkit-perspective: 1000;
}
/* * HEADER SECTION */
.mk-header {
  width: 100%;
  position: relative;
}
.mk-header .mk-header-bg,
.mk-header .mk-classic-nav-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mk-header.sticky-style-false.transparent-header {
  position: absolute;
  background: transparent;
}
.mk-header.sticky-style-fixed .mk-header-bg {
  transition: opacity 0.2s ease-out;
}
.mk-header .mk-header-inner {
  position: relative;
  width: 100%;
}
.mk-header.sticky-style-fixed .header-logo.logo-has-sticky img {
  transition: opacity 0.2s ease;
}
.mk-header:not(.header-style-4) .header-logo {
  top: 0;
  position: absolute;
}
.header-logo {
  display: block;
  width: 100%;
}
.header-logo img {
  top: 50%;
  position: absolute;
  -ms-transform: translate(0, -50%) !important;
  transform: translate(0, -50%) !important;
  ms-transform: translate(0, -50%) !important;
}
.header-logo .mk-resposnive-logo {
  display: none;
}
.logo-in-middle .header-logo {
  display: none;
}
.fit-logo-img a {
  display: inline-block;
  height: 100%;
  position: relative;
}
.fit-logo-img a img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: none;
}
@media handheld, only screen and (max-width: 780px) {
  .header-logo a img {
    max-width: 200px;
  }
}
@media handheld, only screen and (max-width: 400px) {
  .header-logo a img {
    max-width: 160px;
  }
}
.header-style-1.sticky-style-fixed .menu-hover-style-3 .main-navigation-ul > li,
.header-style-1.sticky-style-fixed .menu-hover-style-5 .main-navigation-ul > li,
.sticky-style-fixed .mk-header-inner .mk-header-search,
.mk-header.sticky-style-fixed .mk-header-inner .mk-header-start-tour,
.header-style-1.sticky-style-fixed .mk-header-inner,
.header-style-3.sticky-style-fixed .mk-header-inner,
.header-style-3.sticky-style-fixed .header-logo,
.header-style-1.sticky-style-fixed .header-logo,
.mk-header.header-style-1.sticky-style-fixed .mk-search-trigger i,
.mk-header.header-style-1.sticky-style-fixed .mk-search-trigger,
.header-style-2.sticky-style-fixed .main-navigation-ul > li,
.header-style-2.sticky-style-fixed .mk-search-trigger,
.header-style-2.sticky-style-fixed .mk-shoping-cart-link,
.sticky-style-fixed .shopping-cart-header,
.sticky-style-fixed .mk-dashboard-trigger {
  transition: height 0.25s ease, line-height 0.25s ease;
  -webkit-transition: height 0.25s ease, line-height 0.25s ease;
  -moz-transition: height 0.25s ease, line-height 0.25s ease;
  -ms-transition: height 0.25s ease, line-height 0.25s ease;
  -o-transition: height 0.25s ease, line-height 0.25s ease;
}
.mk-header-holder {
  width: 100%;
  position: absolute;
}
.mk-header-holder.fancybox-margin {
  right: -9px;
}
.a-sticky .mk-header-holder {
  transition: top 0.35s ease 0.1s;
}
.sticky-style-fixed.header-style-1 .mk-header-holder,
.sticky-style-fixed.header-style-3 .mk-header-holder {
  position: fixed;
  top: 0;
  backface-visibility: hidden;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
}
.sticky-style-fixed.header-style-1 .mk-header-holder.header--hidden,
.sticky-style-fixed.header-style-3 .mk-header-holder.header--hidden {
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  ms-transform: translate(0, -100%);
}
.sticky-style-fixed.header-style-1.a-sticky .mk-header-holder,
.sticky-style-fixed.header-style-3.a-sticky .mk-header-holder {
  top: -32px;
}
.sticky-style-fixed.header-style-1.a-sticky.toolbar-false .mk-header-holder,
.sticky-style-fixed.header-style-3.a-sticky.toolbar-false .mk-header-holder {
  top: 0;
}
[data-sticky-style="lazy"] .mk-header-holder {
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-property: transform;
}
.header-style-1 .logo-has-sticky .mk-sticky-logo,
.header-style-3 .logo-has-sticky .mk-sticky-logo {
  opacity: 0;
}
.header-style-1.a-sticky .logo-has-sticky .mk-desktop-logo,
.header-style-3.a-sticky .logo-has-sticky .mk-desktop-logo {
  opacity: 0;
}
.header-style-1.a-sticky .logo-has-sticky .mk-sticky-logo,
.header-style-3.a-sticky .logo-has-sticky .mk-sticky-logo {
  opacity: 1;
}
.logo-in-middle .logo-has-sticky .mk-sticky-logo {
  display: none;
}
.logo-in-middle.a-sticky .logo-has-sticky .mk-desktop-logo {
  display: none;
}
.logo-in-middle.a-sticky .logo-has-sticky .mk-sticky-logo {
  display: block;
}
.admin-bar .sticky-style-fixed.header-style-1 .mk-header-holder,
.admin-bar .sticky-style-fixed.header-style-3 .mk-header-holder {
  top: 32px;
}
.admin-bar .sticky-style-fixed.header-style-1.a-sticky .mk-header-holder,
.admin-bar .sticky-style-fixed.header-style-3.a-sticky .mk-header-holder {
  top: -3px;
}
.admin-bar .sticky-style-fixed.header-style-1.a-sticky.toolbar-false .mk-header-holder,
.admin-bar .sticky-style-fixed.header-style-3.a-sticky.toolbar-false .mk-header-holder {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .sticky-style-fixed.header-style-1 .mk-header-holder,
  .admin-bar .sticky-style-fixed.header-style-3 .mk-header-holder {
    top: 0;
  }
  .admin-bar .sticky-style-fixed.header-style-1.a-sticky .mk-header-holder,
  .admin-bar .sticky-style-fixed.header-style-3.a-sticky .mk-header-holder {
    top: 0;
  }
  .admin-bar .sticky-style-fixed.header-style-1.a-sticky.toolbar-false .mk-header-holder,
  .admin-bar .sticky-style-fixed.header-style-3.a-sticky.toolbar-false .mk-header-holder {
    top: 0;
  }
}
.sticky-style-slide .mk-header-padding-wrapper.enable-padding {
  display: block;
}
.sticky-style-slide.header-style-1.pre-sticky .mk-header-holder,
.sticky-style-slide.header-style-3.pre-sticky .mk-header-holder {
  position: fixed;
  top: -300px;
  backface-visibility: hidden;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
}
.sticky-style-slide.header-style-1.a-sticky .mk-header-holder,
.sticky-style-slide.header-style-3.a-sticky .mk-header-holder {
  top: -32px;
}
.sticky-style-slide.header-style-1.a-sticky.toolbar-false .mk-header-holder,
.sticky-style-slide.header-style-3.a-sticky.toolbar-false .mk-header-holder {
  top: 0px;
}
.admin-bar .sticky-style-slide.header-style-1.a-sticky .mk-header-holder,
.admin-bar .sticky-style-slide.header-style-3.a-sticky .mk-header-holder {
  top: -3px;
}
.admin-bar .sticky-style-slide.header-style-1.a-sticky.toolbar-false .mk-header-holder,
.admin-bar .sticky-style-slide.header-style-3.a-sticky.toolbar-false .mk-header-holder {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .sticky-style-slide.header-style-1.pre-sticky .mk-header-holder,
  .admin-bar .sticky-style-slide.header-style-3.pre-sticky .mk-header-holder {
    top: 0;
  }
  .admin-bar .sticky-style-slide.header-style-1.a-sticky .mk-header-holder,
  .admin-bar .sticky-style-slide.header-style-3.a-sticky .mk-header-holder {
    top: 0;
  }
  .admin-bar .sticky-style-slide.header-style-1.a-sticky.toolbar-false .mk-header-holder,
  .admin-bar .sticky-style-slide.header-style-3.a-sticky.toolbar-false .mk-header-holder {
    top: 0;
  }
}
.header-style-2.a-sticky .mk-header-nav-container {
  position: fixed !important;
  left: 0;
  border: none;
  top: 0;
}
.header-style-2.a-sticky .mk-header-padding-wrapper {
  display: block !important;
}
.header-style-2.a-sticky .mk-classic-nav-bg {
  opacity: 1;
}
.admin-bar .header-style-2.a-sticky .mk-header-nav-container {
  top: 32px;
}
.mk-desktop-logo.light-logo {
  display: none;
}
.mk-desktop-logo.dark-logo {
  display: block;
}
#mk-boxed-layout {
  position: relative;
  z-index: 0;
}
.mk-boxed-enabled #mk-boxed-layout {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.mk-boxed-enabled #mk-boxed-layout .a-sticky .mk-header-holder {
  right: auto !important;
}
.mk-boxed-enabled #mk-boxed-layout .header-style-1 .mk-header-holder,
.mk-boxed-enabled #mk-boxed-layout .header-style-3 .mk-header-holder {
  width: 100% !important;
  left: auto !important;
}
.mk-header-start-tour {
  font-weight: bold;
  float: right;
  transition: opacity 0.3s ease-out;
  visibility: visible;
  opacity: 1;
}
.mk-header-start-tour svg {
  padding-left: 8px;
  height: 20px;
  vertical-align: middle;
}
.mk-header-start-tour.show {
  visibility: visible;
  opacity: 1;
}
.mk-header-start-tour.hidden {
  visibility: hidden;
  opacity: 0;
}
.mk-header-right {
  position: absolute;
  right: 10px;
  top: 0;
}
.header-grid.mk-grid {
  position: relative;
}
.header-grid.mk-grid .header-logo.left-logo {
  left: 20px !important;
}
.header-grid.mk-grid .header-logo.right-logo {
  right: 20px !important;
}
.header-grid.mk-grid .header-logo.right-logo,
.header-grid.mk-grid .mk-header-right {
  right: 20px;
}
.mk-header-nav-container {
  line-height: 4px;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media handheld, only screen and (max-width: 1140px) {
  .mk-header .mk-header-nav-container {
    width: 100% !important;
  }
  .mk-header .mk-classic-menu-wrapper {
    width: 100% !important;
  }
}
.header-style-2 .mk-classic-nav-bg {
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}
.header-style-2 .mk-header-nav-container {
  width: 100% !important;
  float: none !important;
}
.header-style-2 .main-navigation-ul > li.menu-item {
  line-height: 50px;
}
.header-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link {
  padding: 14px 25px;
  line-height: 23px;
}
.header-style-2.menu-hover-3 .main-navigation-ul > li.menu-item > a.menu-item-link {
  line-height: 16px;
}
.header-style-2.menu-hover-1 .main-navigation-ul > li.menu-item > a.menu-item-link,
.header-style-2.menu-hover-4 .main-navigation-ul > li.menu-item > a.menu-item-link {
  padding: 0 25px;
  line-height: 51px;
}
/* Header Style 1 */
.header-style-1.header-align-center .mk-header-nav-container {
  text-align: center;
}
.header-style-1.header-align-center .header-logo {
  float: left;
  left: 0;
}
.header-style-1.header-align-center .header-logo a {
  margin-left: 20px;
}
.header-style-1.header-align-center .mk-nav-responsive-link {
  float: right;
  right: 20px;
}
.header-style-1.header-align-left .mk-header-nav-container {
  text-align: right;
  float: right;
  margin-right: 30px;
}
.header-style-1.header-align-left .mk-header-right {
  display: none;
}
.header-style-1.header-align-left.full-header #mk-nav-search-wrapper {
  right: -20px;
}
.header-style-1.header-align-left .header-logo {
  float: left;
  left: 0;
}
.header-style-1.header-align-left .header-logo a {
  margin-left: 20px;
  float: left;
}
.header-style-1.header-align-left .mk-nav-responsive-link {
  float: right;
  right: 20px;
}
.header-style-1.header-align-left .mk-grid .mk-header-nav-container {
  margin-right: 0;
}
.header-style-1.header-align-left.boxed-header .mk-header-right {
  display: block;
}
.header-style-1.header-align-right .mk-header-nav-container {
  text-align: left;
  float: left;
  margin-left: 30px;
}
.header-style-1.header-align-right .mk-header-right {
  display: none;
}
.header-style-1.header-align-right .header-logo {
  float: right;
  width: auto !important;
  right: 0;
}
.header-style-1.header-align-right .header-logo a {
  margin-right: 20px;
}
.header-style-1.header-align-right .header-logo img {
  float: right;
  clear: both;
  right: 0 !important;
  left: auto!important;
}
.header-style-1.header-align-right .mk-nav-responsive-link {
  float: left;
  left: 20px;
}
.header-style-1.header-align-right.full-header #mk-nav-search-wrapper {
  right: auto;
  left: -20px;
}
.header-style-1.header-align-right .mk-shopping-cart-box {
  right: auto;
  left: 0;
}
.header-style-1.header-align-right .mk-shopping-cart-box:after {
  right: auto;
  left: 22px;
}
.header-style-1.header-align-right .main-nav-side-search,
.header-style-1.header-align-right .shopping-cart-header {
  float: left;
}
.header-style-1.header-align-right .main-navigation-ul > li.menu-item {
  float: left;
}
.header-style-1.header-align-right .mk-grid .header-logo {
  right: 0;
}
.header-style-1.header-align-right .mk-grid .mk-header-nav-container {
  margin-left: 0;
}
.header-style-1.header-align-right.boxed-header .mk-header-right {
  display: block;
  right: auto;
  left: 10px;
}
.header-style-2 .mk-search-trigger {
  line-height: 50px;
}
.header-style-2 .shopping-cart-header {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: top;
  position: relative;
  float: none;
  line-height: 50px;
}
.header-style-2 .menu-hover-style-1 .mk-search-trigger,
.header-style-2 .menu-hover-style-1 .shopping-cart-header {
  line-height: 55px;
}
.header-style-2 .mk-shoping-cart-link {
  padding: 20px 10px;
  margin-top: -4px;
}
.header-style-2 .menu-hover-style-3 .mk-search-trigger,
.header-style-2 .menu-hover-style-3 .mk-shoping-cart-link {
  line-height: 80px;
}
.header-style-2 .mk-dashboard-trigger {
  position: absolute;
  z-index: 10;
}
.header-style-2 .header-logo {
  position: relative !important;
}
.header-style-2 .header-logo a img {
  position: relative !important;
  left: auto!important;
}
.header-style-2 .header-logo .mk-sticky-logo {
  display: none !important;
}
.header-style-2.full-header .mk-classic-menu-wrapper {
  width: 100%;
}
.header-style-2.header-align-center .mk-header-nav-container {
  text-align: center;
}
.header-style-2.header-align-center .header-logo {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.header-style-2.header-align-center .header-logo a {
  margin: 0 auto;
}
.header-style-2.header-align-center .mk-grid .header-logo {
  left: 0;
  position: relative;
}
.header-style-2.header-align-center .mk-nav-responsive-link {
  float: right;
  right: 20px;
}
.header-style-2.header-align-center .mk-dashboard-trigger {
  right: 0;
}
.header-style-2.header-align-left .mk-header-nav-container {
  text-align: left;
  float: left;
}
.header-style-2.header-align-left .header-logo {
  float: left;
}
.header-style-2.header-align-left .mk-nav-responsive-link {
  float: right;
  right: 20px;
}
.header-style-2.header-align-left .mk-grid .header-logo {
  left: 0;
}
.header-style-2.header-align-left .mk-grid .mk-header-nav-container {
  margin-right: 0;
}
.header-style-2.header-align-left .mk-dashboard-trigger {
  right: 0;
}
.header-style-2.header-align-right .mk-header-nav-container {
  text-align: right;
  float: right;
}
.header-style-2.header-align-right .header-logo {
  float: right;
  right: 0;
  text-align: right;
}
.header-style-2.header-align-right .header-logo a {
  margin-right: 20px;
}
.header-style-2.header-align-right .mk-nav-responsive-link {
  float: left;
  left: 20px;
}
.header-style-2.header-align-right .mk-header-right {
  left: 10px;
  right: auto;
}
.header-style-2.header-align-right .mk-header-right .mk-shopping-cart-box {
  position: absolute;
  left: -10px;
  right: auto;
  top: 80px;
}
.header-style-2.header-align-right .mk-header-right .mk-shopping-cart-box:after {
  left: 32px;
  right: auto;
}
.header-style-2.header-align-right .mk-grid .header-logo {
  right: 0;
}
.header-style-2.header-align-right .mk-grid .mk-header-nav-container {
  margin-left: 0;
}
.header-style-3 .header-logo .mk-sticky-logo {
  position: absolute !important;
}
.header-style-3.header-align-left .mk-header-right {
  float: right;
  margin-right: 30px;
}
.header-style-3.header-align-left .header-logo {
  float: left;
  left: 0;
}
.header-style-3.header-align-left .header-logo a {
  margin-left: 20px;
}
.header-style-3.header-align-left .header-logo img {
  float: left;
}
.header-style-3.header-align-left .mk-dashboard-trigger,
.header-style-3.header-align-left .shopping-cart-header {
  float: right;
}
.header-style-3.header-align-center .header-logo {
  text-align: center;
}
.header-style-3.header-align-center .header-logo img {
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  ms-transform: translate(-50%, -50%) !important;
}
.header-style-3.header-align-center .mk-dashboard-trigger,
.header-style-3.header-align-center .shopping-cart-header {
  float: right;
}
.header-style-3.header-align-right .mk-header-right {
  float: left;
}
.header-style-3.header-align-right .header-logo {
  float: right;
  right: 0;
}
.header-style-3.header-align-right .header-logo a {
  margin-right: 20px;
}
.header-style-3.header-align-right .header-logo a {
  float: right;
  clear: both;
}
.header-style-3.header-align-right .header-logo img {
  float: right;
  right: 0;
}
.header-style-3.header-align-right .mk-grid .header-logo {
  float: right;
}
.header-style-3.header-align-right .mk-grid .mk-dashboard-trigger,
.header-style-3.header-align-right .mk-grid .shopping-cart-header {
  float: left;
}
.header-style-3 .shopping-cart-header {
  z-index: 11;
}
.mk-dashboard-trigger {
  display: inline-block;
  cursor: pointer;
  width: 30px;
  margin: 0 20px;
  position: relative;
}
@media handheld, only screen and (max-width: 400px) {
  .mk-dashboard-trigger {
    margin: 0 10px;
  }
}
.mk-dashboard-trigger .mk-css-icon-menu {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
}
.header-align-right .mk-dashboard-trigger {
  float: left;
}
.header-align-left .mk-dashboard-trigger,
.header-align-center .mk-dashboard-trigger {
  float: right;
}
.header-style-4 .mk-header-inner {
  width: 270px !important;
  height: 100% !important;
  position: fixed !important;
  top: 0;
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 50px;
}
.header-style-4 .mk-header-right {
  position: fixed !important;
  top: auto;
  right: auto !important;
  margin: 0 20px;
  display: block;
  clear: both;
  *zoom: 1;
  min-height: 40px;
  width: 220px;
  box-sizing: border-box;
}
.header-style-4 .mk-header-right:before,
.header-style-4 .mk-header-right:after {
  content: " ";
  display: table;
}
.header-style-4 .mk-header-right:after {
  clear: both;
}
.header-style-4 .mk-header-right:before,
.header-style-4 .mk-header-right:after {
  content: " ";
  display: table;
}
.header-style-4 .mk-header-right:after {
  clear: both;
}
.header-style-4 .mk-header-right .mk-shoping-cart-link {
  padding-left: 0;
}
.header-style-4 .mk-header-holder {
  position: relative;
}
.header-style-4 .shopping-cart-header {
  z-index: 30;
  width: 100%;
  margin-bottom: 40px;
  padding: 0 36px 0 9px;
}
.header-style-4 .mk-header-searchform,
.header-style-4 .mk-header-start-tour {
  display: none !important;
}
.header-style-4 .mk-header-bg {
  transition: opacity 0.3s ease-out;
}
.header-style-4 .vm-header-copyright {
  font-size: 11px;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: 20px;
}
.header-style-4 .header-logo {
  text-align: center;
}
.header-style-4 .header-logo a {
  width: 100% !important;
}
.header-style-4 .header-logo .mk-sticky-logo {
  display: none !important;
}
.header-style-4 .mk-shopping-cart-box {
  display: none !important;
}
.header-style-4 .mk-header-search {
  display: block;
  float: none;
  margin: 0;
  padding: 20px 0;
  text-align: center;
}
.header-style-4 .mk-header-start-tour {
  float: none;
}
.header-style-4 .header-section.mk-header-social {
  float: none !important;
}
.header-style-4.header-align-left .mk-header-inner,
.header-style-4.header-align-center .mk-header-inner {
  left: 0;
}
.header-style-4.header-align-left .mk-header-right,
.header-style-4.header-align-center .mk-header-right {
  bottom: 30px;
}
.header-style-4.header-align-left .shopping-cart-header,
.header-style-4.header-align-center .shopping-cart-header {
  float: right;
}
.header-style-4.header-align-right .mk-header-inner {
  right: 0;
}
.header-style-4.header-align-right .mk-header-right {
  bottom: 100px;
}
.header-style-4.header-align-right .shopping-cart-header {
  float: right;
}
.header-style-4 .mk-nav-responsive-link {
  float: right;
  right: 20px;
}
.mk-header-social.header-section.show {
  visibility: visible;
  opacity: 1;
}
.mk-header-social.header-section.hidden {
  visibility: hidden;
  opacity: 0;
}
.logo-align-center .header-style-4 .header-logo img {
  max-width: 100% !important;
  left: 50%!important;
  top: 0 !important;
  -ms-transform: translate(-50%, 0) !important;
  transform: translate(-50%, 0) !important;
  ms-transform: translate(-50%, 0) !important;
}
.logo-align-left .header-style-4 .header-logo img {
  max-width: 100% !important;
  left: 20px!important;
}
.logo-align-right .header-style-4 .header-logo img {
  max-width: 100% !important;
  left: auto !important;
  right: 20px!important;
}
.vertical-header-enabled .trans-header #mk-footer:not(.mk-footer-unfold) {
  width: auto !important;
}
@media handheld, only screen and (max-width: 755px) {
  .header-align-center.header-style-3 .header-logo {
    text-align: left;
  }
  .header-align-center.header-style-3 .header-logo a {
    padding-left: 20px;
  }
  .header-align-center.header-style-3 .header-logo img {
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
    ms-transform: translate(0, -50%) !important;
  }
  .vertical-header-enabled .mk-grid {
    min-width: 100% !important;
  }
}
.admin-bar .header-style-4 .mk-header-inner {
  top: 32px;
}
.pll-parent-menu-item .sub-menu .lang-item span {
  display: inline-block;
}
.IE .main-navigation-ul > li.menu-item:after,
.IE .main-nav-side-search > .mk-search-trigger:after {
  content: '';
}
/**
 * Introduce mk-header-content class as Logo and Burger menu container.
 * Use to fix AM-2803. Now, only used in header style 4.
 */
.mk-header-content {
  position: relative;
}
#mk-theme-container {
  position: relative;
  left: 0;
}
body:not(.mk-boxed-enabled):not(.rtl) .sticky-style-fixed.header-style-1 .mk-header-holder,
body:not(.mk-boxed-enabled):not(.rtl) .sticky-style-fixed.header-style-3 .mk-header-holder {
  right: 0;
}
body:not(.mk-boxed-enabled).dashboard-opened .sticky-style-fixed.header-style-1 .mk-header-holder {
  right: 300px;
}
.dashboard-opened #mk-theme-container {
  left: -300px;
}
@media handheld, only screen and (max-width: 767px) {
  .dashboard-opened #mk-theme-container {
    left: -280px;
  }
}
#mk-theme-container,
.mk-side-dashboard,
.sticky-style-fixed.header-style-1 .mk-header-holder,
.sticky-style-fixed.header-style-3 .mk-header-holder {
  transition: all 0.3s ease-in-out;
}
.mk-side-dashboard {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
@media handheld, only screen and (max-width: 767px) {
  .mk-side-dashboard {
    width: 280px;
    right: -280px;
  }
}
.dashboard-opened .mk-side-dashboard {
  right: 0;
}
.admin-bar .mk-side-dashboard {
  top: 32px;
}
.sidedash-navigation-ul {
  border-bottom: 2px solid rgba(128, 128, 128, 0.2);
  position: relative;
  margin: 20px 20px 40px;
  padding: 0;
}
.sidedash-navigation-ul > li {
  border-top: 2px solid rgba(128, 128, 128, 0.2);
}
.sidedash-navigation-ul li {
  display: block;
  margin: 0;
  position: relative;
}
.sidedash-navigation-ul li a {
  display: block;
  padding: 15px 20px 15px 0;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  letter-spacing: 1px;
  transition: all 0.15s;
}
.sidedash-navigation-ul li a svg {
  margin-right: 6px;
  height: 16px;
  vertical-align: middle;
}
.sidedash-navigation-ul li a .sub-menu {
  left: auto;
  position: relative;
}
.sidedash-navigation-ul li a .megamenu-title {
  background-color: rgba(0, 0, 0, 0.03);
  font-size: 14px;
  font-weight: 700;
}
.sidedash-navigation-ul li ul {
  margin: 0;
  padding: 0;
}
.sidedash-navigation-ul li ul {
  border-top: 2px solid rgba(128, 128, 128, 0.2);
}
.sidedash-navigation-ul li ul > li:after {
  width: 50px;
  height: 2px;
  background: rgba(128, 128, 128, 0.2);
  display: block;
  content: "";
}
.sidedash-navigation-ul li ul > li:last-child:after {
  display: none;
}
.sidedash-navigation-ul li ul li a,
.sidedash-navigation-ul li ul li .megamenu-title {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  padding: 15px 20px 15px 0;
  text-align: left;
  text-transform: none;
  font-weight: normal;
}
.sidedash-navigation-ul > li > ul {
  display: none;
}
.sidedash-navigation-ul .mk-nav-arrow {
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: center;
  cursor: pointer;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 70;
  -khtml-opacity: 70;
  opacity: 70;
  opacity: 0.7;
  width: 50px;
  height: 100%;
  line-height: 50px;
}
.sidedash-navigation-ul .mk-nav-arrow:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 100;
  -khtml-opacity: 100;
  opacity: 100;
  opacity: 1;
}
.sidedash-navigation-ul .mk-nav-arrow svg {
  height: 16px;
}
.sidedash-navigation-ul .menu-sub-level-arrow,
.sidedash-navigation-ul .mk-vm-back {
  display: none;
}
.side-dash-top-widgets,
.side-dash-bottom-widgets {
  padding: 40px;
}
/* Full Screen Menu Style
-------------------------------------------------------------------- */
.fullscreen-nav-opened {
  overflow: hidden;
}
.mk-fullscreen-inner {
  min-height: 100%;
}
.mk-fullscreen-nav {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  z-index: 999;
  transition: all ease-in-out 0.25s;
}
.mk-fullscreen-nav ul {
  margin: 0;
}
.mk-fullscreen-nav.opened {
  visibility: visible;
  opacity: 1;
  overflow-y: auto;
}
.mk-fullscreen-nav.opened .mk-fullscreen-nav-wrapper {
  opacity: 1;
  visibility: visible;
  -ms-transform: scale(1);
  transform: scale(1);
  ms-transform: scale(1);
}
.mk-fullscreen-nav:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mk-fullscreen-nav .mk-fullscreen-nav-close {
  position: fixed;
  right: 50px;
  top: 40px;
  opacity: .8;
  -ms-transform: opacity .2s;
      transform: opacity .2s;
  z-index: 1001;
}
.mk-fullscreen-nav .mk-fullscreen-nav-close svg {
  width: 32px;
  height: 32px;
}
.mk-fullscreen-nav .mk-fullscreen-nav-close.light:link svg,
.mk-fullscreen-nav .mk-fullscreen-nav-close.light:visited svg {
  color: #ffffff;
}
.mk-fullscreen-nav .mk-fullscreen-nav-close.dark:link svg,
.mk-fullscreen-nav .mk-fullscreen-nav-close.dark:visited svg {
  color: #222222;
}
.mk-fullscreen-nav .mk-fullscreen-nav-close:hover {
  opacity: 1;
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper {
  display: inline-block;
  width: 99.5%;
  vertical-align: middle;
  font-size: 18px;
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  ms-transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
  text-align: center;
  transition: all ease-in-out 0.3s;
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu {
  width: 100%;
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .sub-menu {
  display: none;
  background-color: #565656;
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item {
  display: block;
  padding: 0;
  margin-left: 0 ;
  position: relative;
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item .menu-sub-level-arrow {
  cursor: pointer;
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 20px;
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item .menu-sub-level-arrow:hover {
  color: #fff;
}
.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item a {
  transition: all ease-in-out 0.15s;
  display: block;
}
.mk-fullscreen-nav .responsive-logo {
  display: none;
}
@media handheld, only screen and (max-width: 780px) {
  .mk-fullscreen-nav.logo-is-responsive .dark-logo,
  .mk-fullscreen-nav.logo-is-responsive .light-logo {
    display: none;
  }
  .mk-fullscreen-nav.logo-is-responsive .responsive-logo {
    display: inline-block;
  }
  .mk-fullscreen-nav .mk-fullscreen-nav-logo {
    max-width: 70%;
    margin-bottom: 50px;
    margin-top: 25px;
  }
}
.admin-bar .mk-fullscreen-nav-close {
  top: 72px;
}
.not-found-page .theme-page-wrapper,
.not-found-page .mk-tabbed-box {
  margin: 0 !important;
}
.not-found-page #theme-page {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.not-found-page .theme-content {
  padding: 0 !important;
}
.mk-go-top {
  background-color: #cccccc;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  position: fixed;
  bottom: 15px;
  width: 45px;
  height: 45px;
  text-align: center;
  backface-visibility: hidden;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
  right: -60px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.mk-go-top.is-active {
  right: 15px;
  opacity: 1;
}
.mk-go-top:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.mk-go-top svg {
  position: absolute;
  top: 15px;
  left: 15px;
  fill: #ffffff;
  height: 16px;
  width: 16px;
}
.mk-relative {
  position: relative;
}
.no-margin-top {
  padding-top: 10px !important;
}
.mk-zindex-fix {
  position: relative;
}
@keyframes heart_scale {
  0% {
    -ms-transform: scale(1);
    transform: scale(1);
    ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    ms-transform: scale(1.1);
    color: #da4c26;
  }
  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    ms-transform: scale(1);
    color: #da4c26;
  }
}
/* ---------------------------- */
/* * Page SECTION */
#theme-page {
  padding: 0;
  margin: 0;
  min-height: 200px;
  height: auto;
  position: relative;
}
#theme-page .theme-page-wrapper {
  margin: 20px auto;
}
#theme-page .theme-page-wrapper.no-padding {
  margin-top: 0!important;
  margin-bottom: 0 !important;
}
#theme-page .theme-page-wrapper.full-width-layout {
  margin: 0 15px;
}
#theme-page .theme-page-wrapper.full-width-layout .theme-content {
  padding: 0 0;
}
#theme-page .theme-page-wrapper .theme-content {
  padding: 30px 20px;
}
#theme-page .theme-page-wrapper .theme-content.no-padding {
  padding-bottom: 0!important;
  padding-top: 0!important;
}
#theme-page .theme-page-wrapper #mk-sidebar {
  position: relative;
}
#theme-page .theme-page-wrapper.right-layout #mk-sidebar,
#theme-page .theme-page-wrapper.right-layout.page-section-content #mk-sidebar {
  float: right;
}
#theme-page .theme-page-wrapper.left-layout #mk-sidebar,
#theme-page .theme-page-wrapper.left-layout.page-section-content #mk-sidebar {
  float: left;
}
#theme-page .theme-page-wrapper.right-layout .theme-content,
#theme-page .theme-page-wrapper.right-layout.page-section-content .theme-content {
  float: left;
}
#theme-page .theme-page-wrapper.left-layout .theme-content,
#theme-page .theme-page-wrapper.left-layout.page-section-content .theme-content {
  float: right;
}
#theme-page .theme-page-wrapper.right-layout .sidebar-wrapper {
  padding: 30px 20px 30px;
}
#theme-page .theme-page-wrapper.left-layout .sidebar-wrapper {
  padding: 30px 20px 30px;
}
* html #theme-page,
* html #mk-sidebar {
  display: inline;
}
.master-holder-bg-holder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}
.master-holder-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  perspective: 1000;
  transform: translateZ(0px);
}
/* ---------------------------- */
@media handheld, only screen and (max-width: 768px) {
  #theme-page {
    padding: 0 !important;
  }
  .theme-page-wrapper:not(.full-width-layout) {
    margin: 0 auto 0 !important;
  }
}
.mk-header-toolbar {
  width: 100%;
  position: relative;
  height: 35px;
  line-height: 35px;
}
.mk-header-toolbar .mk-button {
  color: #ffffff !important;
}
.mk-header-toolbar-holder {
  padding: 0 20px;
}
.mk-header-login,
.header-toolbar-contact,
.mk-header-date,
.mk-language-nav > a,
.mk-header-toolbar .mk-header-searchform,
.mk-header-tagline,
.mk-header-signup {
  height: 35px;
  line-height: 35px;
}
.mk-header-tagline,
.header-toolbar-contact,
.mk-header-date {
  font-size: 13px;
  margin-right: 15px;
}
.mk-header-tagline svg,
.header-toolbar-contact svg,
.mk-header-date svg {
  padding-right: 6px;
  height: 16px;
  vertical-align: middle;
}
.mk-language-nav {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  line-height: 35px;
  height: 35px;
}
.mk-language-nav > a {
  font-size: 12px;
}
.mk-language-nav > a svg {
  padding-right: 5px;
  vertical-align: middle;
  height: 16px;
  margin-top: -1px;
}
.mk-language-nav:hover > .mk-language-nav-sub-wrapper {
  display: block;
}
.mk-language-nav-sub-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}
.mk-language-nav-sub {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #d9d9d9;
}
.mk-language-navigation {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mk-language-navigation li {
  margin: 0;
}
.mk-language-navigation li a {
  display: block;
  margin: 5px 0;
  padding: 6px 12px 6px 0;
  min-width: 120px;
  color: #666666;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
}
.mk-language-navigation li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.mk-language-navigation li a .mk-lang-flag {
  margin-left: 8px;
  vertical-align: middle;
}
.mk-language-navigation li a .mk-lang-name {
  padding-left: 8px;
}
.mk-language-navigation li.current-menu-item > a {
  background-color: rgba(0, 0, 0, 0.05);
}
.mk-header-search {
  display: inline-block;
  float: right;
  margin-left: 6px;
}
.mk-header-inner .mk-header-searchform {
  float: right;
  display: inline-block;
  margin-right: 10px;
}
.mk-header-inner .mk-header-searchform .text-input {
  width: 200px;
  padding: 5px 15px 5px 30px !important;
  height: 30px;
  line-height: 20px;
}
.mk-header-inner .mk-header-searchform .mk-icon-search {
  left: 7px;
  top: 50%;
  margin-top: -8px;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 70;
  -khtml-opacity: 70;
  opacity: 70;
  opacity: 0.7;
}
.mk-header-searchform span {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 40px;
}
.mk-header-searchform span .text-input {
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  width: 90px;
  height: 23px;
  padding: 3px 15px 3px 30px;
  line-height: 16px;
  margin: 0;
  border: none;
  border-radius: 40px;
  opacity: 0.7;
}
.mk-header-searchform span .text-input:focus {
  opacity: 1;
}
.mk-header-searchform span i {
  font-size: 16px;
  opacity: 0.7;
  position: absolute;
}
.mk-header-searchform span .mk-icon-search {
  left: 7px;
  top: 50%;
  margin-top: -8px;
}
.header-search-btn {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
}
.mk-header-social {
  display: inline-block;
  float: right;
  height: 30px;
}
.mk-header-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mk-header-social ul li {
  margin: 0;
  display: inline-block;
}
.mk-header-social ul li a {
  position: relative;
  display: block;
  margin: 0 5px;
}
.mk-header-social ul li a svg {
  height: 16px;
  vertical-align: middle;
}
.mk-header-social.header-section .mk-square-pointed,
.mk-header-social.header-section .mk-square-rounded,
.mk-header-social.header-section .mk-simple-rounded {
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  margin: 0 2px;
  line-height: 16px !important;
  text-align: center;
}
.mk-header-social.header-section .mk-square-pointed.small,
.mk-header-social.header-section .mk-square-rounded.small,
.mk-header-social.header-section .mk-simple-rounded.small {
  font-size: 16px;
  line-height: 16px !important;
  width: 16px;
  height: 16px;
  padding: 8px;
}
.mk-header-social.header-section .mk-square-pointed.small i:before,
.mk-header-social.header-section .mk-square-rounded.small i:before,
.mk-header-social.header-section .mk-simple-rounded.small i:before {
  font-size: 16px;
  line-height: 16px !important;
}
.mk-header-social.header-section .mk-square-pointed.medium,
.mk-header-social.header-section .mk-square-rounded.medium,
.mk-header-social.header-section .mk-simple-rounded.medium {
  font-size: 24px;
  line-height: 24px !important;
  width: 24px;
  height: 24px;
  padding: 12px;
}
.mk-header-social.header-section .mk-square-pointed.medium i:before,
.mk-header-social.header-section .mk-square-rounded.medium i:before,
.mk-header-social.header-section .mk-simple-rounded.medium i:before {
  font-size: 24px;
  line-height: 24px !important;
}
.mk-header-social.header-section .mk-square-pointed.large,
.mk-header-social.header-section .mk-square-rounded.large,
.mk-header-social.header-section .mk-simple-rounded.large {
  font-size: 32px;
  line-height: 32px !important;
  width: 32px;
  height: 32px;
  padding: 16px;
}
.mk-header-social.header-section .mk-square-pointed.large i:before,
.mk-header-social.header-section .mk-square-rounded.large i:before,
.mk-header-social.header-section .mk-simple-rounded.large i:before {
  font-size: 32px;
  line-height: 32px !important;
}
.mk-header-social.header-section .mk-square-rounded {
  border-radius: 25%;
}
.mk-header-social.header-section .mk-simple-rounded {
  border-radius: 50%;
}
.mk-header-right .mk-header-social {
  height: auto;
  padding: 0 10px;
}
.mk-header-right .mk-header-social ul {
  margin: 0;
}
.mk-header-login {
  float: right;
  display: inline-block;
  margin: 0 20px 0 0;
  position: relative;
}
.mk-header-login .mk-login-link svg {
  margin-right: 4px;
  vertical-align: text-bottom;
  height: 16px;
}
.mk-login-status {
  display: block;
  font-size: 12px;
  padding: 0;
  margin: 8px 0 0;
  color: #666666;
}
.mk-login-register,
.mk-header-subscribe {
  position: absolute;
  right: 0;
  width: 250px;
  top: 100%;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  padding: 15px;
  display: none;
}
.mk-login-register .form-section,
.mk-header-subscribe .form-section {
  margin-bottom: 8px;
  display: block;
}
.mk-login-register .form-section .text-input,
.mk-header-subscribe .form-section .text-input {
  width: 100%;
  background-color: #ffffff;
}
.mk-login-register .register-login-links,
.mk-header-subscribe .register-login-links {
  display: inline-block;
  float: left;
  padding-top: 5px;
}
.mk-login-register .register-login-links a,
.mk-header-subscribe .register-login-links a {
  color: #888888;
  line-height: 12px;
  display: inline-block;
}
.mk-login-register .register-login-links .mk-create-account,
.mk-header-subscribe .register-login-links .mk-create-account {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 2px solid #b6b6b6;
}
.mk-login-register .mk-login-remember,
.mk-header-subscribe .mk-login-remember {
  display: block;
  margin: 5px 0 10px;
}
.mk-login-register .button,
.mk-header-subscribe .button {
  float: right;
}
.mk-login-register .mk-login-title,
.mk-header-subscribe .mk-login-title {
  font-size: 16px;
}
#mk-register-panel {
  display: none;
}
#mk-register-panel .register-login-links {
  float: right;
  display: block;
  margin: 5px 0;
}
.mk-forget-panel {
  display: none;
}
.mk-forget-panel .register-login-links {
  float: right;
  display: block;
  margin: 5px 0;
}
.user-profile-box img {
  float: left;
}
.user-profile-box a {
  margin: 0 0 0px 60px;
  display: block;
  color: #747474;
  line-height: 24px;
}
.mk-header-signup {
  float: right;
  display: inline-block;
  margin: 0 10px 0 0;
}
.mk-header-signup .mk-subscribe-link svg {
  margin-right: 4px;
  height: 16px;
  vertical-align: middle;
}
.mk-header-signup {
  position: relative;
}
.mk-header-subscribe label {
  margin-bottom: 8px;
  display: block;
}
.mk-header-subscribe .text-input {
  background-color: #ffffff;
  width: 100%;
  margin-bottom: 10px;
}
.mk-header-subscribe .mk-subscribe--message {
  margin-top: 50px;
  padding: 0;
  font-size: 12px;
  line-height: 17px;
}
.mk-toolbar-navigation {
  display: inline-block;
  margin-right: 10px;
  height: 30px;
}
.mk-toolbar-navigation ul {
  padding: 0;
  margin: 0;
}
.mk-toolbar-navigation ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 26px;
}
.mk-toolbar-navigation ul li:last-child > a {
  border: none !important;
}
.mk-toolbar-navigation ul li a {
  line-height: 10px;
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid rgba(128, 128, 128, 0.2);
}
.mk-toolbar-navigation ul li ul {
  display: none;
}
.mk-toolbar-navigation a,
.mk-language-nav > a,
.mk-header-login .mk-login-link,
.mk-subscribe-link,
.mk-checkout-btn,
.mk-header-tagline a {
  font-size: 12px;
}
.mk-toolbar-navigation a:hover,
.mk-language-nav > a:hover,
.mk-header-login .mk-login-link:hover,
.mk-subscribe-link:hover,
.mk-checkout-btn:hover,
.mk-header-tagline a:hover {
  opacity: 0.8;
}
.main-nav-side-search {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: top;
  position: relative;
}
.mk-search-trigger {
  display: block;
  font-size: 16px;
}
.classic-style-nav .mk-search-trigger {
  padding: 16px 0;
}
.mk-fullscreen-search-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.94);
  text-align: center;
  transition: all ease-in-out 0.25s;
}
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show {
  visibility: visible;
  opacity: 1;
}
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show .mk-fullscreen-search-wrapper {
  opacity: 1;
  visibility: visible;
  -ms-transform: scale(1);
  transform: scale(1);
  ms-transform: scale(1);
}
.mk-fullscreen-search-overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.mk-fullscreen-search-overlay .mk-fullscreen-close {
  position: absolute;
  right: 50px;
  top: 70px;
  transition: transform ease-out 0.2s;
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  height: 26px;
}
.mk-fullscreen-search-overlay .mk-fullscreen-close:hover {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.mk-fullscreen-search-overlay .mk-fullscreen-close svg {
  height: 26px;
  fill: #fff;
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper {
  display: inline-block;
  max-width: 1000px;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  ms-transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper p {
  font-size: 14px;
  margin-bottom: 40px;
  color: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform {
  position: relative;
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {
  width: 800px;
  background-color: transparent;
  box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.1);
  border: 0;
  text-align: center;
  font-size: 35px;
  padding: 20px;
  color: #ffffff;
  transition: all 0.3s ease-out;
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input:focus {
  box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.2);
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform input[type=submit] {
  position: absolute;
  width: 100px;
  height: 100%;
  background-color: transparent;
  border: 0;
  right: 0;
  top: 0;
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon {
  font-size: 25px;
  position: absolute;
  right: 15px;
  top: 30px;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.2);
  transition: all 0.2s ease-out;
}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon:hover {
  color: rgba(255, 255, 255, 0.3);
}
#mk-nav-search-wrapper {
  position: absolute;
  right: -50px;
  width: 330px;
  height: 56px;
  background-color: #fff;
  display: none;
}
#mk-nav-search-wrapper form {
  display: block;
  overflow: hidden;
}
#mk-nav-search-wrapper form.ajax-searching .nav-side-search-icon:before {
  animation: spin 0.8s infinite linear;
  display: inline-block;
  content: "\e2a2";
}
#mk-nav-search-wrapper input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  height: 100%;
  background-color: #fff;
  padding: 0 10px;
  width: 275px;
  line-height: 30px;
  border: 1px solid #e3e3e3;
  border-right: none;
}
#mk-nav-search-wrapper input[type=submit] {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
}
#mk-nav-search-wrapper .nav-side-search-icon {
  width: 56px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #bfbcbc;
}
#mk-nav-search-wrapper .nav-side-search-icon svg {
  height: 16px;
  fill: #fff;
}
#mk-nav-search-wrapper .ui-autocomplete {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-top: none;
  border-bottom: none;
  overflow: auto;
  text-align: left;
  list-style: none;
  margin: 56px 0 0 0;
  padding: 0;
}
#mk-nav-search-wrapper .ui-autocomplete li {
  line-height: 16px;
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  overflow: hidden;
}
#mk-nav-search-wrapper .ui-autocomplete li a,
#mk-nav-search-wrapper .ui-autocomplete li.mk-nav-search-result-zero,
#mk-nav-search-wrapper .ui-autocomplete li.mk-nav-search-error-message {
  padding: 10px;
}
#mk-nav-search-wrapper .ui-autocomplete li.mk-nav-search-error-message {
  color: #ff8d36;
}
#mk-nav-search-wrapper .ui-autocomplete li a {
  display: block;
  cursor: pointer;
}
#mk-nav-search-wrapper .ui-autocomplete li a:hover {
  color: #252525;
}
#mk-nav-search-wrapper .ui-autocomplete li .search-date {
  color: #999999;
  font-size: 11px;
}
#mk-nav-search-wrapper .ui-autocomplete li .search-title {
  font-size: 12px;
  text-transform: uppercase;
  color: #252525;
  line-height: 18px;
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
}
#mk-nav-search-wrapper .ui-autocomplete li:hover {
  background-color: #fbfbfb;
}
#mk-nav-search-wrapper .ui-autocomplete li img,
#mk-nav-search-wrapper .ui-autocomplete li i {
  width: 32px;
  height: 32px;
  border-radius: 60px;
  border: 1px solid #d2d2d2;
  float: left;
  margin-right: 15px;
}
#mk-nav-search-wrapper .ui-autocomplete li i {
  background-color: #f3f3f3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
#mk-nav-search-wrapper .ui-autocomplete li i svg {
  height: 16px;
  fill: #636363;
}
.shopping-cart-header {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  position: relative;
}
.shopping-cart-header .widgettitle {
  display: none;
}
.mk-header .mk-shoping-cart-link {
  padding: 0 10px 0 20px;
  margin: 0;
}
.mk-header .mk-shoping-cart-link svg {
  position: relative;
  display: inline-block;
  height: 16px;
  margin-right: -4px;
  -ms-transform: translateY(3px);
      transform: translateY(3px);
}
.mk-header .mk-header-cart-count {
  font-size: 13px;
  font-weight: bold;
  padding-left: 5px;
}
.mk-shopping-cart-box {
  position: absolute;
  right: 0px;
  top: 100%;
  width: 300px;
  padding: 0 10px;
  display: none;
  text-align: left;
}
#mk-header-checkout .widget,
.mk-shopping-cart-box .widget {
  margin: 0;
}
#mk-header-checkout .product_list_widget,
.mk-shopping-cart-box .product_list_widget {
  margin: 15px 0 !important;
}
#mk-header-checkout .product_list_widget li,
.mk-shopping-cart-box .product_list_widget li {
  margin: 0 !important;
  line-height: 22px !important;
  padding: 10px 0 !important;
}
#mk-header-checkout .product_list_widget li.empty,
.mk-shopping-cart-box .product_list_widget li.empty {
  padding-left: 20px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#mk-header-checkout .product_list_widget li a,
.mk-shopping-cart-box .product_list_widget li a {
  font-size: 12px;
  font-weight: normal !important;
  margin-left: 9px;
}
#mk-header-checkout .product_list_widget li .variation,
.mk-shopping-cart-box .product_list_widget li .variation {
  display: none !important;
}
#mk-header-checkout .product_list_widget li .quantity,
.mk-shopping-cart-box .product_list_widget li .quantity {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
  text-align: left;
}
#mk-header-checkout .product_list_widget li:first-child,
.mk-shopping-cart-box .product_list_widget li:first-child {
  border-top: none;
}
#mk-header-checkout .product_list_widget li img,
.mk-shopping-cart-box .product_list_widget li img {
  padding: 0 !important;
}
#mk-header-checkout .total,
.mk-shopping-cart-box .total {
  font-size: 16px;
  font-weight: bold;
  display: block;
  text-align: center;
  border-top: 1px solid rgba(128, 128, 128, 0.2) !important;
  padding-top: 15px !important;
}
#mk-header-checkout .buttons,
.mk-shopping-cart-box .buttons {
  margin-bottom: 20px;
  text-align: center;
}
@media handheld, only screen and (max-width: 780px) {
  .mk-header-right {
    display: none !important;
  }
}
.mk-toolbar-resposnive-icon {
  position: absolute;
  left: 50%;
  top: 0;
  line-height: 16px !important;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: none;
}
.mk-toolbar-resposnive-icon svg {
  height: 16px;
}
@media handheld, only screen and (max-width: 780px) {
  .mk-header-toolbar {
    padding: 10px 5px;
    display: none;
    height: auto;
    line-height: auto;
  }
  .mk-toolbar-resposnive-icon {
    display: block;
  }
  .mk-header-signup,
  .mk-header-login,
  .mk-header-social,
  .mk-header-tagline,
  .header-toolbar-contact,
  .header-toolbar-contact,
  .mk-header-date,
  #mk-toolbar-navigation,
  #mk-header-checkout {
    width: 100% !important;
    float: none !important;
    display: block !important;
    height: auto !important;
    line-height: 25px !important;
    margin: 0 10px 5px !important;
    padding: 0;
  }
  .mk-login-register,
  .mk-header-subscribe {
    right: auto;
    left: 0;
  }
  .mk-login-register:before,
  .mk-header-subscribe:before {
    right: auto;
    left: 10px;
  }
  .mk-header-social li svg {
    height: 24px !important;
  }
  .mk-toolbar-navigation li:first-child a {
    padding-left: 0;
  }
  #mk-header-checkout {
    right: auto;
    top: 30px;
  }
  #mk-header-checkout:before {
    right: auto;
    left: 30px;
  }
}
/* /* Navigation */
.mk-main-navigation {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}
.mk-classic-menu-wrapper {
  position: relative;
  margin: 0 auto;
}
.mk-classic-menu-wrapper .main-navigation-ul > li.menu-item > a.menu-item-link i {
  padding-right: 7px;
}
.header-style-2 .menu-hover-style-3 .main-navigation-ul > li.menu-item {
  line-height: 80px;
}
.main-navigation-ul,
.main-navigation-ul ul.sub-menu,
.main-navigation-ul li.menu-item {
  margin: 0;
  padding: 0;
}
.main-navigation-ul li.no-mega-menu ul.sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 8px 0;
}
.main-navigation-ul:not(.dropdownJavascript) li.menu-item:hover > ul.sub-menu {
  display: block;
}
.Edge .main-navigation-ul li > .sub-menu,
.IE .main-navigation-ul li > .sub-menu {
  top: -10000px !important;
  display: block;
}
.Edge .main-navigation-ul > li:hover > .sub-menu,
.IE .main-navigation-ul > li:hover > .sub-menu {
  top: 100% !important;
  display: block;
}
.Edge .main-navigation-ul .sub-menu li:hover > .sub-menu,
.IE .main-navigation-ul .sub-menu li:hover > .sub-menu {
  top: 0 !important;
  display: block;
}
.main-navigation-ul li > .sub-menu {
  display: none;
}
.header-align-left .mk-grid .main-navigation-ul li.no-mega-menu > ul.sub-menu,
.header-align-center .mk-grid .main-navigation-ul li.no-mega-menu > ul.sub-menu,
.header-align-center .main-navigation-ul li.no-mega-menu > ul.sub-menu,
.header-style-2.header-align-center .main-navigation-ul li.no-mega-menu > ul.sub-menu,
.header-style-2.header-align-left .main-navigation-ul li.no-mega-menu > ul.sub-menu {
  left: 20px;
  right: auto;
}
body.rtl .header-align-left .mk-grid .main-navigation-ul li.no-mega-menu > ul.sub-menu,
body.rtl .header-align-center .mk-grid .main-navigation-ul li.no-mega-menu > ul.sub-menu,
body.rtl .header-align-center .main-navigation-ul li.no-mega-menu > ul.sub-menu,
body.rtl .header-style-2.header-align-center .main-navigation-ul li.no-mega-menu > ul.sub-menu,
body.rtl .header-style-2.header-align-left .main-navigation-ul li.no-mega-menu > ul.sub-menu {
  left: initial;
  right: 20px;
}
.header-align-right .main-navigation-ul li.no-mega-menu > ul.sub-menu {
  right: auto;
  left: 0;
}
body.rtl .header-align-right .main-navigation-ul li.no-mega-menu > ul.sub-menu {
  right: 20px;
  left: auto;
}
.header-align-right .mk-grid .main-navigation-ul li.no-mega-menu > ul.sub-menu {
  left: 20px;
  right: initial;
}
.main-navigation-ul li.has-mega-menu > ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 17px 0;
}
.main-navigation-ul > li.menu-item {
  float: left;
}
.main-navigation-ul > li.menu-item > a.menu-item-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  position: relative;
  box-sizing: border-box;
  padding-top: 2px;
}
.sticky-style-fixed .main-navigation-ul > li.menu-item > a.menu-item-link {
  transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out, height 0.35s ease, line-height 0.35s ease;
  -webkit-transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out, height 0.35s ease, line-height 0.35s ease;
  -moz-transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out, height 0.35s ease, line-height 0.35s ease;
  -ms-transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out, height 0.35s ease, line-height 0.35s ease;
  -o-transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out, height 0.35s ease, line-height 0.35s ease;
}
.sticky-style-slide .main-navigation-ul > li.menu-item > a.menu-item-link {
  transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out;
  -webkit-transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out;
  -moz-transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out;
  -ms-transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out;
  -o-transition: color 0.1s ease-out, background 0.1s ease-out, border 0.1s ease-out;
}
.menu-hover-style-1 .main-navigation-ul > li.menu-item > a.menu-item-link {
  border-top: 3px solid transparent;
}
.menu-hover-style-4 .main-navigation-ul > li.menu-item > a.menu-item-link {
  margin-left: 1px;
}
.menu-hover-style-3 .main-navigation-ul > li.menu-item > a {
  border-radius: 5px;
  margin: 0 2px;
  border: 2px solid transparent;
}
.menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  -ms-transform: scale(0, 1);
      transform: scale(0, 1);
  -ms-transform-origin: left center;
      transform-origin: left center;
  -webkit-transform-origin: left center;
  transition: all 0.15s ease-out;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.IE9 .menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {
  height: 0px;
}
.menu-hover-style-5 .main-navigation-ul > li.menu-item:hover > a.menu-item-link::after,
.menu-hover-style-5 .main-navigation-ul > li.current-menu-item > a.menu-item-link:after,
.menu-hover-style-5 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link:after {
  -ms-transform: scale(1, 1);
      transform: scale(1, 1);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 100;
  -khtml-opacity: 100;
  opacity: 100;
  opacity: 1;
}
.IE9 .menu-hover-style-5 .main-navigation-ul > li.menu-item:hover > a.menu-item-link::after,
.IE9 .menu-hover-style-5 .main-navigation-ul > li.current-menu-item > a.menu-item-link:after,
.IE9 .menu-hover-style-5 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link:after {
  height: 2px;
}
.main-navigation-ul > li.menu-item a.menu-item-link svg {
  margin-right: 8px;
  height: 16px;
  vertical-align: middle;
}
.main-navigation-ul > li.menu-item .sub-menu a.menu-item-link {
  transition: all 0.2s ease-in-out;
}
.main-navigation-ul > li.no-mega-menu ul.sub-menu li.menu-item {
  line-height: 1;
}
.main-navigation-ul > li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link {
  display: block;
  position: relative;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  float: none;
  margin: 0;
  padding: 10px 20px;
  text-transform: capitalize;
  font-weight: normal;
  letter-spacing: 1px;
}
.main-navigation-ul > li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link svg {
  margin-right: 8px;
  height: 16px;
  vertical-align: middle;
}
/*.main-navigation-ul > li.no-mega-menu > ul, .main-navigation-ul > li.has-mega-menu > ul.sub-menu {
  margin-top: 1px;
}*/
.main-navigation-ul > li.menu-item ul.sub-menu:after {
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}
.main-navigation-ul li.no-mega-menu ul.sub-menu ul.sub-menu {
  top: 0;
  left: 100%;
  right: auto;
}
.main-navigation-ul li .dropdownRightToLeft > ul.sub-menu {
  left: auto !important;
  right: 100% !important;
}
.main-navigation-ul li.menu-item {
  position: relative;
  display: block;
  list-style-type: none;
}
.main-navigation-ul > li.menu-item {
  display: inline-block;
}
.main-navigation-ul a.menu-item-link,
.main-navigation-ul span {
  display: block;
  text-decoration: none;
  white-space: normal;
}
.mk-main-navigation > .main-navigation-ul > .menu-item-language {
  visibility: hidden;
}
.main-navigation-ul .menu-item-language span {
  display: inline;
}
.vertical {
  display: inline-block;
}
.vertical > li.menu-item {
  display: block;
}
.vertical ul {
  top: 0;
  left: 100%;
}
.dropdownJavascript li.no-mega-menu:hover > ul.sub-menu,
.dropdownJavascript li.has-mega-menu:hover > ul.sub-menu {
  display: none;
}
.dropdownJavascript li.dropdownOpen > ul.sub-menu {
  display: block !important;
}
.main-navigation-ul .menu-sub-level-arrow svg {
  height: 12px;
  vertical-align: middle;
  position: absolute;
}
.main-navigation-ul li.with-menu .menu-sub-level-arrow {
  position: absolute;
  right: 16px;
  top: 10px;
  height: 100%;
}
body.rtl .main-navigation-ul li.with-menu .menu-sub-level-arrow {
  right: initial;
  left: 16px;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  top: -10px;
}
.main-navigation-ul li.menu-item.has-mega-menu {
  position: static;
}
.has-mega-menu > ul.sub-menu {
  width: 100%;
  position: absolute;
  left: 0;
  padding: 20px 0;
}
.has-mega-menu > ul.sub-menu > ul.sub-menu {
  position: relative;
  display: block;
  top: auto;
  left: auto;
}
.has-mega-menu > ul.sub-menu > li.menu-item {
  display: block;
  left: 0;
  position: relative;
  float: left;
  width: 23%;
  border: 0;
  background-color: transparent;
  box-shadow: none;
  padding-left: 10px;
}
body.rtl .has-mega-menu > ul.sub-menu > li.menu-item {
  float: right;
}
.has-mega-menu .megamenu-title {
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  padding: 9px 10px 16px 10px;
  margin: 0 0 6px;
}
.has-mega-menu .megamenu-title:after {
  content: '';
  display: block;
  margin-top: 10px;
  width: 20px;
  height: 2px;
  opacity: 0.3;
}
.has-mega-menu .megamenu-title svg {
  margin-right: 8px;
  height: 16px;
  vertical-align: middle;
}
body.rtl .has-mega-menu .megamenu-title {
  text-align: right;
}
.has-mega-menu > ul.sub-menu > li.menu-item {
  box-sizing: border-box;
  padding: 0 20px;
}
.has-mega-menu > ul.sub-menu > li.menu-item:first-child {
  border-left: none;
}
.has-mega-menu > ul.sub-menu > li.mega_col_1 {
  width: 100%;
}
.has-mega-menu > ul.sub-menu > li.mega_col_2 {
  width: 49.5%;
}
.has-mega-menu > ul.sub-menu > li.mega_col_3 {
  width: 33.25%;
}
.has-mega-menu > ul.sub-menu > li.mega_col_4 {
  width: 24.9%;
}
.has-mega-menu > ul.sub-menu > li.mega_col_5 {
  width: 19.8%;
}
.has-mega-menu > ul.sub-menu > li.mega_col_6 {
  width: 16.5%;
}
.has-mega-menu > ul.sub-menu > li > ul.sub-menu {
  display: block;
}
.has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item {
  line-height: 1;
}
.has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link {
  display: block;
  position: relative;
  text-align: left;
  float: none;
  margin: 0;
  padding: 10px 10px;
  line-height: 18px;
}
.has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link svg {
  margin-right: 8px;
  height: 16px;
  vertical-align: middle;
}
body.rtl .has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link {
  text-align: right;
}
.megamenu-widgets-container {
  text-align: left;
  padding: 10px;
  line-height: 22px;
}
.megamenu-widgets-container ul {
  list-style: none;
  margin: 0;
}
.megamenu-widgets-container .widget {
  margin-bottom: 15px;
  overflow: visible;
}
.mk-nav-responsive-link {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  line-height: 8px;
  cursor: pointer;
  padding: 10px;
}
.mk-nav-responsive-link svg {
  height: 16px;
  vertical-align: middle;
}
.mk-responsive-nav {
  width: 100%;
}
.mk-responsive-nav > li > ul {
  display: none;
  border-top: 1px solid rgba(128, 128, 128, 0.2);
}
.mk-responsive-nav > li {
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}
.mk-responsive-nav .mk-nav-arrow {
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: center;
  cursor: pointer;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 70;
  -khtml-opacity: 70;
  opacity: 70;
  opacity: 0.7;
  width: 70px;
  height: 44px;
  line-height: 50px;
}
.mk-responsive-nav .mk-nav-arrow:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 100;
  -khtml-opacity: 100;
  opacity: 100;
  opacity: 1;
}
.mk-responsive-nav .mk-nav-arrow svg {
  height: 14px;
}
.menu-html-content {
  line-height: 22px !important;
  text-align: left;
}
.mk-responsive-wrap {
  position: relative;
  width: 100%;
  display: none;
  z-index: 20;
  height: 100%;
}
.mk-responsive-nav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
.mk-responsive-nav li {
  display: block;
  margin: 0;
  position: relative;
}
.mk-responsive-nav li:last-child ul {
  border-bottom: none !important;
}
.mk-responsive-nav li a {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  padding: 15px 20px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
}
.mk-responsive-nav li a > svg {
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}
.mk-responsive-nav li a:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.mk-responsive-nav li a .sub-menu {
  left: auto;
  position: relative;
}
.mk-responsive-nav li a .megamenu-title {
  background-color: rgba(0, 0, 0, 0.03);
  font-size: 14px;
  font-weight: 700;
}
.mk-responsive-nav li ul {
  margin: 0;
  padding: 0;
  display: none;
}
.mk-responsive-nav li ul .megamenu-widgets-container {
  display: none !important;
}
.mk-responsive-nav li ul ul {
  padding-left: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.02);
}
.mk-responsive-nav li ul .mk-nav-arrow {
  height: 35px;
  line-height: 40px;
}
.mk-responsive-nav li ul li a,
.mk-responsive-nav li ul li .megamenu-title {
  font-size: 13px;
  line-height: 13px;
  margin: 0;
  padding: 12px 15px 12px 15px;
  text-align: left;
  text-transform: none;
  font-weight: normal;
}
.mk-responsive-nav li .megamenu-title {
  font-weight: bold !important;
  font-size: 14px !important;
}
.mk-responsive-nav > .responsive-searchform {
  display: block !important;
}
.responsive-searchform {
  margin: 10px;
  position: relative;
  line-height: 24px;
}
.responsive-searchform .text-input {
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(0, 0, 0, 0.02);
  box-shadow: none !important;
  border-radius: 0;
  color: #9e9e9e !important;
}
.responsive-searchform i {
  position: absolute;
  right: 15px;
  bottom: 14px;
}
.responsive-searchform i input {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
}
.responsive-searchform i svg {
  fill: #cccccc;
  fill: rgba(0, 0, 0, 0.3);
  height: 20px;
  width: 19px;
  vertical-align: middle;
}
.mk-opened-nav {
  height: auto;
}
.mk-opened-nav::-webkit-scrollbar {
  width: 0 !important;
}
/* * CSS ICONS
*
 */
.mk-css-icon-menu,
.mk-css-icon-close {
  width: 18px;
  height: 18px;
  transform: translateZ(0);
}
.mk-css-icon-menu.icon-size-big,
.mk-css-icon-close.icon-size-big {
  width: 24px;
  height: 24px;
}
.mk-css-icon-menu.icon-size-big div,
.mk-css-icon-close.icon-size-big div {
  height: 4px;
  margin-bottom: 4px;
  border-radius: 4px;
}
.mk-css-icon-menu div,
.mk-css-icon-close div {
  height: 3px;
  margin-bottom: 3px;
  border-radius: 3px;
  display: block;
  position: relative;
}
.mk-css-icon-menu-line-2 {
  transition: opacity 0.1s ease;
}
.mk-css-icon-menu-line-1,
.mk-css-icon-menu-line-3 {
  transition: all 0.2s ease;
}
.dashboard-active .mk-css-icon-menu-line-2,
.is-active .mk-css-icon-menu-line-2 {
  opacity: 0;
}
.dashboard-active .mk-css-icon-menu-line-1,
.is-active .mk-css-icon-menu-line-1 {
  transform: rotate3d(0, 0, 1, 45deg);
  top: 6px;
}
.dashboard-active .mk-css-icon-menu-line-3,
.is-active .mk-css-icon-menu-line-3 {
  transform: rotate3d(0, 0, 1, -45deg);
  top: -6px;
}
.dashboard-active .icon-size-big .mk-css-icon-menu-line-1,
.is-active .icon-size-big .mk-css-icon-menu-line-1 {
  top: 8px;
}
.dashboard-active .icon-size-big .mk-css-icon-menu-line-3,
.is-active .icon-size-big .mk-css-icon-menu-line-3 {
  top: -8px;
}
.shopping-cart-header .mk-svg-icon {
  width: 16px;
}
/* Common styles of menus */
.mk-vm-menuwrapper {
  position: relative;
  perspective: 1000px;
  perspective-origin: 50% 200%;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.mk-vm-menuwrapper button {
  background: #cccccc;
  border: none;
  width: 48px;
  height: 45px;
  text-indent: -900em;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  outline: none;
}
.mk-vm-menuwrapper button:after {
  content: '';
  position: absolute;
  width: 68%;
  height: 5px;
  top: 10px;
  left: 16%;
}
.mk-vm-menuwrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
  transform-style: preserve-3d;
}
.mk-vm-menuwrapper li {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
.mk-vm-menuwrapper li a {
  display: block;
  position: relative;
  padding: 14px 26px;
  line-height: 130%;
  outline: none;
  transition: all 0.1s ease-out;
}
.mk-vm-menuwrapper li a i {
  margin-right: 6px;
  font-size: 16px;
}
.menu-hover-style-3.mk-vm-menuwrapper {
  margin: 4px 4px 30px;
}
.menu-hover-style-3.mk-vm-menuwrapper li > a {
  padding: 10px 45px 10px 22px;
  border: 2px solid transparent;
  border-radius: 5px;
}
.mk-vm-menuwrapper li.mk-vm-back > a {
  padding-left: 35px;
}
.mk-vm-menuwrapper li.mk-vm-back:before,
.mk-vm-menuwrapper li > a:not(:only-child):before {
  position: absolute;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  ms-transform: translate(0, -50%);
  line-height: 100%;
  font-family: 'themeIcons';
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e68e";
  font-size: 10px;
  display: none;
}
.mk-vm-menuwrapper li.mk-vm-back .mk-svg-icon,
.mk-vm-menuwrapper li .menu-sub-level-arrow {
  position: absolute;
  top: 50%;
  -ms-transform: translate(0, -40%);
  transform: translate(0, -40%);
  ms-transform: translate(0, -40%);
}
.mk-vm-menuwrapper .menu-sub-level-arrow svg,
.mk-vm-menuwrapper .menu-item-icon svg {
  height: 16px;
}
.mk-vm-menuwrapper .menu-item-icon svg {
  margin: -3px 5px 0 0;
  vertical-align: middle;
}
.mk-vm-menuwrapper li > .menu-sub-level-arrow {
  right: 15px;
  opacity: 0.7;
  transition: all 0.1s ease-out;
}
.menu-hover-style-1.mk-vm-menuwrapper li a {
  border-left: 3px solid transparent;
}
.mk-vm-menuwrapper li.mk-vm-back .mk-svg-icon {
  left: 15px;
  margin-top: -2px;
  height: 16px;
  vertical-align: middle;
}
.menu-hover-style-4.mk-vm-menuwrapper li.mk-vm-back:hover::before {
  color: #ffffff;
}
.mk-vm-menuwrapper .mk-vm-menu {
  margin: 0;
  width: 100%;
  -ms-transform: translateY(0);
      transform: translateY(0);
  backface-visibility: hidden;
}
.mk-vm-menuwrapper .mk-vm-menu.mk-vm-menu-toggle {
  transition: all 0.3s ease;
}
.mk-vm-menuwrapper .mk-vm-menu.mk-vm-menuopen {
  opacity: 1;
  pointer-events: auto;
  -ms-transform: translateY(0px);
      transform: translateY(0px);
}
.mk-vm-menuwrapper li .sub-menu {
  display: none;
}
.mk-vm-menu.mk-vm-subview li,
.mk-vm-menu.mk-vm-subview li.mk-vm-subviewopen > a,
.mk-vm-menu.mk-vm-subview li.mk-vm-subview > a,
.mk-vm-subviewopen > .menu-sub-level-arrow,
.mk-vm-subview > .menu-sub-level-arrow {
  display: none;
}
.mk-vm-menu.mk-vm-subview li.mk-vm-subview,
.mk-vm-menu.mk-vm-subview li.mk-vm-subview .sub-menu,
.mk-vm-menu.mk-vm-subview li.mk-vm-subviewopen,
.mk-vm-menu.mk-vm-subview li.mk-vm-subviewopen > .sub-menu,
.mk-vm-menu.mk-vm-subview li.mk-vm-subviewopen > .sub-menu > li {
  display: block;
}
.mk-vm-menuwrapper > .sub-menu {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
}
/* Animation classes for moving out and in */
.mk-vm-menu.mk-vm-animate-out-1 {
  animation: MenuAnimOut1 0.3s ease-in-out;
}
.mk-vm-menu.mk-vm-animate-out-2 {
  animation: MenuAnimOut2 0.4s ease;
}
@keyframes MenuAnimOut1 {
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut2 {
  100% {
    transform: translateZ(300px);
    opacity: 0;
  }
}
.mk-vm-menu.mk-vm-animate-in-1 {
  animation: MenuAnimIn1 0.3s ease-in-out;
}
.mk-vm-menu.mk-vm-animate-in-2 {
  animation: MenuAnimIn2 0.4s ease;
}
@keyframes MenuAnimIn1 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn2 {
  0% {
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}
.mk-vm-menuwrapper > .sub-menu.mk-vm-animate-in-1 {
  animation: SubMenuAnimIn1 0.3s ease-in-out;
}
.mk-vm-menuwrapper > .sub-menu.mk-vm-animate-in-2 {
  animation: SubMenuAnimIn2 0.4s ease;
}
@keyframes SubMenuAnimIn1 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn2 {
  0% {
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0px);
    opacity: 1;
  }
}
.mk-vm-menuwrapper > .sub-menu.mk-vm-animate-out-1 {
  animation: SubMenuAnimOut1 0.3s ease-in-out;
}
.mk-vm-menuwrapper > .sub-menu.mk-vm-animate-out-2 {
  animation: SubMenuAnimOut2 0.4s ease;
}
@keyframes SubMenuAnimOut1 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut2 {
  0% {
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    transform: translateZ(-300px);
    opacity: 0;
  }
}
/* No JS Fallback */
.no-js .mk-vm-menuwrapper .mk-vm-menu {
  position: relative;
  opacity: 1;
  -ms-transform: none;
      transform: none;
}
.no-js .mk-vm-menuwrapper li .sub-menu {
  display: block;
}
.no-js .mk-vm-menuwrapper li.mk-vm-back {
  display: none;
}
.no-js .mk-vm-menuwrapper li > a:not(:only-child):before {
  content: '';
}
#mk-footer {
  width: 100%;
  position: relative;
  padding: 20px 0 0;
}
#mk-footer.mk-footer-unfold {
  position: fixed;
  bottom: 0;
  left: 0;
  backface-visibility: hidden;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
  z-index: 1;
}
@media handheld, only screen and (max-width: 767px) {
  #mk-footer.mk-footer-unfold {
    position: relative;
  }
  #mk-footer.disable-on-mobile {
    display: none;
  }
}
#mk-footer.mk-footer-disable {
  padding-top: 0;
}
#mk-footer .footer-wrapper {
  position: relative;
}
#mk-footer .mk-padding-wrapper {
  padding: 0 20px;
}
@media handheld, only screen and (max-width: 767px) {
  #mk-footer [class*='mk-col-'] {
    width: 100% !important;
  }
}
/* SUB FOOTER SECTION */
.mk-footer-copyright {
  line-height: 16px;
  float: left;
  padding: 25px 0 20px;
  font-size: bold;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 80;
  -khtml-opacity: 80;
  opacity: 80;
  opacity: 0.8;
}
.mk-footer-logo {
  float: left;
  display: inline-block;
  padding: 8px 20px 8px 0;
}
#mk-footer-navigation {
  float: right;
}
#mk-footer-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
#mk-footer-navigation ul li {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
#mk-footer-navigation ul li a {
  margin: 25px 12px 20px;
  display: block;
  font-size: 12px;
  line-height: 16px;
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 80;
  -khtml-opacity: 80;
  opacity: 80;
  opacity: 0.8;
}
#mk-footer-navigation ul li a:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 100;
  -khtml-opacity: 100;
  opacity: 100;
  opacity: 1;
}
#mk-footer-navigation ul li ul {
  display: none;
}
.fullwidth-footer .mk-footer-copyright {
  padding-left: 20px;
}
.fullwidth-footer #mk-footer-navigation {
  margin-right: 20px;
}
@media handheld, only screen and (max-width: 1140px) {
  .mk-footer-copyright {
    padding-left: 20px !important;
  }
}
@media handheld, only screen and (max-width: 767px) {
  #mk-footer-navigation {
    float: none;
    width: auto;
    text-align: center;
  }
  #mk-footer-navigation ul li {
    display: block !important;
  }
  .mk-footer-copyright {
    display: block;
    float: none !important;
    text-align: left;
    clear: both;
    padding: 10px 10px 5px !important;
  }
  #mk-footer-navigation ul li {
    float: none !important;
    width: 100% !important;
  }
  #mk-footer-navigation ul li a {
    margin: 5px auto;
  }
  .mk-footer-copyright {
    text-align: center;
  }
}
.mk-footer-tweets {
  padding: 40px 0 20px;
  text-align: center;
}
.mk-footer-tweets ul {
  padding: 0;
  margin: 0 auto;
  width: 50%;
}
.mk-footer-tweets ul li .tweet-text {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 15px;
  display: block;
}
.mk-footer-tweets ul li .tweet-username {
  font-size: 38px;
  display: block;
  margin-bottom: 30px;
  line-height: 32px;
}
.mk-footer-tweets ul li .tweet-time {
  font-size: 14px;
  margin-bottom: 30px;
  display: block;
  color: #999999;
}
.mk-footer-tweets.mk-light-skin .tweet-text {
  color: #444444;
}
.mk-footer-tweets.mk-light-skin .tweet-text a {
  color: #444444;
}
.mk-footer-tweets.mk-dark-skin .tweet-text {
  color: #ffffff;
}
.mk-footer-tweets.mk-dark-skin .tweet-text a {
  color: #ffffff;
}
.mk-footer-tweets.mk-dark-skin .tweet-time {
  color: #999999;
}
#mk-page-introduce {
  position: relative;
  padding: 15px 0;
}
#mk-page-introduce.intro-left {
  text-align: left;
}
#mk-page-introduce.intro-right {
  text-align: right;
}
#mk-page-introduce.intro-center {
  text-align: center;
}
.page-title {
  margin: 25px 20px 15px;
  line-height: 120%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.page-title.mk-drop-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.page-subtitle {
  display: inline-block;
  line-height: 100%;
  margin: 0px 20px 15px 23px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
#mk-breadcrumbs .mk-breadcrumbs-inner {
  float: right;
  display: inline-block;
  margin: 0 20px -10px 0;
  line-height: 11px;
  padding: 10px 12px 8px;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin {
  color: #ffffff;
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a,
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin .separator {
  color: #d1d1d1;
  color: rgba(255, 255, 255, 0.5);
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a:hover {
  color: #ffffff;
}
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin {
  color: #919191;
}
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin a,
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin .separator {
  color: #afafaf;
}
#mk-breadcrumbs .mk-breadcrumbs-inner.light-skin a:hover {
  color: #797979;
}
@media handheld, only screen and (max-width: 700px) {
  #mk-breadcrumbs .mk-breadcrumbs-inner {
    margin: 15px 0 -15px !important;
    float: none !important;
    display: block !important;
    text-align: center;
  }
}
#mk-breadcrumbs .separator {
  padding: 0 3px;
}
.breadcrumb-categoris-holder span:last-of-type {
  display: none;
}
@media handheld, only screen and (max-width: 1140px) {
  .page-title {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}
@media handheld, only screen and (max-width: 760px) {
  #mk-page-introduce .introduce-fancy-title {
    font-size: 20px !important;
    line-height: 35px !important;
  }
  #mk-page-introduce .introduce-fancy-title span {
    padding: 8px 20px;
    font-size: 20px !important;
  }
}
/* ==========================================================================
general
========================================================================== */
.mk-single-employee ul,
.mk-single-employee li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mk-single-employee .employees_meta .mk-employeee-networks {
  text-align: center;
  margin-top: 15px;
}
.mk-single-employee .employees_meta .mk-employeee-networks li {
  display: inline-block;
}
.mk-single-employee .employees_meta .mk-employeee-networks a {
  border: 1px solid #b2b2b2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.mk-single-employee .employees_meta .mk-employeee-networks svg {
  fill: #222222;
  transition: color .2s ease;
}
.mk-single-employee .employees_meta .mk-employeee-networks a:hover {
  background-color: #222222;
  border-color: #222222;
}
.mk-single-employee .employees_meta .mk-employeee-networks a:hover svg {
  fill: #ffffff;
}
@media handheld, only screen and (max-width: 767px) {
  .mk-single-employee .employees-featured-image {
    text-align: center;
  }
}
.mk-single-employee .single-employee-sidebar {
  width: 275px;
}
@media handheld, only screen and (max-width: 767px) {
  .mk-single-employee .single-employee-sidebar {
    width: 100%;
    margin-bottom: 50px;
  }
}
.mk-single-employee .single-employee-content {
  padding-left: 345px;
}
@media handheld, only screen and (max-width: 767px) {
  .mk-single-employee .single-employee-content {
    padding-left: 0;
  }
}
/* Style1 */
.mk-single-employee.layout-style1 .employees-featured-image img {
  border-radius: 50%;
}
/*  Style2  */
@media handheld, only screen and (min-width: 767px) {
  .mk-single-employee.layout-style2 .s_meta {
    text-align: left;
  }
}
.mk-single-employee.layout-style2 .team-member-name {
  margin-top: 10px;
}
.mk-single-employee.layout-style2 .mk-employeee-networks {
  margin-bottom: 65px;
}
.mk-single-employee.layout-style2 .mk-employeee-networks a {
  text-align: center;
}
@media handheld, only screen and (max-width: 767px) {
  .mk-single-employee.layout-style2 .mk-employeee-networks {
    margin-bottom: 50px;
  }
}
.theme-page-wrapper.mk-single-employee.layout-style3 > .theme-content {
  padding: 0!important;
}
/*  Style3  */
.mk-single-employee.layout-style3 {
  margin: 0 !important;
  /*  light skin  */
  /*  dark skin  */
}
.mk-single-employee.layout-style3 .single-employee-hero-title {
  padding: 85px 0;
}
.mk-single-employee.layout-style3 .employees-featured-image img {
  border-radius: 50%;
}
.mk-single-employee.layout-style3 .skin-light .team-member {
  color: #ffffff;
}
.mk-single-employee.layout-style3 .skin-light .mk-employeee-networks a {
  border: 1px solid #ffffff;
}
.mk-single-employee.layout-style3 .skin-light .mk-employeee-networks svg {
  fill: #ffffff;
}
.mk-single-employee.layout-style3 .skin-light .mk-employeee-networks a:hover {
  background-color: #ffffff;
}
.mk-single-employee.layout-style3 .skin-light .mk-employeee-networks a:hover svg {
  fill: #222222;
}
.mk-single-employee.layout-style3 .skin-dark .team-member {
  color: #222222;
}
.mk-single-employee.layout-style3 .skin-dark .mk-employeee-networks a {
  border: 1px solid #222222;
}
.mk-single-employee.layout-style3 .skin-dark .mk-employeee-networks svg {
  fill: #222222;
}
.mk-single-employee.layout-style3 .skin-dark .mk-employeee-networks a:hover {
  background-color: #222222;
}
.mk-single-employee.layout-style3 .skin-dark .mk-employeee-networks a:hover svg {
  fill: #ffffff;
}
@media handheld, only screen and (max-width: 960px) {
  .mk-single-employee.layout-style3 .single-employee-hero-title {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.mk-single-employee.layout-style3 .single-employee-content {
  padding: 30px 20px 30px 0;
}
.mk-blog-single .the-title {
  margin-bottom: 10px;
}
.mk-blog-single .the-title a {
  font-size: 28px;
}
.mk-blog-single .featured-image {
  position: relative;
  margin-bottom: 20px;
}
.mk-blog-single .blog-single-meta {
  margin-bottom: 20px;
  float: left;
}
@media handheld, only screen and (max-width: 960px) {
  .mk-blog-single .blog-single-meta {
    float: none !important;
    display: block;
  }
}
.mk-blog-single .mk-blog-author,
.mk-blog-single .mk-post-date,
.mk-blog-single .mk-post-cat {
  color: #999999;
  font-style: italic;
  font-size: 14px;
  display: inline-block;
}
.mk-blog-single article {
  position: relative;
}
.mk-blog-single .mk-audio-section {
  height: 170px;
  margin-bottom: 20px;
}
.mk-blog-single .mk-audio-section .jp-audio.audio-has-img {
  margin-left: 170px;
}
.mk-blog-single .mk-audio-section .jp-audio div.jp-interface {
  min-height: 160px !important;
}
@media handheld, only screen and (max-width: 780px) {
  .mk-blog-single .mk-audio-section .audio-has-img {
    margin: 0 !important;
  }
  .mk-blog-single .mk-audio-section .audio-thumb {
    display: none;
  }
}
.mk-blog-single .audio-iframe {
  margin-bottom: 25px;
}
.master-holder.blog-style-bold .mk-blog-single {
  padding: 40px 0;
}
.master-holder.blog-style-bold .mk-single-content {
  margin-bottom: 45px;
}
.master-holder.blog-style-bold .mk-single-content,
.master-holder.blog-style-bold .single-post-tags,
.master-holder.blog-style-bold .mk-about-author-wrapper,
.master-holder.blog-style-bold #comments {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.master-holder.blog-style-bold .single-post-tags {
  margin-bottom: 70px;
}
.master-holder.blog-style-bold .single-post-tags a {
  padding: 10px 15px;
  background-color: #f5f5f5;
  color: #222222;
  font-size: 14px;
  border-radius: 3px;
  margin-bottom: 3px;
}
.master-holder.blog-style-bold .mk-social-share {
  text-align: center;
  margin-bottom: 60px;
  padding-bottom: 60px;
  position: relative;
}
.master-holder.blog-style-bold .mk-social-share:after {
  width: 60px;
  height: 3px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 1px;
  content: '';
  background-color: #222222;
}
.master-holder.blog-style-bold .mk-social-share ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  margin: 0;
}
.master-holder.blog-style-bold .mk-social-share ul li {
  float: left;
  margin: 0 20px;
}
@media handheld, only screen and (max-width: 767px) {
  .master-holder.blog-style-bold .mk-social-share ul li {
    margin: 0 10px;
  }
}
.master-holder.blog-style-bold .mk-about-author-wrapper {
  background-color: #f7f7f7;
  border: none;
  text-align: center;
  padding: 40px 50px;
  border-radius: 3px;
}
.master-holder.blog-style-bold .mk-about-author-wrapper .mk-about-author-meta {
  margin: 0;
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-title,
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-name {
  font-size: 16px;
  color: #222222;
  font-family: Georgia, serif;
  font-style: italic;
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-title {
  margin-bottom: 15px;
  text-transform: capitalize !important;
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-name {
  margin-bottom: 25px;
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-desc {
  font-size: 16px;
  line-height: 28px;
  color: #222222;
}
.master-holder.blog-style-bold .mk-about-author-wrapper .about-author-social a {
  color: #222222;
}
.mk-blog-hero.bold-style {
  height: 100%;
  width: 100%;
  position: relative;
  background-size: cover;
  z-index: 10;
}
.mk-blog-hero.bold-style:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: .4;
  content: '';
  z-index: 1;
}
.mk-blog-hero.bold-style .content-holder {
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 30px 0;
}
.mk-blog-hero.bold-style .the-title,
.mk-blog-hero.bold-style .mk-author-avatar,
.mk-blog-hero.bold-style .mk-author-name,
.mk-blog-hero.bold-style .mk-publish-date {
  color: #ffffff;
}
.mk-blog-hero.bold-style .the-title {
  color: #ffffff;
  max-width: 725px;
  margin: 0 auto;
  font-size: 56px;
  font-weight: bold;
}
.mk-blog-hero.bold-style .mk-author-name,
.mk-blog-hero.bold-style .mk-publish-date {
  font-size: 14px;
  font-style: italic;
}
.mk-blog-hero.bold-style .mk-author-name a,
.mk-blog-hero.bold-style .mk-publish-date a {
  color: #ffffff;
}
.mk-blog-hero.bold-style .mk-author-avatar {
  margin-top: 75px;
}
.mk-blog-hero.bold-style .mk-author-avatar img {
  border: 4px solid #ffffff;
  border-radius: 50%;
}
.mk-blog-hero.bold-style .mk-author-name a {
  font-weight: bold;
}
.single-social-section {
  float: right;
  min-width: 180px;
}
.single-social-section .blog-modern-comment,
.single-social-section .blog-share-container,
.single-social-section .mk-love-holder,
.single-social-section .mk-blog-print {
  float: right;
  display: inline-block;
  margin-left: 20px;
}
.single-social-section .blog-modern-comment svg,
.single-social-section .blog-share-container svg,
.single-social-section .mk-love-holder svg,
.single-social-section .mk-blog-print svg {
  height: 16px;
  vertical-align: middle;
}
.single-social-section .blog-modern-comment svg,
.single-social-section .mk-blog-print svg,
.single-social-section .blog-single-share svg {
  fill: #898989;
}
.single-social-section .blog-modern-comment span,
.single-social-section .mk-blog-print span,
.single-social-section .blog-single-share span {
  color: #898989;
  font-size: 11px;
  padding-left: 3px;
}
.single-social-section .blog-share-container {
  position: relative;
}
.single-social-section .blog-single-share {
  cursor: pointer;
}
.single-social-section .blog-single-share svg {
  height: 16px;
}
@media handheld, only screen and (max-width: 960px) {
  .single-social-section {
    float: none !important;
    display: block;
    margin-bottom: 20px;
  }
  .single-social-section .blog-modern-comment,
  .single-social-section .blog-share-container,
  .single-social-section .mk-love-holder,
  .single-social-section .mk-blog-print {
    float: left;
    padding: 0 20px 0 0 !important;
    margin: 0 !important;
  }
  .single-social-section .single-share-box {
    right: -170px;
    left: auto !important;
  }
  .single-social-section .single-share-box:before {
    left: -5px;
    right: auto !important;
  }
}
.mk-blog-next-prev {
  display: block;
  margin-bottom: -10px;
}
.mk-blog-next-prev a {
  float: left !important;
}
.mk-single-content {
  margin: 10px 0 60px;
}
.single-post-tags {
  margin-bottom: 20px;
  font-size: 12px;
  color: #999999;
}
.single-post-tags a {
  display: inline-block;
  line-height: 13px;
  font-size: 13px;
  color: #999999;
  text-transform: capitalize;
  margin-bottom: 4px;
}
/*.single-back-top {
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-bottom: 2px solid #252525;
  a {
    float: right;
    margin-top: -15px;
    font-size: 13px;
    color: #999999;
    &:hover {
      color: #afafaf;
    }
    svg {
      padding-right: 5px;
    }
  }
  @media handheld, only screen and (max-width:767px) {
    display: none !important;
  }
}*/
.mk-about-author-wrapper {
  border-bottom: 2px solid #dddddd;
  border-top: 2px solid #dddddd;
  padding: 20px 0;
  margin-bottom: 40px;
}
.mk-about-author-wrapper .avatar {
  border-radius: 50%;
  display: block;
  margin: 8px 0 0 0;
  border: 1px solid #eee;
}
.mk-about-author-wrapper .avatar-wrapper {
  display: block;
  width: 80px;
  float: left;
}
.mk-about-author-wrapper .mk-about-author-meta {
  display: block;
}
.blog-style-compact .about-author-name,
.blog-style-compact .about-author-desc,
.blog-style-compact .about-author-social {
  padding-left: 80px;
}
.mk-about-author-wrapper .about-author-name {
  display: block;
  font-weight: bold;
}
.mk-about-author-wrapper .about-author-desc {
  display: block;
}
.mk-about-author-wrapper .about-author-social {
  list-style: none;
  margin: 10px 0 0;
}
.mk-about-author-wrapper .about-author-social li {
  display: inline-block;
  margin: 0;
}
.mk-about-author-wrapper .about-author-social li a {
  margin: 0 4px;
  color: #999;
}
.mk-about-author-wrapper .about-author-social li a svg {
  height: 16px;
}
.mk-about-author-wrapper .about-author-social li a:hover {
  color: #797979;
}
.similar-post-title {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.blog-similar-posts {
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 2px solid #dddddd;
}
.blog-similar-posts .similar-post-holder {
  border: 1px solid #efefef;
  overflow: hidden;
  margin: 0 10px 20px;
}
.blog-similar-posts ul {
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
}
.blog-similar-posts ul.three-cols li {
  width: 33.3%;
}
.blog-similar-posts ul.four-cols li {
  width: 24.9%;
}
.blog-similar-posts ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.blog-similar-posts ul li img {
  position: relative;
}
@media handheld, only screen and (max-width: 960px) {
  .blog-similar-posts li {
    width: 50% !important;
  }
  .blog-similar-posts li img {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media handheld, only screen and (max-width: 600px) {
  .blog-similar-posts li {
    width: 100% !important;
  }
}
.mk-similiar-thumbnail {
  position: relative;
  display: block;
  overflow: hidden;
}
.mk-similiar-thumbnail .image-hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.mk-similiar-thumbnail:hover .image-hover-overlay {
  opacity: .8;
}
.mk-similiar-title {
  padding: 15px 10px;
  display: block;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mk-blog-single .blog-blockquote-content {
  font-size: 26px;
  line-height: 40px;
  color: #222222;
  position: relative;
  background-color: #f5f5f5;
  padding: 70px 70px 70px 100px;
  margin-bottom: 30px;
}
.mk-blog-single .blog-blockquote-content .mk-svg-icon {
  position: absolute;
  top: 77px;
  left: 30px;
  display: block;
  color: #dddddd;
  color: rgba(0, 0, 0, 0.1);
  width: 48px;
}
.mk-blog-single .blog-blockquote-content footer {
  text-align: right;
  color: #999999;
  font-style: italic;
  font-size: 20px;
}
.mk-blog-single.blog-post-type-blockquote .blog-single-title {
  display: none;
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-wrapper {
  display: block;
  text-align: center;
  margin-bottom: 25px;
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container {
  display: inline-block;
  position: relative;
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container .instagram-title {
  padding: 15px 25px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  left: 0;
  box-sizing: border-box;
  position: absolute;
  margin-bottom: 0;
  bottom: 0;
  width: 100%;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: bold;
  text-transform: initial;
  line-height: 20px;
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container .instagram-title span {
  padding-left: 30px;
  display: block;
  color: #ffffff;
  text-align: left;
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container .instagram-title span a {
  color: #55acee;
  display: block;
}
.master-holder.blog-style-compact.blog-post-type-instagram .mk-blog--instagram-container .instagram-title svg {
  position: absolute;
  left: 25px;
  top: 18px;
  height: 20px;
}
.master-holder.blog-style-compact.blog-post-type-instagram .blog-single-title {
  display: none;
}
.master-holder.blog-post-type-twitter .blog-twitter-content {
  font-size: 22px;
  line-height: 40px;
  color: #222222;
  position: relative;
  background-color: #f5f5f5;
  padding: 45px 45px 45px 130px;
  margin-bottom: 30px;
}
.master-holder.blog-post-type-twitter .blog-twitter-content:before {
  position: absolute;
  top: 45px;
  left: 45px;
  width: 55px;
  height: 45px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: cover;
  background-image: url(/wp-content/themes/jupiter/assets/images/social-icons/twitter-blue.svg);
  content: '';
}
.master-holder.blog-post-type-twitter .blog-twitter-content footer {
  text-align: right;
  color: #999999;
  font-style: italic;
  font-size: 20px;
  line-height: normal;
  margin-top: 35px;
}
.master-holder.blog-post-type-twitter .blog-twitter-content footer a,
.master-holder.blog-post-type-twitter .blog-twitter-content footer span {
  display: block;
}
.master-holder.blog-post-type-twitter .blog-twitter-content footer span {
  font-weight: bold;
  font-size: 14px;
  color: #222;
}
.master-holder.blog-post-type-twitter .blog-twitter-content footer a {
  color: #55acee;
  font-size: 12px;
}
.master-holder.blog-post-type-twitter .blog-single-title {
  display: none;
}
.news-post-heading {
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 3px solid #dddddd;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.news-single-social {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 5px;
  display: inline-block;
}
.news-single-social li {
  display: inline-block;
  margin: 0;
  padding: 0 7px 0 5px;
  border-right: 1px solid #bcbcbc;
  line-height: 14px;
}
.news-single-social li.mk-news-share {
  position: relative;
}
.news-single-social li.mk-news-share .news-share-buttons {
  position: absolute;
  background-color: #e9e9e9;
  border: 1px solid #cccccc;
  padding: 10px 6px;
  width: 216px;
  top: 30px;
  right: 0;
  white-space: nowrap;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: none;
}
.news-single-social li.mk-news-share .news-share-buttons:after {
  position: absolute;
  display: block;
  content: "";
  top: -6px;
  right: 43px;
  width: 12px;
  height: 12px;
  background-color: #e9e9e9;
  border: 1px solid #cccccc;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  ms-transform: rotate(45deg);
  border-right: none;
  border-bottom: none;
}
.news-single-social li.mk-news-share .news-share-buttons .share-button {
  display: inline-block;
  float: left;
  padding-left: 10px;
}
.news-single-social li:last-child {
  border: none !important;
}
.news-single-social li a {
  line-height: 16px;
  display: block;
}
.news-single-date {
  display: inline-block;
}
.news-single-date a {
  font-size: 11px;
  color: #999999;
}
.news-single-categories {
  font-size: 12px;
  padding-right: 10px;
  font-weight: bold;
  color: #999999;
  display: inline-block;
  text-transform: uppercase;
}
.single-news-meta {
  line-height: 13px;
}
.news-featured-image {
  margin: 10px 0 50px;
}
.news-post-content {
  margin-bottom: 50px;
}
.not-found-wrapper {
  text-align: center;
  padding: 30px 0 100px 0;
}
.not-found-title {
  font-size: 28px;
  display: block;
  margin-bottom: 20px;
  font-weight: bold;
}
.not-found-subtitle {
  font-size: 220px;
  line-height: 100%;
  display: block;
  font-weight: 300;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
/* Remove extra height from VC controls. Somehow this is not reproducable with other WP themes! */
.compose-mode .vc_element-name .vc_btn-content {
  height: auto !important;
}
/* Gutenberg Styles */
ul.wp-block-gallery {
  margin-bottom: 0;
  margin-left: 0;
}
ul.wp-block-gallery li {
  overflow: hidden;
}
.wp-block-table {
  margin-top: 30px;
}
.wp-block-media-text {
  margin-bottom: 1.5em;
}
.wp-block-pullquote blockquote {
  margin-bottom: 0;
}
.wp-block-pullquote cite,
.wp-block-pullquote p {
  color: inherit;
}
.wp-block-code code {
  margin: 0;
  border: none;
}
blockquote.wp-block-quote {
  padding-left: 70px;
  padding-right: 70px;
  border-left: none;
}
.wp-block-embed:not(.wp-block-embed-twitter):not(.wp-block-embed-instagram):not(.wp-block-embed-wordpress):not(.wp-block-embed-flickr):not(.wp-block-embed-reddit) .wp-block-embed__wrapper {
  position: relative;
  padding: 0;
  width: 100%;
  padding-top: 56.25%;
}
.wp-block-embed:not(.wp-block-embed-twitter):not(.wp-block-embed-instagram):not(.wp-block-embed-wordpress):not(.wp-block-embed-flickr):not(.wp-block-embed-reddit) .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-embed:not(.wp-block-embed-twitter):not(.wp-block-embed-instagram):not(.wp-block-embed-wordpress):not(.wp-block-embed-flickr):not(.wp-block-embed-reddit).wp-embed-aspect-4-3 .wp-block-embed__wrapper {
  padding-top: 75%;
}
.wp-block-search {
  margin: 10px;
}
.wp-block-search .wp-block-search__button {
  background: #f7f7f7;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 0 -1px 0 #ccc;
}
.wp-block-search .wp-block-search__input {
  border-radius: 4px;
  border: 1px solid #8d96a0;
  margin-bottom: 0;
}
.theme-content > [class^='wp-block-'],
[class*=' wp-block-'] {
  margin-bottom: 1em;
}
/* Plugins Styles */
#mk_banner_builder {
  padding: 0 75px;
}
#mk_banner_builder .flex-viewport {
  margin: 0 auto !important;
}
#mk_banner_builder > .flex-direction-nav a {
  width: 42px;
  height: 42px;
  top: 50%;
  margin-top: -21px;
  text-align: center;
  line-height: 42px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}
#mk_banner_builder > .flex-direction-nav a:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
#mk_banner_builder > .flex-direction-nav a i {
  line-height: 42px;
  font-size: 16px;
  color: #ffffff;
}
#mk_banner_builder > .flex-direction-nav .flex-next {
  right: 5px;
}
#mk_banner_builder > .flex-direction-nav .flex-prev {
  left: 5px;
}
#mk_banner_builder:hover .flex-direction-nav .flex-next {
  right: 20px;
}
#mk_banner_builder:hover .flex-direction-nav .flex-prev {
  left: 20px;
}
.intro-effect-fade,
.intro-effect-zoom_out {
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
}
/* -------------------------- */
/*          Fade Effect       */
/* -------------------------- */
/* -------------------------- */
/*          Curtain Effect    */
/* -------------------------- */
.intro-effect-shuffle {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  background-attachment: fixed!important;
}
.intro-effect-shuffle .page-section-content {
  transition: all 0.6s ease-in-out;
}
/* Changed .mk-intro-triggered to .shuffled - JPM-1736 */
.intro-effect-shuffle.shuffled .page-section-content {
  opacity: 0;
}
/* -------------------------- */
/*          Expose Effect     */
/* -------------------------- */
.mk-commentlist {
  margin: 0 0 40px;
}
.mk-commentlist li {
  list-style: none;
  margin: 0 0 15px;
}
.mk-commentlist li .mk-single-comment {
  margin-bottom: 20px;
}
.mk-commentlist li .gravatar {
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  overflow: hidden;
  float: left;
  margin: 0 10px;
  width: 45px;
  height: 45px;
}
.mk-commentlist li .comment-author {
  font-weight: bold;
  color: #666666;
  float: left;
  margin: 6px 16px 0 0;
}
.mk-commentlist li .comment-time {
  display: inline-block;
  float: left;
  color: #999999;
  margin: 6px 16px 0 0;
  font-size: 11px;
}
.mk-commentlist li .comment-reply {
  float: left;
  display: inline-block;
  margin-top: 6px;
}
.mk-commentlist li .comment-content {
  display: block;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  padding: 15px;
  margin-top: 17px;
  border-radius: 3px;
  position: relative;
}
.mk-commentlist li .comment-content p {
  margin: 0;
}
.mk-commentlist li .comment-content:after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  left: 24px;
  top: -8px;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: none;
  border-bottom: none;
}
.mk-commentlist li .children {
  margin-left: 30px;
}
.blog-comment-title {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.comment-form-info {
  font-size: 11px;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #9a9a9a;
}
#cancel-comment-reply-link {
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
  font-weight: normal;
  color: #666666;
}
form#commentform {
  margin-bottom: 40px;
}
form#commentform .comment-textarea {
  margin-bottom: 4px;
}
form#commentform .comment-textarea textarea {
  width: 100%;
}
.bypostauthor .comment-content {
  background-color: rgba(0, 0, 0, 0.03);
}
#respond {
  margin-top: 50px;
  position: relative;
}
#respond .respond-heading {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#respond #submit {
  margin: 10px 0 0 0 !important;
  display: inline-block;
  margin-right: 10px;
  margin-left: 0;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  zoom: 1;
  border: none;
  outline: none;
  padding: 12px 26px;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1px;
  border-radius: 2px;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out;
  color: #ffffff !important;
}
#respond #submit:hover {
  background-color: #252525 !important;
  color: #ffffff !important;
}
.comment-form-row {
  width: 33.33%;
  display: inline-block;
  margin-bottom: 7px;
  padding-right: 10px;
  float: left;
}
.comment-form-row input {
  width: 100%;
}
.mk-commentlist .respond-heading {
  margin-bottom: 0px !important;
}
.comment-form-website {
  padding-right: 0;
}
.comment-form-cookies-consent {
  margin-bottom: 15px;
}
.comment-form-cookies-consent input {
  margin-right: 8px;
}
.comment-form-cookies-consent label {
  font-size: 14px;
}
@media only screen and (max-width: 960px) {
  .comment-form-row {
    width: 100%;
    margin-bottom: 7px;
    padding-right: 0;
  }
  form#commentform .comment-textarea textarea {
    width: 100% !important;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 960px) {
  #respond #submit {
    display: block;
    width: 100%;
  }
}
.search-result-item {
  margin-top: 20px;
  padding-top: 20px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}
.search-result-item .search-loop-meta {
  display: block;
  margin-bottom: 6px;
  color: #999999;
}
.mk-search-loop .widget_search {
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.mk-search-loop .widget_search .mk-searchform {
  margin: 0 auto;
}
.mk-search-loop .widget_search p {
  margin-bottom: 20px;
}
/* Modules */
/* *
*
-------------------------- WIDGETS SECTION -----------------------------
*
* */
.widget {
  margin-bottom: 40px;
}
.mk-side-dashboard .widget {
  margin-bottom: 20px;
}
.widgettitle {
  position: relative;
  display: block;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
#mk-sidebar ul,
#mk-footer ul,
.mk-side-dashboard .widget ul {
  margin: 0;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_authors li,
.widget_contact_info li,
.widget_popular_posts li,
.widget_text li,
.widget_popular_tags li,
.widget_recent_posts li,
.widget_twitter li,
.widget_pages li,
.widget_recent_comments li,
.widget_rss li,
.widget_recent_entries li,
.widget_product_categories li {
  margin: 0;
  list-style: none;
}
.widget_archive li a,
.widget_recent_comments .recentcomments,
.widget_categories li a,
.widget_links li a,
.widget_meta li a,
.widget_contact_info li a,
.widget_popular_tags li a,
.widget_pages li a,
.widget_text li a,
.widget_recent_entries li a {
  display: inline-block;
  margin: 0 0 8px 0;
  text-decoration: none;
  line-height: 18px;
}
.widget_archive li a:before,
.widget_categories li a:before,
.widget_nav_menu li a:before,
.widget_links li a:before,
.widget_pages li a:before,
.widget_meta li a:before,
.widget_authors li a:before,
.widget_popular_tags li a:before,
.widget_rss li a:before,
.tw_list .tweet_list li a:before,
.widget_product_categories li a:before {
  margin-right: 7px;
  content: "\f105";
  font-size: 12px;
}
.widget_archive li a .mk-svg-icon,
.widget_categories li a .mk-svg-icon,
.widget_nav_menu li a .mk-svg-icon,
.widget_links li a .mk-svg-icon,
.widget_pages li a .mk-svg-icon,
.widget_meta li a .mk-svg-icon,
.widget_authors li a .mk-svg-icon,
.widget_popular_tags li a .mk-svg-icon,
.widget_rss li a .mk-svg-icon,
.tw_list .tweet_list li a .mk-svg-icon,
.widget_product_categories li a .mk-svg-icon {
  margin-right: 7px;
  height: 12px;
  width: 12px;
}
.widget_recent_entries li a {
  margin-left: 0 !important;
}
/* Widgets:List Widgets with divider
-------------------------------------------------------------------- */
.widget.widget_recent_entries li a,
.widget.widget_meta li a,
.widget.widget_links li a,
.widget.widget_categories li a,
.widget.widget_archive li a,
.widget.widget_pages li a {
  margin: 5px 0px;
}
.widget.widget_recent_entries .sub-menu li,
.widget.widget_meta .sub-menu li,
.widget.widget_links .sub-menu li,
.widget.widget_categories .sub-menu li,
.widget.widget_archive .sub-menu li,
.widget.widget_pages .sub-menu li {
  margin-left: 0;
  border-top: 1px solid rgba(128, 128, 128, 0.1);
}
/* Widget:Sub Navigation
-------------------------------------------------------------------- */
.widget-sub-navigation,
.widget_nav_menu,
.widget_product_categories,
.woocommerce-MyAccount-navigation {
  padding: 4px;
}
.widget-sub-navigation > ul,
.widget_nav_menu > ul,
.widget_product_categories > ul,
.woocommerce-MyAccount-navigation > ul {
  border: 1px solid #ebebeb;
  border-radius: 2px;
}
.widget-sub-navigation ul.menu,
.widget_nav_menu ul.menu,
.widget_product_categories ul.menu,
.woocommerce-MyAccount-navigation ul.menu {
  border: 1px solid #ebebeb;
  border-radius: 2px;
}
.widget-sub-navigation ul,
.widget_nav_menu ul,
.widget_product_categories ul,
.woocommerce-MyAccount-navigation ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-sub-navigation ul li,
.widget_nav_menu ul li,
.widget_product_categories ul li,
.woocommerce-MyAccount-navigation ul li {
  margin: 0;
  border-bottom: 1px solid #ebebeb;
}
.widget-sub-navigation ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_product_categories ul li:last-child,
.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none !important;
}
.widget-sub-navigation ul li a,
.widget_nav_menu ul li a,
.widget_product_categories ul li a,
.woocommerce-MyAccount-navigation ul li a {
  display: inline-block;
  padding: 6px 10px;
}
.widget-sub-navigation ul li.current_page_item a,
.widget_nav_menu ul li.current_page_item a,
.widget_product_categories ul li.current_page_item a,
.woocommerce-MyAccount-navigation ul li.current_page_item a {
  background-color: rgba(0, 0, 0, 0.03);
  font-weight: bold;
}
.widget-sub-navigation ul .page_item_has_children,
.widget_nav_menu ul .page_item_has_children,
.widget_product_categories ul .page_item_has_children,
.woocommerce-MyAccount-navigation ul .page_item_has_children,
.widget-sub-navigation ul.menu > .menu-item-has-children,
.widget_nav_menu ul.menu > .menu-item-has-children,
.widget_product_categories ul.menu > .menu-item-has-children,
.woocommerce-MyAccount-navigation ul.menu > .menu-item-has-children,
.widget-sub-navigation ul .cat-parent,
.widget_nav_menu ul .cat-parent,
.widget_product_categories ul .cat-parent,
.woocommerce-MyAccount-navigation ul .cat-parent {
  position: relative;
}
.widget-sub-navigation ul .page_item_has_children.toggle-active:before,
.widget_nav_menu ul .page_item_has_children.toggle-active:before,
.widget_product_categories ul .page_item_has_children.toggle-active:before,
.woocommerce-MyAccount-navigation ul .page_item_has_children.toggle-active:before,
.widget-sub-navigation ul.menu > .menu-item-has-children.toggle-active:before,
.widget_nav_menu ul.menu > .menu-item-has-children.toggle-active:before,
.widget_product_categories ul.menu > .menu-item-has-children.toggle-active:before,
.woocommerce-MyAccount-navigation ul.menu > .menu-item-has-children.toggle-active:before,
.widget-sub-navigation ul .cat-parent.toggle-active:before,
.widget_nav_menu ul .cat-parent.toggle-active:before,
.widget_product_categories ul .cat-parent.toggle-active:before,
.woocommerce-MyAccount-navigation ul .cat-parent.toggle-active:before {
  content: "-";
  right: 12px;
  top: 4px;
}
.widget-sub-navigation ul .page_item_has_children:before,
.widget_nav_menu ul .page_item_has_children:before,
.widget_product_categories ul .page_item_has_children:before,
.woocommerce-MyAccount-navigation ul .page_item_has_children:before,
.widget-sub-navigation ul.menu > .menu-item-has-children:before,
.widget_nav_menu ul.menu > .menu-item-has-children:before,
.widget_product_categories ul.menu > .menu-item-has-children:before,
.woocommerce-MyAccount-navigation ul.menu > .menu-item-has-children:before,
.widget-sub-navigation ul .cat-parent:before,
.widget_nav_menu ul .cat-parent:before,
.widget_product_categories ul .cat-parent:before,
.woocommerce-MyAccount-navigation ul .cat-parent:before {
  content: "+";
  font-size: 20px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 6px;
  right: 9px;
  font-weight: bold;
  color: rgba(128, 128, 128, 0.6);
}
.widget-sub-navigation ul .page_item_has_children > ul,
.widget_nav_menu ul .page_item_has_children > ul,
.widget_product_categories ul .page_item_has_children > ul,
.woocommerce-MyAccount-navigation ul .page_item_has_children > ul,
.widget-sub-navigation ul.menu > .menu-item-has-children > ul,
.widget_nav_menu ul.menu > .menu-item-has-children > ul,
.widget_product_categories ul.menu > .menu-item-has-children > ul,
.woocommerce-MyAccount-navigation ul.menu > .menu-item-has-children > ul,
.widget-sub-navigation ul .cat-parent > ul,
.widget_nav_menu ul .cat-parent > ul,
.widget_product_categories ul .cat-parent > ul,
.woocommerce-MyAccount-navigation ul .cat-parent > ul {
  border-top: 1px solid #ebebeb;
  display: none;
}
.widget-sub-navigation ul .page_item_has_children > ul .sub-menu > li,
.widget_nav_menu ul .page_item_has_children > ul .sub-menu > li,
.widget_product_categories ul .page_item_has_children > ul .sub-menu > li,
.woocommerce-MyAccount-navigation ul .page_item_has_children > ul .sub-menu > li,
.widget-sub-navigation ul.menu > .menu-item-has-children > ul .sub-menu > li,
.widget_nav_menu ul.menu > .menu-item-has-children > ul .sub-menu > li,
.widget_product_categories ul.menu > .menu-item-has-children > ul .sub-menu > li,
.woocommerce-MyAccount-navigation ul.menu > .menu-item-has-children > ul .sub-menu > li,
.widget-sub-navigation ul .cat-parent > ul .sub-menu > li,
.widget_nav_menu ul .cat-parent > ul .sub-menu > li,
.widget_product_categories ul .cat-parent > ul .sub-menu > li,
.woocommerce-MyAccount-navigation ul .cat-parent > ul .sub-menu > li {
  padding-left: 20px;
}
.widget-sub-navigation ul .page_item_has_children > ul ul,
.widget_nav_menu ul .page_item_has_children > ul ul,
.widget_product_categories ul .page_item_has_children > ul ul,
.woocommerce-MyAccount-navigation ul .page_item_has_children > ul ul,
.widget-sub-navigation ul.menu > .menu-item-has-children > ul ul,
.widget_nav_menu ul.menu > .menu-item-has-children > ul ul,
.widget_product_categories ul.menu > .menu-item-has-children > ul ul,
.woocommerce-MyAccount-navigation ul.menu > .menu-item-has-children > ul ul,
.widget-sub-navigation ul .cat-parent > ul ul,
.widget_nav_menu ul .cat-parent > ul ul,
.widget_product_categories ul .cat-parent > ul ul,
.woocommerce-MyAccount-navigation ul .cat-parent > ul ul {
  border-top: 1px solid #ebebeb;
}
.widget-sub-navigation ul .page_item_has_children > ul > li a,
.widget_nav_menu ul .page_item_has_children > ul > li a,
.widget_product_categories ul .page_item_has_children > ul > li a,
.woocommerce-MyAccount-navigation ul .page_item_has_children > ul > li a,
.widget-sub-navigation ul.menu > .menu-item-has-children > ul > li a,
.widget_nav_menu ul.menu > .menu-item-has-children > ul > li a,
.widget_product_categories ul.menu > .menu-item-has-children > ul > li a,
.woocommerce-MyAccount-navigation ul.menu > .menu-item-has-children > ul > li a,
.widget-sub-navigation ul .cat-parent > ul > li a,
.widget_nav_menu ul .cat-parent > ul > li a,
.widget_product_categories ul .cat-parent > ul > li a,
.woocommerce-MyAccount-navigation ul .cat-parent > ul > li a {
  padding-left: 10px;
}
.widget_product_categories > ul {
  border: 0;
}
.widget_product_categories ul li {
  border-bottom: 0;
}
.widget_product_categories ul li a {
  display: inline-block !important;
  padding: 6px 0;
}
.widget_nav_menu .mk-svg-icon,
.widget_recent_comments .mk-svg-icon,
.widget_meta .mk-svg-icon {
  position: relative;
  top: 2px;
}
#mk-footer .widget-sub-navigation ul,
#mk-footer .widget_nav_menu ul {
  border: none !important;
}
#mk-footer .widget-sub-navigation ul li,
#mk-footer .widget_nav_menu ul li {
  border: none !important;
}
#mk-footer .widget-sub-navigation ul li a,
#mk-footer .widget_nav_menu ul li a {
  padding: 5px 15px 5px 5px;
}
#mk-footer .widget-sub-navigation ul li a:before,
#mk-footer .widget_nav_menu ul li a:before {
  display: none;
}
.widget_tag_cloud a {
  display: inline-block;
  margin: 8px 3px 0 0;
  padding: 8px 10px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  text-transform: capitalize;
  font-size: 12px !important;
  line-height: 100%;
}
/* Widgets:CONTACT FORM
-------------------------------------------------------------------- */
.widget_contact_form {
  padding-bottom: 5px;
}
.widget_contact_form .text-input {
  margin-bottom: 6px;
  width: 100%;
}
.widget_contact_form .textarea {
  margin-bottom: 10px;
  width: 100%;
  height: 120px;
}
.widget_contact_form .mk-form-row-widget {
  position: relative;
}
.widget_contact_form .mk-button {
  border: 0;
}
.widget_contact_form .captcha-change-image {
  display: block;
  font-size: 10px;
}
.widget_contact_form .captcha-image {
  max-height: 50px;
}
.mk-contact-widget-gdpr-consent {
  line-height: 1.2em;
  text-align: left;
  margin-bottom: 15px;
}
.mk-contact-widget-gdpr-consent label {
  font-size: 12px;
  cursor: pointer;
  padding-left: 10px;
}
.mk-invalid {
  border: 1px solid #fd5e5e !important;
}
#mk-footer .widget_contact_form .text-input,
#mk-footer .widget_contact_form .textarea {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.03);
}
/* Widgets:CONTACT INFO
-------------------------------------------------------------------- */
.widget_contact_info ul {
  margin: 0;
  padding: 0;
}
.widget_contact_info ul li {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 25px;
  line-height: 20px;
}
.widget_contact_info ul li a {
  margin: 0;
}
.widget_contact_info ul li svg {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  vertical-align: middle;
}
.widget .mk-contact-form {
  position: relative;
}
.widget .mk-contact-form .mk-contact-loading,
.widget .mk-contact-form .mk-contact-success {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 16px;
  height: 16px;
  font-size: 16px;
}
/* Widgets:INSTAGRAM FEEDS
-------------------------------------------------------------------- */
.mk-instagram-feeds .item-holder {
  margin: 0 2px 2px 0;
  position: relative;
}
.mk-instagram-feeds a {
  line-height: 4px;
  float: left;
}
.mk-instagram-feeds .featured-image {
  line-height: 4px;
}
.mk-instagram-feeds .featured-image img {
  position: relative;
}
.mk-instagram-feeds .one-columns {
  width: 100%;
}
.mk-instagram-feeds .two-columns {
  width: 49.9%;
}
.mk-instagram-feeds .three-columns {
  width: 33.2%;
}
.mk-instagram-feeds .four-columns {
  width: 24.9%;
}
.mk-instagram-feeds .five-columns {
  width: 19.9%;
}
@media handheld, only screen and (max-width: 600px) {
  .mk-instagram-feeds .five-columns,
  .mk-instagram-feeds .four-columns,
  .mk-instagram-feeds .three-columns {
    width: 50% !important;
  }
}
/* Widgets:POPULAR POSTS,
Recent Posts,
Related Posts
-------------------------------------------------------------------- */
.widget_posts_lists ul li {
  overflow: hidden;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
.widget_posts_lists ul li .post-list-thumb {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 7px 0 0;
  width: 80px;
}
.widget_posts_lists ul li .post-list-info {
  margin: 0 10px 5px 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;
}
.widget_posts_lists ul li .post-list-meta {
  display: block;
  padding-top: 4px;
  font-size: 11px;
  line-height: 16px;
  font-style: italic;
}
.widget_posts_lists ul li .post-list-meta time {
  color: #999999;
}
/* Widgets:SOCIAL NETWORKS
-------------------------------------------------------------------- */
.widget_social_networks .align-left {
  text-align: left;
}
.widget_social_networks .align-center {
  text-align: center;
}
.widget_social_networks .align-right {
  text-align: right;
}
.widget_social_networks a {
  position: relative;
  display: inline-block;
  margin: 5px 15px 5px 0;
  line-height: 100%;
  opacity: .5;
  transition: all .2s ease;
}
.widget_social_networks a:hover {
  opacity: 1;
}
.widget_social_networks a.mk-square-pointed,
.widget_social_networks a.mk-square-rounded,
.widget_social_networks a.mk-circle-frame {
  background-color: #ffffff;
  background-color: rgba(50, 50, 50, 0);
}
.widget_social_networks a.mk-square-pointed svg,
.widget_social_networks a.mk-square-rounded svg,
.widget_social_networks a.mk-circle-frame svg {
  vertical-align: middle;
}
.widget_social_networks a.mk-square-pointed.small svg,
.widget_social_networks a.mk-square-rounded.small svg,
.widget_social_networks a.mk-circle-frame.small svg {
  padding: 10px;
}
.widget_social_networks a.mk-square-pointed.medium svg,
.widget_social_networks a.mk-square-rounded.medium svg,
.widget_social_networks a.mk-circle-frame.medium svg {
  padding: 12px;
}
.widget_social_networks a.mk-square-pointed.large svg,
.widget_social_networks a.mk-square-rounded.large svg,
.widget_social_networks a.mk-circle-frame.large svg {
  padding: 16px;
}
.widget_social_networks a.mk-square-pointed.dark,
.widget_social_networks a.mk-square-rounded.dark,
.widget_social_networks a.mk-circle-frame.dark {
  border: 1px solid #828282;
}
.widget_social_networks a.mk-square-pointed.light,
.widget_social_networks a.mk-square-rounded.light,
.widget_social_networks a.mk-circle-frame.light {
  border: 1px solid #ebebeb;
}
.widget_social_networks a.mk-square-pointed.custom,
.widget_social_networks a.mk-square-rounded.custom,
.widget_social_networks a.mk-circle-frame.custom {
  border: 1px solid #828282;
}
.widget_social_networks a.mk-circle-frame {
  border-radius: 50%;
}
.widget_social_networks a.mk-square-rounded {
  border-radius: 15%;
}
.widget_social_networks a.dark,
.widget_social_networks a.dark:hover {
  color: #828282;
}
.widget_social_networks a.light,
.widget_social_networks a.light:hover {
  color: #ebebeb;
}
.widget_social_networks a.small svg {
  height: 16px;
  width: 16px;
}
.widget_social_networks a.medium svg {
  height: 24px;
  width: 24px;
}
.widget_social_networks a.large svg {
  height: 32px;
  width: 32px;
}
.mk-jupiter-icon-xing:before,
.mk-jupiter-icon-square-xing:before,
.mk-jupiter-icon-simple-xing:before {
  vertical-align: middle !important;
  line-height: 1 !important;
  position: relative;
  top: -3px;
}
/* Widgets:TESTIMONIAL SLIDER
-------------------------------------------------------------------- */
.widget_testimonials .widgettitle {
  margin-bottom: -17px;
}
.widget_testimonials .testimonial-slider li {
  margin: 0;
}
.widget_testimonials .testimonial-slider .testimonial-quote {
  position: relative;
  padding: 15px;
  border: 1px solid #ededed;
  background-color: #fafafa;
  color: #808080 !important;
  border-radius: 2px;
}
.widget_testimonials .testimonial-slider .testimonial-quote:after {
  position: absolute;
  bottom: -7px;
  left: 20px;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #ededed;
  border-top: none;
  border-left: none;
  background-color: #fafafa;
  content: "";
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.widget_testimonials .testimonial-slider .testimonial-author {
  display: block;
  margin: 25px 0 7px 20px;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
}
.widget_testimonials .testimonial-slider .testimonial-position {
  display: block;
  margin-left: 20px;
  font-size: 11px;
  line-height: 12px;
}
.widget_testimonials .testimonial-slider .testimonial-author-image {
  display: inline-block;
  float: left;
  margin: 18px 10px 3px 5px;
  width: 50px;
  height: 50px;
  border-radius: 100px;
}
.testimonial-slider.mk-flexslider {
  padding: 35px 0 0 0px;
}
.testimonial-slider.mk-flexslider .flex-direction-nav {
  position: absolute;
  top: 0px;
  right: 5px;
}
.testimonial-slider.mk-flexslider .flex-direction-nav .mk-jupiter-icon-arrow-left:before,
.testimonial-slider.mk-flexslider .flex-direction-nav .mk-jupiter-icon-arrow-right:before {
  color: #aaaaaa;
}
.testimonial-slider.mk-flexslider .flex-direction-nav a {
  right: 0px !important;
  width: 10px;
  height: 11px;
}
.testimonial-slider.mk-flexslider .flex-direction-nav .flex-prev {
  margin-right: 15px;
}
/* Widgets:MINI SLIDESHOW
-------------------------------------------------------------------- */
.mk-widget-mini-slideshow li img {
  border-radius: 2px;
}
.mk-widget-mini-slideshow .flex-direction-nav a {
  top: 50%;
  width: 18px;
  height: 18px;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  position: absolute;
  padding: 10px;
  border-radius: 2px;
  cursor: pointer;
  color: #ffffff;
  opacity: 0;
}
.mk-widget-mini-slideshow .flex-direction-nav a:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.mk-widget-mini-slideshow .flex-direction-nav a svg {
  fill: #ffffff !important;
  margin: 0;
}
.mk-widget-mini-slideshow .flex-prev {
  left: 10px;
}
.mk-widget-mini-slideshow .flex-next {
  right: 10px;
}
.mk-widget-mini-slideshow:hover .flex-direction-nav a {
  opacity: 1;
}
/* Widgets:NEWS FEED
-------------------------------------------------------------------- */
.widget_news_feed {
  padding-bottom: 5px;
}
.widget_news_feed .widgettitle {
  margin-bottom: -18px;
}
.widget_news_feed .mk-flexslider {
  padding-top: 30px;
}
.widget_news_feed .flex-direction-nav {
  position: absolute;
  top: 0px;
  right: 5px;
}
.widget_news_feed .flex-direction-nav .mk-svg-icon {
  fill: #aaaaaa !important;
}
.widget_news_feed .flex-direction-nav a {
  right: 0px !important;
  width: 10px;
  height: 11px;
}
.widget_news_feed .flex-direction-nav .flex-prev {
  margin-right: 18px;
}
.widget_news_feed .mk-button {
  float: right;
  margin-top: 8px;
  color: #ffffff !important;
}
.news-widget-thumbnail {
  display: block;
  margin-bottom: 10px;
}
.news-widget-thumbnail img {
  border-radius: 2px;
}
.news-widget-title {
  margin-bottom: 5px;
}
.news-widget-title a {
  display: block;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
}
.news-widget-excerpt p {
  margin: 0;
  line-height: 18px;
}
/* Widgets:RECENT PORTFOLIOS
-------------------------------------------------------------------- */
.widget_recent_portfolio {
  overflow: visible;
}
.widget_recent_portfolio ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget_recent_portfolio ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
}
.widget_recent_portfolio ul li:hover .widget-portfolio-overlay {
  opacity: .4;
}
.widget_recent_portfolio ul li:hover .portfolio-widget-lightbox,
.widget_recent_portfolio ul li:hover .portfolio-widget-permalink {
  opacity: 1;
}
.portfolio-widget-thumb {
  position: relative;
  display: block;
}
.portfolio-widget-thumb img {
  width: 100%;
}
.widget-portfolio-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.portfolio-widget-lightbox,
.portfolio-widget-permalink {
  position: absolute;
  top: 40%;
  margin-top: -15px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  opacity: 0;
}
.portfolio-widget-lightbox svg,
.portfolio-widget-permalink svg {
  fill: #ffffff;
  vertical-align: middle;
}
.portfolio-widget-lightbox:hover,
.portfolio-widget-permalink:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-widget-lightbox {
  right: 50%;
  margin-right: -42px;
}
.portfolio-widget-permalink {
  left: 50%;
  margin-left: -42px;
}
.portfolio-widget-info {
  position: absolute;
  top: 100px;
  left: 20px;
  right: 20px;
  padding: 10px;
  background-color: #333333;
  text-align: center;
  border-radius: 3px;
  opacity: 0;
}
.portfolio-widget-title {
  display: inline-block;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px !important;
}
/* Widgets:TWITTER FEEDS 
-------------------------------------------------------------------- */
.mk-tweet-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mk-tweet-list li {
  position: relative;
  margin: 0 0 10px 20px;
}
.mk-tweet-list li .mk-svg-icon {
  position: absolute;
  height: 16px;
  top: 8px;
  left: -28px;
}
.mk-tweet-list li .tweet-text {
  display: block;
}
.mk-tweet-list li .tweet-time {
  display: block;
  opacity: 0.7;
  font-size: 80%;
}
.mk-tweet-list.light li {
  color: #777777;
}
.mk-tweet-list.light li a {
  color: #777777 !important;
  opacity: 0.7;
}
.mk-tweet-list.dark li {
  color: #ffffff;
}
.mk-tweet-list.dark li a {
  color: #ffffff !important;
  opacity: 0.7;
}
/* Widgets:SEARCH FORM
-------------------------------------------------------------------- */
.widget .mk-searchform {
  position: relative;
}
.widget .mk-searchform .text-input {
  margin: 0;
  padding: 12px 28px 12px 15px;
  width: 100%;
  border: 2px solid rgba(0, 0, 0, 0.12);
}
.widget .mk-searchform .text-input:focus {
  border-color: rgba(0, 0, 0, 0.25);
}
.widget .mk-searchform i {
  position: absolute;
  top: 13px;
  right: 14px;
  opacity: .4;
}
.widget .mk-searchform i:hover {
  opacity: 1;
}
.widget .mk-searchform i svg {
  height: 16px;
}
.widget .mk-searchform i .search-button {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  background-color: transparent;
}
#mk-footer .mk-searchform .search-button {
  color: #ffffff;
}
#mk-footer .mk-searchform .mk-icon-search {
  color: rgba(255, 255, 255, 0.3);
}
#mk-footer .mk-searchform .text-input {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.03);
}
#mk-footer .mk-searchform .text-input:focus {
  border-color: rgba(255, 255, 255, 0.08);
}
/* Widgets:CALENDAR
-------------------------------------------------------------------- */
.calendar_wrap {
  position: relative;
  margin: 5px;
  padding: 0;
  border: 1px solid #dbdbdb;
  background: #f6f6f6;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.03);
}
.calendar_wrap .mk-svg-icon {
  position: relative;
  top: 3px;
  fill: #666666;
}
#wp-calendar {
  margin: 0 !important;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
#wp-calendar thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #666666;
  font-size: 12px;
}
#wp-calendar caption {
  padding: 12px;
  background-color: #f2f2f2;
  background-color: rgba(0, 0, 0, 0.05);
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  line-height: 10px;
}
#wp-calendar th,
#wp-calendar th {
  padding: 10px 5px;
  color: #787573;
}
#wp-calendar tbody td {
  padding: 12px 2px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  color: #333333;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  line-height: 11px;
}
#wp-calendar td#today {
  color: #ffffff;
}
#wp-calendar a {
  color: #666666;
}
#wp-calendar #next,
#wp-calendar #prev {
  position: absolute;
  top: 4px;
  display: block;
  margin: 0;
  padding: 0;
  background: 0;
}
#wp-calendar #next a,
#wp-calendar #prev a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  text-indent: -9999px;
}
#wp-calendar #prev {
  left: 5px;
  width: 18px;
  height: 18px;
  border: 0;
}
#wp-calendar #prev:before {
  content: "\f053";
  text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
#wp-calendar #next {
  right: 5px;
  width: 18px;
  height: 18px;
  border: 0;
}
#wp-calendar #next:before {
  content: "\f054";
  text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
#wp-calendar tfoot .pad {
  display: none;
}
@media handheld, only screen and (max-width: 960px) {
  #calendar_wrap {
    width: 300px;
  }
}
/* Widgets:RECENT COMMENTS
-------------------------------------------------------------------- */
.widget_recent_comments li {
  display: block;
  margin: 0 !important;
  padding: 10px 0 !important;
  width: 100%;
  border-top: 1px solid rgba(128, 128, 128, 0.1);
}
.widget_recent_comments li:first-child {
  border-top: none;
}
.widget_recent_comments li:before {
  margin-right: 7px;
  color: #b2b2b2;
  content: "\f0e5";
  font-size: 16px;
}
.widget_recent_comments li .mk-svg-icon {
  margin-right: 7px;
  fill: #b2b2b2;
  height: 16px!important;
  width: 16px!important;
}
/* Widgets:Quick Contact Form
-------------------------------------------------------------------- */
.mk-quick-contact-wrapper {
  position: fixed;
  right: 10px;
  bottom: 15px;
  text-align: center;
  backface-visibility: hidden;
  perspective: 1000;
  transform: translateZ(0px);
  transition: all 0.2s ease-in-out;
}
.mk-quick-contact-wrapper.is-active {
  right: 70px;
}
.mk-quick-contact-wrapper .mk-quick-contact-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 13px;
}
.mk-quick-contact-wrapper p {
  color: #888888;
}
.mk-quick-contact-wrapper .mk-contact-form {
  position: relative;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input,
.mk-quick-contact-wrapper .mk-contact-form .textarea {
  padding: 11px;
  width: 240px;
  border: 0;
  margin-bottom: 7px;
  font-size: 14px;
  border: 1px solid transparent;
  background-color: #f7f7f7;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input:focus,
.mk-quick-contact-wrapper .mk-contact-form .textarea:focus {
  background-color: #ffffff;
  color: #666666;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input::-webkit-input-placeholder,
.mk-quick-contact-wrapper .mk-contact-form .textarea::-webkit-input-placeholder {
  font-size: 12px;
  color: #999999;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input:-ms-input-placeholder,
.mk-quick-contact-wrapper .mk-contact-form .textarea:-ms-input-placeholder {
  font-size: 12px;
  color: #999999;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input:-moz-placeholder,
.mk-quick-contact-wrapper .mk-contact-form .textarea:-moz-placeholder {
  font-size: 12px;
  color: #999999;
}
.mk-quick-contact-wrapper .mk-contact-form .textarea {
  height: 100px;
  margin-bottom: 10px;
}
.mk-quick-contact-wrapper .mk-contact-form .btn-cont {
  text-align: center;
}
.mk-quick-contact-wrapper .mk-contact-form .btn-cont .mk-button {
  margin: 10px auto;
}
.mk-quick-contact-wrapper .mk-contact-form .mk-contact-loading,
.mk-quick-contact-wrapper .mk-contact-form .mk-contact-success {
  right: 10px;
  bottom: 12px;
}
.mk-quick-contact-wrapper .captcha-change-image {
  display: block;
  font-size: 10px;
}
#mk-quick-contact {
  position: absolute;
  right: -3px;
  bottom: 60px;
  display: none;
  padding: 25px 12px;
  background-color: #e8e8e8;
  -ms-transform: scale(0.95);
      transform: scale(0.95);
  -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
}
#mk-quick-contact .bottom-arrow {
  position: absolute;
  right: 20px;
  bottom: -4px;
  display: block;
  width: 14px;
  height: 14px;
  border-top: none;
  border-left: none;
  background-color: #e8e8e8;
  content: "";
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.quick-contact-anim {
  animation: contact_scale_up, 0.2s, 0, cubic-bezier(0.175, 0.885, 0.345, 1.57);
  animation-fill-mode: forwards;
}
@keyframes contact_scale_up {
  to {
    transform: scale(1);
  }
}
.mk-quick-contact-link {
  display: block;
  width: 45px;
  height: 45px;
  background-color: #cccccc;
  background-color: rgba(0, 0, 0, 0.4);
}
.mk-quick-contact-link svg {
  position: absolute;
  top: 12px;
  left: 12px;
  fill: #ffffff;
  height: 20px;
  width: 20px;
}
.mk-quick-contact-gdpr-consent {
  line-height: 1.2em;
  text-align: left;
  margin-bottom: 15px;
}
.mk-quick-contact-gdpr-consent label {
  font-size: 12px;
  color: #666;
  cursor: pointer;
  padding-left: 10px;
}
/* Widget:WPML Language Selector
-------------------------------------------------------------------- */
.widget #lang_sel_click {
  height: 34px;
}
.widget #lang_sel_click li {
  margin-left: 0;
}
.widget #lang_sel_click a {
  line-height: 32px;
}
.widget #lang_sel_click a.lang_sel_sel {
  background-position: 97% center !important;
}
.widget #lang_sel_click img.iclflag {
  top: 0;
}
.widget #lang_sel_click li {
  width: 100%;
}
.widget #lang_sel_click ul ul {
  top: 33px;
  width: 100%;
}
@media only screen and (min-resolution: 2dppx) {
  /* Retina-specific stuff here */
}
/* --------------------------------------------------------------

Basic WordPress Blog Styles

-------------------------------------------------------------- */
/* Images
-------------------------------------------------------------- */
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
.wp-caption {
  text-align: center;
  margin-bottom: 1.5em;
}
.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.wp-caption p.wp-caption-text {
  margin: 0;
  padding: 10px;
}
.wp-smiley {
  max-height: 1em;
  margin: 0 !important;
}
.gallery {
  margin: 0 auto 18px;
  text-align: center;
}
.gallery .gallery-item {
  margin-top: 0;
  text-align: center;
  width: 33%;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery img {
  border: 6px solid rgba(0, 0, 0, 0.1);
}
.gallery img:hover {
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 70;
  -khtml-opacity: 70;
  opacity: 70;
  opacity: 0.7;
}
.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto;
}
.gallery .gallery-caption {
  font-size: 11px;
  padding: 6px 20px;
}
.gallery dl,
.gallery dt {
  margin: 0;
}
.gallery br + br {
  display: none;
}
/* Pullquotes
-------------------------------------------------------------- */
blockquote {
  position: relative;
  background-color: #f6f6f6;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 15px 15px 15px 70px;
}
blockquote:before {
  position: absolute;
  background-image: url('data:image/svg+xml; utf8, <svg class="mk-svg-icon" xmlns="http://www.w3.org/2000/svg" fill="%23ddd" viewBox="0 0 1664 1792"><path d="M768 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path></svg>');
  content: "";
  display: block;
  left: 20px;
  top: 20px;
  width: 32px;
  height: 35px;
}
blockquote.left {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  text-align: right;
  width: 33%;
}
blockquote.right {
  float: right;
  margin-left: 20px;
  margin-right: 0;
  text-align: left;
  width: 33%;
}
/* Tables
-------------------------------------------------------------- */
table {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
table th {
  text-align: center;
  padding: 18px 12px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}
table tfoot td {
  padding: 6px;
}
table td {
  text-align: center;
  padding: 12px;
}
/* Shortcodes */
/* Shortcode:Contact Form 7
-------------------------------------------------------------------- */
.wpcf7-form p {
  margin-bottom: 10px !important;
}
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea {
  box-sizing: border-box;
}
.wpcf7-form .wpcf7-textarea {
  width: 80%;
}
@media handheld, only screen and (max-width: 767px) {
  .wpcf7-form .wpcf7-text,
  .wpcf7-form .wpcf7-email,
  .wpcf7-form .wpcf7-textarea {
    width: 100%;
  }
}
div.wpcf7-response-output {
  position: relative;
  margin: 20px 0 10px;
  padding: 10px;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #72dd9d;
  background-color: #b8f4d0;
}
div.wpcf7-mail-sent-ng {
  border: 2px solid #afe0ee;
  background-color: #d1eff8;
}
div.wpcf7-spam-blocked {
  border: 2px solid #fd8585;
  background-color: #fac6bf;
}
div.wpcf7-validation-errors {
  border: 2px solid #e0c069;
  background-color: #fbf1c8;
}
span.wpcf7-form-control-wrap {
  position: relative;
}
span.wpcf7-not-valid-tip {
  color: #ff0000;
  font-size: 12px;
}
span.wpcf7-not-valid-tip-no-ajax {
  display: block;
  color: #ff0000;
  font-size: 12px;
}
span.wpcf7-list-item {
  margin-left: 0.5em;
}
.wpcf7-display-none {
  display: none;
}
div.wpcf7 img.ajax-loader {
  margin-bottom: 15px;
  margin-left: 4px;
  border: none;
  vertical-align: middle;
}
div.wpcf7 .placeheld {
  color: #888888;
}
div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
div.wpcf7-mail-sent-ok {
  border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
  border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
  border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
  border: 2px solid #f7e700;
}
div.wpcf7 .ajax-loader {
  margin: 6px 0 0 11px;
}
/* Shortcode: Parallax
-------------------------------------------------------------------- */
.swiper-slide-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}

.js-el[data-mk-component="FullHeight"] {
	min-height: 100vh;
}
.admin-bar .js-el[data-mk-component="FullHeight"] {
	min-height: calc(100vh - 32px);
}
.mk-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  opacity: 0;
  transition: opacity .2s linear;
}
.mk-modal.vertical-center {
  text-align: center;
}
.mk-modal.vertical-center:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mk-modal.vertical-center .mk-modal-container {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  max-width: 100%;
  text-align: left;
}
.mk-modal .mk-modal-container {
  opacity: 0;
  -ms-transform: scale(0.9);
      transform: scale(0.9);
  transition: opacity .2s linear, transform .2s linear;
}
.mk-modal.is-active {
  opacity: 1;
}
.mk-modal.is-active .mk-modal-container {
  opacity: 1;
  -ms-transform: scale(1);
      transform: scale(1);
}
.mk-modal .mk-modal-header {
  text-align: right;
}
.mk-modal .mk-modal-header .modal-close svg {
  display: block;
}
.mk-modal.close-inside .mk-modal-container {
  position: relative;
}
.mk-modal.close-inside .mk-modal-header .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 20;
}
.mk-modal.close-inside .mk-modal-header .modal-close svg line {
  stroke: #231F20;
}
.mk-modal.close-outside .mk-modal-container {
  position: relative;
}
.mk-modal.close-outside .mk-modal-header .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 20;
}

.mk-section-anchor {
  position: absolute;
  top: 0;
  height: 0;
  visibility: hidden;
}

/*
 *  !!! WARNING
 *  
 *  Fattah atoms are below. However please stop developing this section until we properly rewrite library into php dictionary.
 *  Dictionary ide is to keep under php reference arrays that contain per atom [ full name, simplified name, full style definition ]
 *  The last one is not usable as for now, but can be very helpful in the future. Think about it as if you would need to stick styles
 *  to module and prevent from other classes / important overwrites. With this in one place it could be achieved easly
 */  

.font-weight-l {
  font-weight: lighter;
}
.font-weight-n {
  font-weight: normal;
}
.font-weight-b {
  font-weight: bold;

}
.font-weight-100 {
  font-weight: 100;
}
.font-weight-200 {
  font-weight: 200;
}
.font-weight-300 {
  font-weight: 300;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500; 
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-700 {
  font-weight: 700;
}
.font-weight-800 {
  font-weight: 800; 
}
.font-weight-900 {
  font-weight: 900;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.block {
  display: block;
}
.inline {
  display: inline-block;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.flex {
  display: -ms-flexbox;
  display: flex;
}
.flex-column {
  -ms-flex-direction: column;
      flex-direction: column;
}
.flex-wrap {
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-items-center {
  -ms-flex-align: center;
      align-items: center;
}
.flex-items-baseline {
  -ms-flex-align: baseline;
      align-items: baseline;
}
.flex-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.flex-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.flex-items-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}
.flex-self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.flex-self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}
.flex-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.flex-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.flex-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.flex-justify {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.flex-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.flex-auto {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.flex-grow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.flex-none {
  -ms-flex: none;
      flex: none;
}
.flex-first {
  -ms-flex-order: -1;
      order: -1;
}
.flex-last {
  -ms-flex-order: 99999;
      order: 99999;
}
.width-50 {
  width: 50px;
}
.width-full {
  width: 100%;
}
.width-x2 {
  width: 200%;
}
.height-50 {
  height: 50px;
}
.height-full {
  height: 100%;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.mk-fixed {
  position: fixed;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.z5 {
  z-index: 5;
}
.z999 {
  z-index: 999;
}
.pointer {
  pointer-events: auto;
}
.no-pointer {
  pointer-events: none;
}
.overflow-auto {
  overflow: auto;
}
.no-overflow {
  overflow: hidden;
}
.no-overflow-x {
  overflow-x: hidden;
}
.no-overflow-y {
  overflow-y: hidden;
}
.backface {
  backface-visibility: visible;
}
.no-backface {
  backface-visibility: hidden;
}
.perspective {
  transform: perspective(1000px);
  transform-style: preserve-3d;
}
.origin-center {
  -ms-transform-origin: center;
      transform-origin: center;
}
.fold-back-horizontal {
  transform: translateX(-100%) rotateY(-180deg);
}
.fold-back-vertical {
  transform: translateX(-100%) rotateX(-180deg);
}
.bezier-1 {
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* 
    Try not to get crazy here and kepp as little class names as possible.
    However don't try to move this logic into contextual classes.
    If you see values close to each other prefer this which was already defined.
    Also idea of "px perfect" class names is not good - perfect solution would describe
    levels that could be manipulated from here when needed. Binding to pixels makes it less
    future proof, but this comes from underlying problems of procedural programming through out the product.
*/
.left-0 {
  left: 0px;
}
.left-5 {
  left: 5px;
}
.left-10 {
  left: 10px;
}
.right-0 {
  right: 0px;
}
.right-5 {
  right: 5px;
}
.right-10 {
  right: 10px;
}
.top-0 {
  top: 0px;
}
.top-5 {
  top: 5px;
}
.top-10 {
  top: 10px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-5 {
  bottom: 5px;
}
.bottom-10 {
  bottom: 10px;
}
.padding-10-pr {
  padding: 10%;
}
.padding-x-10-pr {
  padding-left: 10%;
  padding-right: 10%;
}
.padding-10 {
  padding: 10px;
}
.padding-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.margin-t-20 {
  margin-top: 20px;
}
.margin-auto {
  margin: 0 auto;
}

.is-hidden {
  display: none;
  visibility: hidden;
}
.is-vis-hidden {
  poonter-events: none;
  visibility: hidden;
}

/*
* General Atom Library
* V 1.0
* 2015-6-11
* created by : Machine2024@gmail.com
* for : Artbees.net
*/
/*===================================

> the idea : this file will have the general atomic classes based on the study of the most used html tags in Jupiter V4
> notes :
- atoms grouped by tag
- to go to the group for tag XXX search for "#XXX" (hashtag(#) then tag name)
- for each group there is explanation about the structure and example .
- atomes are sorted by the value [ min - max ]
- if you get ideas for other atomes DON'T edit this file add then to your file and sugested for study .
- to see the parts under development search for #TODO

===================================*/
/*
SAMPLE !!!!
+++++++++++++++++++++++++++++++++
 # tag name here
+++++++++++++++++++++++++++++++++
> structure : explain how Classes formated .
> example : explain one class of the atoms to get the idea .
> best practices : practices to follow before the need for atomic classes
> direction : in what direction the devlopment is headed .
> more info and #TODO( improve ):
>
*/
/*
+++++++++++++++++++++++++++++++++
 #width
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][TAG][-][value(number)][-][unit(per:percent,auto,none(default):pixel)]
> example : width-100-per : will add width:100% for this element;
> best practices : try using % ( percentage values ) in your work and avoid px width
> direction : width classes will be use in minimum and we will try to find process where all structure is fluid #TODO( improve )
> more info and #TODO( improve ):
the cols system we will create . or improve the bootstrap one and stick to it plus add ( 5 and 10 columns )
px width will be deleted even the icons should be 100% responsive. #TODO( improve )
*/
.a_width-40 {
  width: 40px;
}
.a_width-100 {
  width: 100px;
}
.a_width-1000 {
  width: 1000px;
}
.a_width-100-per {
  width: 100%;
}
.a_width-auto {
  width: auto;
}
/* #TODO( more study width , height , position , top , bottom , before , after ...  ) */
/*
+++++++++++++++++++++++++++++++++
 #color
+++++++++++++++++++++++++++++++++
structure : [a_:name space][TAG][-][value(name:state or color)]
> example : .a_success : will add color:#20b66e (green) for this element;
> best practices : use HEX color : [ #XXXXXX ] dont use white , #fff , rgb(255,255,255)
> direction : we will have color pallet will be used in all style no new declaration .
> more info and #TODO( improve ):
for now we will have this colors and will keep them ... but in future will folow brand approach . start from brand defined primary and secondary colors
and also we will improve the set of colors so we will have our own color pallet as ( classes + less )  #TODO( improve )
*/
.a_color-success {
  color: #20b66e;
}
/*green*/
.a_color-warning {
  color: #be9a34;
}
/*yellow*/
.a_color-erorr {
  color: #de303a;
}
/*red*/
.a_color-white {
  color: #fff;
}
/*white*/
.a_color-333 {
  color: #333;
}
.a_color-777 {
  color: #777;
}
/*
+++++++++++++++++++++++++++++++++
 #position
+++++++++++++++++++++++++++++++++
structure : [a_:name space][TAG][-][prop]
> example : .a_position-absolute : will add position:absolute; for this element;
> best practices : try to not change position and let page flow .
> direction : we need to create modules for fulture
> more info and #TODO( improve ):
for now we will have this but for later we need to create modules , you will use absolute for .... icon , pop up ... cover .
ok we will have icon , pop up , cover modules . and will have also .relative , ,fixed for some special cases
#TODO( improve )
*/
.a_position-absolute {
  position: absolute;
}
.a_position-relative {
  position: relative;
}
/* #TODO( more study width , height , position , top , bottom , before , after ...  ) */
/*
+++++++++++++++++++++++++++++++++
 #display
+++++++++++++++++++++++++++++++++
structure : [a_:name space][TAG][-][prop]
> example : .a_display-inline-block : will add display: inline-block; for this element;
> best practices : try to use proper containers ( div for item with display block )( span for item with display inline ) ... #TODO( improve )
> direction : merge the uncommen display classes with modules #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_display-inline-block {
  display: inline-block;
}
.a_display-block {
  display: block;
}
.a_display-table {
  display: table;
}
/*
+++++++++++++++++++++++++++++++++
 #font-size
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][font][-][value(number)]
> example : .a_font-10 : will add font-size: 10px; for this element;
> best practices : try using [ em , rem ] , and make all font size declared once at the start .
> direction : we will have standard font size for all the tags all by [ em , rem ] #TODO( improve )
> more info and #TODO( improve ):
 #TODO( improve )
*/
.a_font-10 {
  font-size: 10px;
}
.a_font-12 {
  font-size: 12px;
}
.a_font-14 {
  font-size: 14px;
}
.a_font-16 {
  font-size: 16px;
}
.a_font-22 {
  font-size: 22px;
}
.a_font-24 {
  font-size: 24px;
}
.a_font-32 {
  font-size: 32px;
}
.a_font-48 {
  font-size: 48px;
}
.a_font-64 {
  font-size: 64px;
}
/*
+++++++++++++++++++++++++++++++++
 #padding
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][TAG][-][value/s in pixel(number)]
> example :
.a_padding-0 : will add padding: 0; for this element;
.a_padding-0-15 : will add padding: 0 15px;[ top bottom :0, left right:15 ] for this element;
> best practices : standaries your blocks and items with % ( percentage ) padding
> direction : padding will be part of the modules [ block , message , etc ] and will be % ( percentage ) padding  #TODO( improve ):
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_padding-0 {
  padding: 0;
}
.a_padding-10 {
  padding: 10px;
}
.a_padding-15 {
  padding: 15px;
}
.a_padding-20 {
  padding: 20px;
}
.a_padding-0-15 {
  padding: 0 15px;
}
.a_padding-0-20 {
  padding: 0 20px;
}
.a_padding-15-0 {
  padding: 15px 0;
}
.a_padding-20-0 {
  padding: 20px 0;
}
/*
+++++++++++++++++++++++++++++++++
 #line-height
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][line][-][value in pixel(number)][-][unit(per:percent,none(default):pixel)]
> example : .a_line-12 : will add line-height:12px; for this element;
> best practices : use [em , rem]
> direction : standaries line height following the standard font size use [em,rem]  #TODO( improve ):
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_line-4 {
  line-height: 4px;
}
.a_line-12 {
  line-height: 12px;
}
.a_line-16 {
  line-height: 16px;
}
.a_line-18 {
  line-height: 18px;
}
.a_line-22 {
  line-height: 22px;
}
.a_line-25 {
  line-height: 25px;
}
.a_line-32 {
  line-height: 32px;
}
.a_line-40 {
  line-height: 40px;
}
.a_line-50 {
  line-height: 50px;
}
.a_line-90 {
  line-height: 90px;
}
.a_line-100-pr {
  line-height: 100%;
}
/*
+++++++++++++++++++++++++++++++++
 #margin
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][TAG][-][value/s in pixel(number)]
> example :
.a_margin-0 : will add margin:0; for this element;
.a_margin-0-auto : will add line-height:0 auto; for this element;
> best practices : standaries your blocks and items with % ( percentage ) margin
> direction : margin will be part of the modules [ block , message , etc ] and will be % ( percentage ) margin  #TODO( improve ):
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_margin-0 {
  margin: 0;
}
.a_margin-10-0 {
  margin: 10px 0;
}
.a_margin-0-auto {
  margin: 0 auto;
}
/*
+++++++++++++++++++++++++++++++++
 #height
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][TAG][-][value/s]
> example :
.a_height-100-per : will add height:100%; for this element;
.a_height-auto : will add height:0 auto; for this element;
> best practices : try not to set height and let the height of any element be based on its content
> direction :   #TODO( improve )
> more info and #TODO( improve )
#TODO( improve )
*/
.a_height-100-per {
  height: 100%;
}
.a_height-auto {
  height: auto;
}
/* #TODO( more study width , height , position , top , bottom , before , after ...  ) */
/*
+++++++++++++++++++++++++++++++++
 #text-align
+++++++++++++++++++++++++++++++++
structure : [a_:name space][align][-][prop]
> example : .a_align-center : will add text-align: center; for this element;
> best practices :  ... #TODO( improve )
> direction :  #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_align-center {
  text-align: center;
}
.a_align-right {
  text-align: right;
}
.a_align-left {
  text-align: left;
}
/*
+++++++++++++++++++++++++++++++++
 #opacity
+++++++++++++++++++++++++++++++++
structure : [a_:name space][align][-][number( 0-100 opacity percentage )]
> example : .a_opacity-70 : will add opacity: .7; for this element;
> best practices :  less use off opacity:1 achived by more careful use of opacity:[0-0.99]
> direction :  link opacity to effects , and styles
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_opacity-0 {
  opacity: 0;
}
.a_opacity-70 {
  opacity: .7;
}
.a_opacity-100 {
  opacity: 1;
}
/*
+++++++++++++++++++++++++++++++++
 #left
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][TAG][-][value]
> example :
.a_left-50-per : will add left:50%; for this element;
> best practices : use it only when you really need it .
> direction :   #TODO( improve )
> more info and #TODO( improve )
#TODO( improve )
*/
.a_left-0 {
  left: 0;
}
.a_left-50-per {
  left: 50%;
}
/* #TODO( more study width , height , position , top , bottom , before , after , left , right  ...  ) */
/*
+++++++++++++++++++++++++++++++++
 #background-color
+++++++++++++++++++++++++++++++++
structure : [a_:name space][bg][-][value(name:state or color at the end of each class there is note of actual color)]
> example : .a_bg-gray222 : will add background-color: #222; for this element;
> best practices : use HEX color : [ #XXXXXX ] dont use white , #fff , rgb(255,255,255)
> direction : we will have color pallet will be used in all style no new declaration .
> more info and #TODO( improve ):
for now we will have this colors and will keep them ... but in future will follow brand approach . start from brand defined primary and secondary colors
and also we will improve the set of colors so we will have our own color pallet as ( classes + less )  #TODO( improve )
*/
.a_bg-black {
  background-color: #000;
}
.a_bg-gray222 {
  background-color: #222;
}
.a_bg-white {
  background-color: #fff;
}
/*
+++++++++++++++++++++++++++++++++
 #top
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][TAG][-][value]
> example :
.a_top-50-per : will add top:50%; for this element;
> best practices : use it only when you really need it .
> direction :   #TODO( improve )
> more info and #TODO( improve )
#TODO( improve )
*/
.a_top-0 {
  top: 0;
}
.a_top-50-per {
  top: 50%;
}
.a_top-100-per {
  top: 100%;
}
/* #TODO( more study width , height , position , top , bottom , before , after , left , right  ...  ) */
/*
+++++++++++++++++++++++++++++++++
 #transform
+++++++++++++++++++++++++++++++++
structure : [a_:name space][TAG][-][transform-function][-][prop+values]
> example : .a_transform-rotate-45 : will add transform: rotate(45deg); for this element;
> best practices : #TODO( improve )
> direction : create a library  of animation #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_transform-rotate-45 {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.a_transform-rotate-90 {
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.a_transform-scale-1 {
  -ms-transform: scale(1);
      transform: scale(1);
}
.a_transform-translate3d-0 {
  transform: translate3d(0, 0, 0);
}
.a_transform-translate-00-opacity-1 {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  opacity: 1;
}
/*
+++++++++++++++++++++++++++++++++
 #margin-bottom
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][TAG][-][value in pixel(number)]
> example :
.a_margin-0 : will add margin: 0; for this element;
.a_margin-0-15 : will add margin: 0 15px; for this element;
> best practices : standaries your blocks and items with % ( percentage ) margin
> direction : margin will be part of the modules [ block , message , etc ] and will be % ( percentage ) margin  #TODO( improve ):
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_margin-bottom-0 {
  margin-bottom: 0;
}
.a_margin-bottom-10 {
  margin-bottom: 10px;
}
.a_margin-bottom-15 {
  margin-bottom: 15px;
}
.a_margin-bottom-20 {
  margin-bottom: 20px;
}
.a_margin-bottom-30 {
  margin-bottom: 30px;
}
.a_margin-bottom-50 {
  margin-bottom: 50px;
}
/*TEMP !!! for V5 lunch */
/*
+++++++++++++++++++++++++++++++++
 #column
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_col-1of1,
.a_1col .a_colitem,
.one-column .a_colitem {
  width: 100%;
}
.a_col-1of2,
.a_2col .a_colitem,
.two-column .a_colitem {
  width: 50%;
}
.a_col-1of3,
.a_3col .a_colitem,
.three-column .a_colitem {
  width: 33.33%;
}
.a_col-1of4,
.a_4col .a_colitem,
.four-column .a_colitem {
  width: 25%;
}
.a_col-1of5,
.a_5col .a_colitem,
.five-column .a_colitem {
  width: 20%;
}
.a_col-1of6,
.a_6col .a_colitem,
.six-column .a_colitem {
  width: 16.66%;
}
.a_col-1of7,
.a_7col .a_colitem,
.seven-column .a_colitem {
  width: 14.28%;
}
.a_col-1of8,
.a_8col .a_colitem,
.eight-column .a_colitem {
  width: 12.5%;
}
.a_col-1of9,
.a_9col .a_colitem,
.nine-column .a_colitem {
  width: 11.1%;
}
.a_col-1of10,
.a_10col .a_colitem,
.ten-column .a_colitem {
  width: 10%;
}
.a_col-1of11,
.a_11col .a_colitem,
.eleven-column .a_colitem {
  width: 9.09%;
}
.a_col-1of12,
.a_12col .a_colitem,
.twelve-column .a_colitem {
  width: 8.33%;
}
/*
+++++++++++++++++++++++++++++++++
 #margin-TOP
+++++++++++++++++++++++++++++++++
> structure : [a_:name space][TAG][-][value in pixel(number)]
> example :
.a_padding-0 : will add padding: 0; for this element;
.a_padding-0-15 : will add padding: 0 15px; for this element;
> best practices : standaries your blocks and items with % ( percentage ) margin
> direction : margin will be part of the modules [ block , message , etc ] and will be % ( percentage ) margin  #TODO( improve ):
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_margin-top-0 {
  margin-top: 0;
}
.a_margin-top-10 {
  margin-top: 10px;
}
.a_margin-top-15 {
  margin-top: 15px;
}
.a_margin-top-20 {
  margin-top: 20px;
}
.a_margin-top-30 {
  margin-top: 30px;
}
.a_margin-top-40 {
  margin-top: 40px;
}
.a_margin-top-50 {
  margin-top: 50px;
}
/*
+++++++++++++++++++++++++++++++++
 #overflow
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_overflow-hidden {
  overflow: hidden;
}
/*
+++++++++++++++++++++++++++++++++
 #font-weight
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_font-weight-bold {
  font-weight: bold;
}
.a_font-weight-normal {
  font-weight: normal;
}
/*
+++++++++++++++++++++++++++++++++
 #text-transform
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_text-transform-up {
  text-transform: uppercase;
}
/*
+++++++++++++++++++++++++++++++++
 #letter-spacing
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_letter-spacing-1 {
  letter-spacing: 1px;
}
/*
+++++++++++++++++++++++++++++++++
 #float
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_float-left {
  float: left;
}
.a_float-right {
  float: right;
}
/*
+++++++++++++++++++++++++++++++++
 #box-sizing
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_box-border {
  box-sizing: border-box;
}
.a_box-content {
  box-sizing: content-box;
}
/*
+++++++++++++++++++++++++++++++++
 #padding-bottom
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
#TODO( improve )
*/
.a_padding-bottom-30 {
  padding-bottom: 30px;
}
/*
+++++++++++++++++++++++++++++++++
 #fly
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
this block is molecules that have position absolute + other ...
#TODO( improve )
*/
.a_m_fly-top-left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/*
+++++++++++++++++++++++++++++++++
 #list-reset
+++++++++++++++++++++++++++++++++
> structure : #TODO( improve )
> example : #TODO( improve )
> best practices : #TODO( improve )
> direction : #TODO( improve )
> more info and #TODO( improve ):
reset ul li
#TODO( improve )
*/
.a_m_list-reset ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.a_m_list-reset li {
  display: inline-block;
  margin: 0;
}
.IE .mk-body-loader-overlay, #sw-main-box {
  display: none !important;
}

.IE .mk-section-color-mask {
	display: none !important;
}