@charset "UTF-8";
/* ==========================================================================
   Main
   ========================================================================== */
/* ==========================================================================
   Vendor Index
   ========================================================================== */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.mCustomScrollbar {
  touch-action: pinch-zoom; }

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  touch-action: auto; }

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr; }

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto; }

.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
  width: 12px; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
  width: 8px; }

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox
+ .mCSB_scrollTools
+ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
  height: 8px;
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
+ .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

.mCS-dir-rtl
> .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
+ .mCSB_scrollTools
~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

.mCS-dir-rtl
> .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

.mCS-dir-rtl
> .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
+ .mCSB_scrollTools
~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
> .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s,
 margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s,
 margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
 opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar
> .mCustomScrollBox
> .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar
> .mCustomScrollBox
~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0; }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px; }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px; }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px; }

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0; }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
  height: 4px;
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); }

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal
+ .mCSB_scrollTools
+ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark
+ .mCSB_scrollTools
+ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark
+ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
  width: 12px; }

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+ .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/**
 * Swiper 5.3.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 24, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }

.swiper-pagination-black {
  --swiper-pagination-color: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif; }

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important; }

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0; }

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0; }

.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1; }
  .irs-handle.type_last {
    z-index: 2; }

.irs-min, .irs-max {
  position: absolute;
  display: block;
  cursor: default; }

.irs-min {
  left: 0; }

.irs-max {
  right: 0; }

.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap; }

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px; }

.irs-with-grid .irs-grid {
  display: block; }

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000; }
  .irs-grid-pol.small {
    height: 4px; }

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000; }

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2; }

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed; }

.irs-disabled {
  opacity: 0.4; }

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important; }

.irs--flat {
  height: 40px; }
  .irs--flat.irs-with-grid {
    height: 60px; }
  .irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px; }
  .irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #ed5565; }
  .irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px; }
  .irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9; }
  .irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent; }
    .irs--flat .irs-handle > i:first-child {
      position: absolute;
      display: block;
      top: 0;
      left: 50%;
      width: 2px;
      height: 100%;
      margin-left: -1px;
      background-color: #da4453; }
    .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
      background-color: #a43540; }
  .irs--flat .irs-min, .irs--flat .irs-max {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px; }
  .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #ed5565;
    border-radius: 4px; }
  .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565; }
  .irs--flat .irs-grid-pol {
    background-color: #e1e4e9; }
  .irs--flat .irs-grid-text {
    color: #999; }

.irs--big {
  height: 55px; }
  .irs--big.irs-with-grid {
    height: 70px; }
  .irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 12px; }
  .irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); }
  .irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px; }
  .irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5); }
  .irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
    border-radius: 30px; }
    .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
      border-color: rgba(0, 0, 0, 0.45);
      background-color: #939ba7;
      background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); }
  .irs--big .irs-min, .irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px; }
  .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px; }
  .irs--big .irs-grid-pol {
    background-color: #428bca; }
  .irs--big .irs-grid-text {
    color: #428bca; }

.irs--modern {
  height: 55px; }
  .irs--modern.irs-with-grid {
    height: 55px; }
  .irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px; }
  .irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); }
  .irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px; }
  .irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5); }
  .irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px; }
    .irs--modern .irs-handle > i:nth-child(1) {
      position: absolute;
      display: block;
      top: -4px;
      left: 1px;
      width: 6px;
      height: 6px;
      border: 1px solid #a3adc1;
      background: white;
      transform: rotate(45deg); }
    .irs--modern .irs-handle > i:nth-child(2) {
      position: absolute;
      display: block;
      box-sizing: border-box;
      top: 0;
      left: 0;
      width: 10px;
      height: 12px;
      background: #e9e6e6;
      background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
      border-radius: 0 0 3px 3px; }
    .irs--modern .irs-handle > i:nth-child(3) {
      position: absolute;
      display: block;
      box-sizing: border-box;
      top: 3px;
      left: 3px;
      width: 4px;
      height: 5px;
      border-left: 1px solid #a3adc1;
      border-right: 1px solid #a3adc1; }
    .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
      border-color: #7685a2;
      background: #c3c7cd;
      background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); }
    .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
      border-color: #7685a2; }
    .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
      border-color: #48536a; }
  .irs--modern .irs-min, .irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px; }
  .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px; }
  .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426; }
  .irs--modern .irs-grid {
    height: 25px; }
  .irs--modern .irs-grid-pol {
    background-color: #dedede; }
  .irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px; }

.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1; }
  .irs--sharp.irs-with-grid {
    height: 57px; }
  .irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px; }
  .irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa; }
  .irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px; }
  .irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5); }
  .irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2; }
    .irs--sharp .irs-handle > i:first-child {
      position: absolute;
      display: block;
      top: 100%;
      left: 0;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-top-color: #a804b2; }
    .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
      background-color: black; }
    .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
      border-top-color: black; }
  .irs--sharp .irs-min, .irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: 0.4;
    background-color: #a804b2;
    border-radius: 2px; }
  .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px; }
  .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2; }
  .irs--sharp .irs-grid {
    height: 25px; }
  .irs--sharp .irs-grid-pol {
    background-color: #dedede; }
  .irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px; }

.irs--round {
  height: 50px; }
  .irs--round.irs-with-grid {
    height: 65px; }
  .irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px; }
  .irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa; }
  .irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px; }
  .irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5); }
  .irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); }
    .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
      background-color: #f0f6ff; }
  .irs--round .irs-min, .irs--round .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
  .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px; }
  .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa; }
  .irs--round .irs-grid {
    height: 25px; }
  .irs--round .irs-grid-pol {
    background-color: #dedede; }
  .irs--round .irs-grid-text {
    color: silver;
    font-size: 13px; }

.irs--square {
  height: 50px; }
  .irs--square.irs-with-grid {
    height: 60px; }
  .irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede; }
  .irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black; }
  .irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede; }
  .irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    transform: rotate(45deg); }
    .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
      background-color: #f0f6ff; }
  .irs--square .irs-min, .irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1); }
  .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white; }
  .irs--square .irs-grid {
    height: 25px; }
  .irs--square .irs-grid-pol {
    background-color: #dedede; }
  .irs--square .irs-grid-text {
    color: silver;
    font-size: 11px; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0; }

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/* ==========================================================================
   Base Index
   ========================================================================== */
/* ==========================================================================
   M5 Reboot
   ========================================================================== */
/*
Mostly taken from:
Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
Copyright 2011-2018 The Bootstrap Authors
Copyright 2011-2018 Twitter, Inc.
Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
==========================================================================
/*/
/*/
 * Base
 * -----------------------------------------------------------------------------
/*/
*,
*::after,
*::before {
  box-sizing: border-box;
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent; }

html {
  min-height: 100%;
  font-size: 62.5%;
  /* 1rem == 10px */
  position: relative; }

body {
  font-family: "Arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@-ms-viewport {
  width: device-width; }

[hidden] {
  display: none !important; }

a {
  font-weight: inherit;
  outline: 0;
  color: inherit; }
  a:hover, a:active, a:focus {
    outline: 0; }

a img {
  border: none; }

img {
  max-width: 100%;
  vertical-align: middle;
  border-style: none;
  font-size: 1.2rem; }

svg {
  overflow: hidden;
  vertical-align: middle; }

hr {
  box-sizing: content-box;
  overflow: visible; }

/*/
 * Content Division
 * -----------------------------------------------------------------------------
/*/
header,
section,
footer,
aside,
nav,
main,
article,
figure {
  display: block; }

/*/
 * Typography
 * -----------------------------------------------------------------------------
/*/
strong,
b {
  font-weight: bold; }

em,
i {
  font-style: italic; }

u {
  text-decoration: underline; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 1;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

p,
ul,
ol,
table,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 16px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3; }

ul, ol {
  padding-left: 24px; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
 "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

/*/
 * Form
 * -----------------------------------------------------------------------------
/*/
label,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
  outline: 0; }

button,
select {
  text-transform: none; }

select,
option {
  outline: 0; }
  select:active, select:hover,
  option:active,
  option:hover {
    outline: 0; }

button {
  cursor: pointer; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  height: auto; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration,
[type="search"] {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

input[type="number"] {
  -moz-appearance: textfield; }

/*/
 * Table
 * -----------------------------------------------------------------------------
/*/
table {
  border-collapse: collapse; }

th {
  text-align: inherit; }

/* ==========================================================================
   Helper Index
   ========================================================================== */
/* ==========================================================================
   Mixin
   ========================================================================== */
/* placeholder-color
   ========================================================================== */
/* clearfix
   ========================================================================== */
/* text-indent-hide
   ========================================================================== */
/* remove-tap-highlight
   ========================================================================== */
/* ellipsis
   ========================================================================== */
/* multiline-ellipsis
   ========================================================================== */
/* scroll
   ========================================================================== */
/* firefox-browser
   ========================================================================== */
/* ==========================================================================
   Functions
   ========================================================================== */
/* ==========================================================================
   MUKEL Project Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Init Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Init: Fonts
   ========================================================================== */
@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Regular.eot");
  src: url("../fonts/FiraSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Regular.woff2") format("woff2"), url("../fonts/FiraSans-Regular.woff") format("woff"), url("../fonts/FiraSans-Regular.ttf") format("truetype"), url("../fonts/FiraSans-Regular.svg#FiraSans-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Medium.eot");
  src: url("../fonts/FiraSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Medium.woff2") format("woff2"), url("../fonts/FiraSans-Medium.woff") format("woff"), url("../fonts/FiraSans-Medium.ttf") format("truetype"), url("../fonts/FiraSans-Medium.svg#FiraSans-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Bold.eot");
  src: url("../fonts/FiraSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Bold.woff2") format("woff2"), url("../fonts/FiraSans-Bold.woff") format("woff"), url("../fonts/FiraSans-Bold.ttf") format("truetype"), url("../fonts/FiraSans-Bold.svg#FiraSans-Bold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Italic.eot");
  src: url("../fonts/FiraSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Italic.woff2") format("woff2"), url("../fonts/FiraSans-Italic.woff") format("woff"), url("../fonts/FiraSans-Italic.ttf") format("truetype"), url("../fonts/FiraSans-Italic.svg#FiraSans-Italic") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-MediumItalic.eot");
  src: url("../fonts/FiraSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-MediumItalic.woff2") format("woff2"), url("../fonts/FiraSans-MediumItalic.woff") format("woff"), url("../fonts/FiraSans-MediumItalic.ttf") format("truetype"), url("../fonts/FiraSans-MediumItalic.svg#FiraSans-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-BoldItalic.eot");
  src: url("../fonts/FiraSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-BoldItalic.woff2") format("woff2"), url("../fonts/FiraSans-BoldItalic.woff") format("woff"), url("../fonts/FiraSans-BoldItalic.ttf") format("truetype"), url("../fonts/FiraSans-BoldItalic.svg#FiraSans-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "MUKEL NISP Icons";
  src: url("../fonts/mukel-nisp-icon.eot?9dsya5");
  src: url("../fonts/mukel-nisp-icon.eot?9dsya5#iefix") format("embedded-opentype"), url("../fonts/mukel-nisp-icon.ttf?9dsya5") format("truetype"), url("../fonts/mukel-nisp-icon.woff?9dsya5") format("woff"), url("../fonts/mukel-nisp-icon.svg?9dsya5#mukel-nisp-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

/* ==========================================================================
   MUKEL Variable Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Variable: Prefix
   ========================================================================== */
/* ==========================================================================
   MUKEL Variable: Grid
   ========================================================================== */
/* ==========================================================================
   MUKEL Variable: Colors
   ========================================================================== */
/* ==========================================================================
   MUKEL Variable: Typography
   ========================================================================== */
/* ==========================================================================
   MUKEL Variable: Shadow
   ========================================================================== */
/* ==========================================================================
   MUKEL Variable: Screen
   ========================================================================== */
/* ==========================================================================
   MUKEL Variable: z-index
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Resonsive
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Font Size
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Font Icon
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Shadow
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Background Image
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Image
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Element
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Border Bottom Hover Slide
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Modifier Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin Modifier Background Color
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Modifier Color
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Modifier Font Weight
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Modifier Shadow
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Modifier Button
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Modifier Button Text Link
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Modifier Input
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Carousel
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Main Banner
   ========================================================================== */
/* ==========================================================================
   MUKEL Mixin: Overload Preloader
   ========================================================================== */
/* ==========================================================================
   MUKEL Grid Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Grid Mixin
   ========================================================================== */
/* ==========================================================================
   MUKEL Grid System
   ========================================================================== */
.mukel-container {
  max-width: 1248px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%; }
  .mukel-container::before, .mukel-container::after {
    content: " ";
    display: table; }
  .mukel-container::after {
    clear: both; }
  @media only screen and (max-width: 1272px) {
    .mukel-container {
      padding-left: 32px;
      padding-right: 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-container {
      padding-left: 16px;
      padding-right: 16px; } }

.mukel-half-offset-container {
  position: absolute;
  left: calc(50% - 612px);
  right: 0;
  z-index: 2; }
  @media only screen and (max-width: 1272px) {
    .mukel-half-offset-container {
      position: static;
      margin-right: -32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-half-offset-container {
      margin-right: -16px;
      z-index: initial; } }

.mukel-container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%; }
  .mukel-container-fluid::before, .mukel-container-fluid::after {
    content: " ";
    display: table; }
  .mukel-container-fluid::after {
    clear: both; }
  @media only screen and (max-width: 1272px) {
    .mukel-container-fluid {
      padding-left: 32px;
      padding-right: 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-container-fluid {
      padding-left: 16px;
      padding-right: 16px; } }

.mukel-row {
  margin-left: -12px;
  margin-right: -12px; }
  .mukel-row::before, .mukel-row::after {
    content: " ";
    display: table; }
  .mukel-row::after {
    clear: both; }
  @media only screen and (max-width: 767.98px) {
    .mukel-row {
      margin-left: -8px;
      margin-right: -8px; } }

.mukel-row-no-padding {
  margin-left: -12px;
  margin-right: -12px; }
  .mukel-row-no-padding::before, .mukel-row-no-padding::after {
    content: " ";
    display: table; }
  .mukel-row-no-padding::after {
    clear: both; }
  @media only screen and (max-width: 767.98px) {
    .mukel-row-no-padding {
      margin-left: -8px;
      margin-right: -8px; } }
  .mukel-row-no-padding > [class*="mukel-col-"] {
    padding-left: 0;
    padding-right: 0; }

.mukel-col-xs-1, .mukel-col-sm-1, .mukel-col-md-1, .mukel-col-lg-1, .mukel-col-xl-1, .mukel-col-xs-2, .mukel-col-sm-2, .mukel-col-md-2, .mukel-col-lg-2, .mukel-col-xl-2, .mukel-col-xs-3, .mukel-col-sm-3, .mukel-col-md-3, .mukel-col-lg-3, .mukel-col-xl-3, .mukel-col-xs-4, .mukel-col-sm-4, .mukel-col-md-4, .mukel-col-lg-4, .mukel-col-xl-4, .mukel-col-xs-5, .mukel-col-sm-5, .mukel-col-md-5, .mukel-col-lg-5, .mukel-col-xl-5, .mukel-col-xs-6, .mukel-col-sm-6, .mukel-col-md-6, .mukel-col-lg-6, .mukel-col-xl-6, .mukel-col-xs-7, .mukel-col-sm-7, .mukel-col-md-7, .mukel-col-lg-7, .mukel-col-xl-7, .mukel-col-xs-8, .mukel-col-sm-8, .mukel-col-md-8, .mukel-col-lg-8, .mukel-col-xl-8, .mukel-col-xs-9, .mukel-col-sm-9, .mukel-col-md-9, .mukel-col-lg-9, .mukel-col-xl-9, .mukel-col-xs-10, .mukel-col-sm-10, .mukel-col-md-10, .mukel-col-lg-10, .mukel-col-xl-10, .mukel-col-xs-11, .mukel-col-sm-11, .mukel-col-md-11, .mukel-col-lg-11, .mukel-col-xl-11, .mukel-col-xs-12, .mukel-col-sm-12, .mukel-col-md-12, .mukel-col-lg-12, .mukel-col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-col-xs-1, .mukel-col-sm-1, .mukel-col-md-1, .mukel-col-lg-1, .mukel-col-xl-1, .mukel-col-xs-2, .mukel-col-sm-2, .mukel-col-md-2, .mukel-col-lg-2, .mukel-col-xl-2, .mukel-col-xs-3, .mukel-col-sm-3, .mukel-col-md-3, .mukel-col-lg-3, .mukel-col-xl-3, .mukel-col-xs-4, .mukel-col-sm-4, .mukel-col-md-4, .mukel-col-lg-4, .mukel-col-xl-4, .mukel-col-xs-5, .mukel-col-sm-5, .mukel-col-md-5, .mukel-col-lg-5, .mukel-col-xl-5, .mukel-col-xs-6, .mukel-col-sm-6, .mukel-col-md-6, .mukel-col-lg-6, .mukel-col-xl-6, .mukel-col-xs-7, .mukel-col-sm-7, .mukel-col-md-7, .mukel-col-lg-7, .mukel-col-xl-7, .mukel-col-xs-8, .mukel-col-sm-8, .mukel-col-md-8, .mukel-col-lg-8, .mukel-col-xl-8, .mukel-col-xs-9, .mukel-col-sm-9, .mukel-col-md-9, .mukel-col-lg-9, .mukel-col-xl-9, .mukel-col-xs-10, .mukel-col-sm-10, .mukel-col-md-10, .mukel-col-lg-10, .mukel-col-xl-10, .mukel-col-xs-11, .mukel-col-sm-11, .mukel-col-md-11, .mukel-col-lg-11, .mukel-col-xl-11, .mukel-col-xs-12, .mukel-col-sm-12, .mukel-col-md-12, .mukel-col-lg-12, .mukel-col-xl-12 {
      padding-left: 8px;
      padding-right: 8px; } }

.mukel-col-xl-1, .mukel-col-xl-2, .mukel-col-xl-3, .mukel-col-xl-4, .mukel-col-xl-5, .mukel-col-xl-6, .mukel-col-xl-7, .mukel-col-xl-8, .mukel-col-xl-9, .mukel-col-xl-10, .mukel-col-xl-11, .mukel-col-xl-12 {
  float: left; }

.mukel-col-xl-1 {
  width: 8.33333%; }

.mukel-col-xl-2 {
  width: 16.66667%; }

.mukel-col-xl-3 {
  width: 25%; }

.mukel-col-xl-4 {
  width: 33.33333%; }

.mukel-col-xl-5 {
  width: 41.66667%; }

.mukel-col-xl-6 {
  width: 50%; }

.mukel-col-xl-7 {
  width: 58.33333%; }

.mukel-col-xl-8 {
  width: 66.66667%; }

.mukel-col-xl-9 {
  width: 75%; }

.mukel-col-xl-10 {
  width: 83.33333%; }

.mukel-col-xl-11 {
  width: 91.66667%; }

.mukel-col-xl-12 {
  width: 100%; }

.mukel-col-xl-pull-0 {
  right: auto; }

.mukel-col-xl-pull-1 {
  right: 8.33333%; }

.mukel-col-xl-pull-2 {
  right: 16.66667%; }

.mukel-col-xl-pull-3 {
  right: 25%; }

.mukel-col-xl-pull-4 {
  right: 33.33333%; }

.mukel-col-xl-pull-5 {
  right: 41.66667%; }

.mukel-col-xl-pull-6 {
  right: 50%; }

.mukel-col-xl-pull-7 {
  right: 58.33333%; }

.mukel-col-xl-pull-8 {
  right: 66.66667%; }

.mukel-col-xl-pull-9 {
  right: 75%; }

.mukel-col-xl-pull-10 {
  right: 83.33333%; }

.mukel-col-xl-pull-11 {
  right: 91.66667%; }

.mukel-col-xl-pull-12 {
  right: 100%; }

.mukel-col-xl-push-0 {
  left: auto; }

.mukel-col-xl-push-1 {
  left: 8.33333%; }

.mukel-col-xl-push-2 {
  left: 16.66667%; }

.mukel-col-xl-push-3 {
  left: 25%; }

.mukel-col-xl-push-4 {
  left: 33.33333%; }

.mukel-col-xl-push-5 {
  left: 41.66667%; }

.mukel-col-xl-push-6 {
  left: 50%; }

.mukel-col-xl-push-7 {
  left: 58.33333%; }

.mukel-col-xl-push-8 {
  left: 66.66667%; }

.mukel-col-xl-push-9 {
  left: 75%; }

.mukel-col-xl-push-10 {
  left: 83.33333%; }

.mukel-col-xl-push-11 {
  left: 91.66667%; }

.mukel-col-xl-push-12 {
  left: 100%; }

.mukel-col-xl-offset-0 {
  margin-left: 0%; }

.mukel-col-xl-offset-1 {
  margin-left: 8.33333%; }

.mukel-col-xl-offset-2 {
  margin-left: 16.66667%; }

.mukel-col-xl-offset-3 {
  margin-left: 25%; }

.mukel-col-xl-offset-4 {
  margin-left: 33.33333%; }

.mukel-col-xl-offset-5 {
  margin-left: 41.66667%; }

.mukel-col-xl-offset-6 {
  margin-left: 50%; }

.mukel-col-xl-offset-7 {
  margin-left: 58.33333%; }

.mukel-col-xl-offset-8 {
  margin-left: 66.66667%; }

.mukel-col-xl-offset-9 {
  margin-left: 75%; }

.mukel-col-xl-offset-10 {
  margin-left: 83.33333%; }

.mukel-col-xl-offset-11 {
  margin-left: 91.66667%; }

.mukel-col-xl-offset-12 {
  margin-left: 100%; }

@media only screen and (max-width: 1199.98px) {
  .mukel-col-lg-1, .mukel-col-lg-2, .mukel-col-lg-3, .mukel-col-lg-4, .mukel-col-lg-5, .mukel-col-lg-6, .mukel-col-lg-7, .mukel-col-lg-8, .mukel-col-lg-9, .mukel-col-lg-10, .mukel-col-lg-11, .mukel-col-lg-12 {
    float: left; }
  .mukel-col-lg-1 {
    width: 8.33333%; }
  .mukel-col-lg-2 {
    width: 16.66667%; }
  .mukel-col-lg-3 {
    width: 25%; }
  .mukel-col-lg-4 {
    width: 33.33333%; }
  .mukel-col-lg-5 {
    width: 41.66667%; }
  .mukel-col-lg-6 {
    width: 50%; }
  .mukel-col-lg-7 {
    width: 58.33333%; }
  .mukel-col-lg-8 {
    width: 66.66667%; }
  .mukel-col-lg-9 {
    width: 75%; }
  .mukel-col-lg-10 {
    width: 83.33333%; }
  .mukel-col-lg-11 {
    width: 91.66667%; }
  .mukel-col-lg-12 {
    width: 100%; }
  .mukel-col-lg-pull-0 {
    right: auto; }
  .mukel-col-lg-pull-1 {
    right: 8.33333%; }
  .mukel-col-lg-pull-2 {
    right: 16.66667%; }
  .mukel-col-lg-pull-3 {
    right: 25%; }
  .mukel-col-lg-pull-4 {
    right: 33.33333%; }
  .mukel-col-lg-pull-5 {
    right: 41.66667%; }
  .mukel-col-lg-pull-6 {
    right: 50%; }
  .mukel-col-lg-pull-7 {
    right: 58.33333%; }
  .mukel-col-lg-pull-8 {
    right: 66.66667%; }
  .mukel-col-lg-pull-9 {
    right: 75%; }
  .mukel-col-lg-pull-10 {
    right: 83.33333%; }
  .mukel-col-lg-pull-11 {
    right: 91.66667%; }
  .mukel-col-lg-pull-12 {
    right: 100%; }
  .mukel-col-lg-push-0 {
    left: auto; }
  .mukel-col-lg-push-1 {
    left: 8.33333%; }
  .mukel-col-lg-push-2 {
    left: 16.66667%; }
  .mukel-col-lg-push-3 {
    left: 25%; }
  .mukel-col-lg-push-4 {
    left: 33.33333%; }
  .mukel-col-lg-push-5 {
    left: 41.66667%; }
  .mukel-col-lg-push-6 {
    left: 50%; }
  .mukel-col-lg-push-7 {
    left: 58.33333%; }
  .mukel-col-lg-push-8 {
    left: 66.66667%; }
  .mukel-col-lg-push-9 {
    left: 75%; }
  .mukel-col-lg-push-10 {
    left: 83.33333%; }
  .mukel-col-lg-push-11 {
    left: 91.66667%; }
  .mukel-col-lg-push-12 {
    left: 100%; }
  .mukel-col-lg-offset-0 {
    margin-left: 0%; }
  .mukel-col-lg-offset-1 {
    margin-left: 8.33333%; }
  .mukel-col-lg-offset-2 {
    margin-left: 16.66667%; }
  .mukel-col-lg-offset-3 {
    margin-left: 25%; }
  .mukel-col-lg-offset-4 {
    margin-left: 33.33333%; }
  .mukel-col-lg-offset-5 {
    margin-left: 41.66667%; }
  .mukel-col-lg-offset-6 {
    margin-left: 50%; }
  .mukel-col-lg-offset-7 {
    margin-left: 58.33333%; }
  .mukel-col-lg-offset-8 {
    margin-left: 66.66667%; }
  .mukel-col-lg-offset-9 {
    margin-left: 75%; }
  .mukel-col-lg-offset-10 {
    margin-left: 83.33333%; }
  .mukel-col-lg-offset-11 {
    margin-left: 91.66667%; }
  .mukel-col-lg-offset-12 {
    margin-left: 100%; } }

@media only screen and (max-width: 991.98px) {
  .mukel-col-md-1, .mukel-col-md-2, .mukel-col-md-3, .mukel-col-md-4, .mukel-col-md-5, .mukel-col-md-6, .mukel-col-md-7, .mukel-col-md-8, .mukel-col-md-9, .mukel-col-md-10, .mukel-col-md-11, .mukel-col-md-12 {
    float: left; }
  .mukel-col-md-1 {
    width: 8.33333%; }
  .mukel-col-md-2 {
    width: 16.66667%; }
  .mukel-col-md-3 {
    width: 25%; }
  .mukel-col-md-4 {
    width: 33.33333%; }
  .mukel-col-md-5 {
    width: 41.66667%; }
  .mukel-col-md-6 {
    width: 50%; }
  .mukel-col-md-7 {
    width: 58.33333%; }
  .mukel-col-md-8 {
    width: 66.66667%; }
  .mukel-col-md-9 {
    width: 75%; }
  .mukel-col-md-10 {
    width: 83.33333%; }
  .mukel-col-md-11 {
    width: 91.66667%; }
  .mukel-col-md-12 {
    width: 100%; }
  .mukel-col-md-pull-0 {
    right: auto; }
  .mukel-col-md-pull-1 {
    right: 8.33333%; }
  .mukel-col-md-pull-2 {
    right: 16.66667%; }
  .mukel-col-md-pull-3 {
    right: 25%; }
  .mukel-col-md-pull-4 {
    right: 33.33333%; }
  .mukel-col-md-pull-5 {
    right: 41.66667%; }
  .mukel-col-md-pull-6 {
    right: 50%; }
  .mukel-col-md-pull-7 {
    right: 58.33333%; }
  .mukel-col-md-pull-8 {
    right: 66.66667%; }
  .mukel-col-md-pull-9 {
    right: 75%; }
  .mukel-col-md-pull-10 {
    right: 83.33333%; }
  .mukel-col-md-pull-11 {
    right: 91.66667%; }
  .mukel-col-md-pull-12 {
    right: 100%; }
  .mukel-col-md-push-0 {
    left: auto; }
  .mukel-col-md-push-1 {
    left: 8.33333%; }
  .mukel-col-md-push-2 {
    left: 16.66667%; }
  .mukel-col-md-push-3 {
    left: 25%; }
  .mukel-col-md-push-4 {
    left: 33.33333%; }
  .mukel-col-md-push-5 {
    left: 41.66667%; }
  .mukel-col-md-push-6 {
    left: 50%; }
  .mukel-col-md-push-7 {
    left: 58.33333%; }
  .mukel-col-md-push-8 {
    left: 66.66667%; }
  .mukel-col-md-push-9 {
    left: 75%; }
  .mukel-col-md-push-10 {
    left: 83.33333%; }
  .mukel-col-md-push-11 {
    left: 91.66667%; }
  .mukel-col-md-push-12 {
    left: 100%; }
  .mukel-col-md-offset-0 {
    margin-left: 0%; }
  .mukel-col-md-offset-1 {
    margin-left: 8.33333%; }
  .mukel-col-md-offset-2 {
    margin-left: 16.66667%; }
  .mukel-col-md-offset-3 {
    margin-left: 25%; }
  .mukel-col-md-offset-4 {
    margin-left: 33.33333%; }
  .mukel-col-md-offset-5 {
    margin-left: 41.66667%; }
  .mukel-col-md-offset-6 {
    margin-left: 50%; }
  .mukel-col-md-offset-7 {
    margin-left: 58.33333%; }
  .mukel-col-md-offset-8 {
    margin-left: 66.66667%; }
  .mukel-col-md-offset-9 {
    margin-left: 75%; }
  .mukel-col-md-offset-10 {
    margin-left: 83.33333%; }
  .mukel-col-md-offset-11 {
    margin-left: 91.66667%; }
  .mukel-col-md-offset-12 {
    margin-left: 100%; } }

@media only screen and (max-width: 767.98px) {
  .mukel-col-sm-1, .mukel-col-sm-2, .mukel-col-sm-3, .mukel-col-sm-4, .mukel-col-sm-5, .mukel-col-sm-6, .mukel-col-sm-7, .mukel-col-sm-8, .mukel-col-sm-9, .mukel-col-sm-10, .mukel-col-sm-11, .mukel-col-sm-12 {
    float: left; }
  .mukel-col-sm-1 {
    width: 8.33333%; }
  .mukel-col-sm-2 {
    width: 16.66667%; }
  .mukel-col-sm-3 {
    width: 25%; }
  .mukel-col-sm-4 {
    width: 33.33333%; }
  .mukel-col-sm-5 {
    width: 41.66667%; }
  .mukel-col-sm-6 {
    width: 50%; }
  .mukel-col-sm-7 {
    width: 58.33333%; }
  .mukel-col-sm-8 {
    width: 66.66667%; }
  .mukel-col-sm-9 {
    width: 75%; }
  .mukel-col-sm-10 {
    width: 83.33333%; }
  .mukel-col-sm-11 {
    width: 91.66667%; }
  .mukel-col-sm-12 {
    width: 100%; }
  .mukel-col-sm-pull-0 {
    right: auto; }
  .mukel-col-sm-pull-1 {
    right: 8.33333%; }
  .mukel-col-sm-pull-2 {
    right: 16.66667%; }
  .mukel-col-sm-pull-3 {
    right: 25%; }
  .mukel-col-sm-pull-4 {
    right: 33.33333%; }
  .mukel-col-sm-pull-5 {
    right: 41.66667%; }
  .mukel-col-sm-pull-6 {
    right: 50%; }
  .mukel-col-sm-pull-7 {
    right: 58.33333%; }
  .mukel-col-sm-pull-8 {
    right: 66.66667%; }
  .mukel-col-sm-pull-9 {
    right: 75%; }
  .mukel-col-sm-pull-10 {
    right: 83.33333%; }
  .mukel-col-sm-pull-11 {
    right: 91.66667%; }
  .mukel-col-sm-pull-12 {
    right: 100%; }
  .mukel-col-sm-push-0 {
    left: auto; }
  .mukel-col-sm-push-1 {
    left: 8.33333%; }
  .mukel-col-sm-push-2 {
    left: 16.66667%; }
  .mukel-col-sm-push-3 {
    left: 25%; }
  .mukel-col-sm-push-4 {
    left: 33.33333%; }
  .mukel-col-sm-push-5 {
    left: 41.66667%; }
  .mukel-col-sm-push-6 {
    left: 50%; }
  .mukel-col-sm-push-7 {
    left: 58.33333%; }
  .mukel-col-sm-push-8 {
    left: 66.66667%; }
  .mukel-col-sm-push-9 {
    left: 75%; }
  .mukel-col-sm-push-10 {
    left: 83.33333%; }
  .mukel-col-sm-push-11 {
    left: 91.66667%; }
  .mukel-col-sm-push-12 {
    left: 100%; }
  .mukel-col-sm-offset-0 {
    margin-left: 0%; }
  .mukel-col-sm-offset-1 {
    margin-left: 8.33333%; }
  .mukel-col-sm-offset-2 {
    margin-left: 16.66667%; }
  .mukel-col-sm-offset-3 {
    margin-left: 25%; }
  .mukel-col-sm-offset-4 {
    margin-left: 33.33333%; }
  .mukel-col-sm-offset-5 {
    margin-left: 41.66667%; }
  .mukel-col-sm-offset-6 {
    margin-left: 50%; }
  .mukel-col-sm-offset-7 {
    margin-left: 58.33333%; }
  .mukel-col-sm-offset-8 {
    margin-left: 66.66667%; }
  .mukel-col-sm-offset-9 {
    margin-left: 75%; }
  .mukel-col-sm-offset-10 {
    margin-left: 83.33333%; }
  .mukel-col-sm-offset-11 {
    margin-left: 91.66667%; }
  .mukel-col-sm-offset-12 {
    margin-left: 100%; } }

@media only screen and (max-width: 575.86px) {
  .mukel-col-xs-1, .mukel-col-xs-2, .mukel-col-xs-3, .mukel-col-xs-4, .mukel-col-xs-5, .mukel-col-xs-6, .mukel-col-xs-7, .mukel-col-xs-8, .mukel-col-xs-9, .mukel-col-xs-10, .mukel-col-xs-11, .mukel-col-xs-12 {
    float: left; }
  .mukel-col-xs-1 {
    width: 8.33333%; }
  .mukel-col-xs-2 {
    width: 16.66667%; }
  .mukel-col-xs-3 {
    width: 25%; }
  .mukel-col-xs-4 {
    width: 33.33333%; }
  .mukel-col-xs-5 {
    width: 41.66667%; }
  .mukel-col-xs-6 {
    width: 50%; }
  .mukel-col-xs-7 {
    width: 58.33333%; }
  .mukel-col-xs-8 {
    width: 66.66667%; }
  .mukel-col-xs-9 {
    width: 75%; }
  .mukel-col-xs-10 {
    width: 83.33333%; }
  .mukel-col-xs-11 {
    width: 91.66667%; }
  .mukel-col-xs-12 {
    width: 100%; }
  .mukel-col-xs-pull-0 {
    right: auto; }
  .mukel-col-xs-pull-1 {
    right: 8.33333%; }
  .mukel-col-xs-pull-2 {
    right: 16.66667%; }
  .mukel-col-xs-pull-3 {
    right: 25%; }
  .mukel-col-xs-pull-4 {
    right: 33.33333%; }
  .mukel-col-xs-pull-5 {
    right: 41.66667%; }
  .mukel-col-xs-pull-6 {
    right: 50%; }
  .mukel-col-xs-pull-7 {
    right: 58.33333%; }
  .mukel-col-xs-pull-8 {
    right: 66.66667%; }
  .mukel-col-xs-pull-9 {
    right: 75%; }
  .mukel-col-xs-pull-10 {
    right: 83.33333%; }
  .mukel-col-xs-pull-11 {
    right: 91.66667%; }
  .mukel-col-xs-pull-12 {
    right: 100%; }
  .mukel-col-xs-push-0 {
    left: auto; }
  .mukel-col-xs-push-1 {
    left: 8.33333%; }
  .mukel-col-xs-push-2 {
    left: 16.66667%; }
  .mukel-col-xs-push-3 {
    left: 25%; }
  .mukel-col-xs-push-4 {
    left: 33.33333%; }
  .mukel-col-xs-push-5 {
    left: 41.66667%; }
  .mukel-col-xs-push-6 {
    left: 50%; }
  .mukel-col-xs-push-7 {
    left: 58.33333%; }
  .mukel-col-xs-push-8 {
    left: 66.66667%; }
  .mukel-col-xs-push-9 {
    left: 75%; }
  .mukel-col-xs-push-10 {
    left: 83.33333%; }
  .mukel-col-xs-push-11 {
    left: 91.66667%; }
  .mukel-col-xs-push-12 {
    left: 100%; }
  .mukel-col-xs-offset-0 {
    margin-left: 0%; }
  .mukel-col-xs-offset-1 {
    margin-left: 8.33333%; }
  .mukel-col-xs-offset-2 {
    margin-left: 16.66667%; }
  .mukel-col-xs-offset-3 {
    margin-left: 25%; }
  .mukel-col-xs-offset-4 {
    margin-left: 33.33333%; }
  .mukel-col-xs-offset-5 {
    margin-left: 41.66667%; }
  .mukel-col-xs-offset-6 {
    margin-left: 50%; }
  .mukel-col-xs-offset-7 {
    margin-left: 58.33333%; }
  .mukel-col-xs-offset-8 {
    margin-left: 66.66667%; }
  .mukel-col-xs-offset-9 {
    margin-left: 75%; }
  .mukel-col-xs-offset-10 {
    margin-left: 83.33333%; }
  .mukel-col-xs-offset-11 {
    margin-left: 91.66667%; }
  .mukel-col-xs-offset-12 {
    margin-left: 100%; } }

/* ==========================================================================
   MUKEL Init: Default
   ========================================================================== */
body {
  min-width: 320px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  color: #313131;
  font-size: 1.6rem;
  line-height: 2.4rem; }
  @media only screen and (max-width: 767.98px) {
    body {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  body.mukel-rm-scroll {
    overflow: hidden;
    touch-action: none; }
  body.mukel-hold-transition * {
    transition: none !important; }

h1 {
  font-size: 4.8rem;
  line-height: 5.6rem;
  font-weight: 700; }
  @media only screen and (max-width: 767.98px) {
    h1 {
      font-size: 2.4rem;
      line-height: 3.2rem; } }

h2 {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 700; }
  @media only screen and (max-width: 767.98px) {
    h2 {
      font-size: 2rem;
      line-height: 3.2rem; } }

h3 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700; }
  @media only screen and (max-width: 767.98px) {
    h3 {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

h4 {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 700; }
  @media only screen and (max-width: 767.98px) {
    h4 {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

h5 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 700; }
  @media only screen and (max-width: 767.98px) {
    h5 {
      font-size: 1.7rem;
      line-height: 2.2rem; } }

h6 {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: 700; }
  @media only screen and (max-width: 767.98px) {
    h6 {
      font-size: 1.7rem;
      line-height: 2.2rem; } }

p,
li,
td {
  font-size: 1.6rem;
  line-height: 2.4rem; }
  @media only screen and (max-width: 767.98px) {
    p,
    li,
    td {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

label {
  font-size: 1.4rem;
  line-height: 2.4rem; }
  @media only screen and (max-width: 767.98px) {
    label {
      font-size: 1.4rem;
      line-height: 2.4rem; } }

strong,
b {
  font-weight: 700; }

/* ==========================================================================
   MUKEL Element Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Element: Background
   ========================================================================== */
.mukel-bg--primary-1 {
  background-color: #eb2629; }

.mukel-bg--primary-2 {
  background-color: #f14545; }

.mukel-bg--primary-3 {
  background-color: #c41432; }

.mukel-bg--secondary-1 {
  background-color: #feb06a; }

.mukel-bg--secondary-2 {
  background-color: #e98c61; }

.mukel-bg--secondary-3 {
  background-color: #fe8e78; }

.mukel-bg--secondary-4 {
  background-color: #e76462; }

.mukel-bg--secondary-5 {
  background-color: #e7626f; }

.mukel-bg--secondary-6 {
  background-color: #00b852; }

.mukel-bg--secondary-7 {
  background-color: #08090f; }

.mukel-bg--secondary-8 {
  background-color: #1a1a1a; }

.mukel-bg--secondary-9 {
  background-color: #145c93; }

.mukel-bg--secondary-10 {
  background-color: #329989; }

.mukel-bg--secondary-11 {
  background-color: #d6ad14; }

.mukel-bg--secondary-12 {
  background-color: #d16701; }

.mukel-bg--secondary-13 {
  background-color: #446eff; }

.mukel-bg--secondary-14 {
  background-color: #449B94; }

.mukel-bg--secondary-15 {
  background-color: #f8f8f9; }

.mukel-bg--premier-1 {
  background-color: #8b7866; }

.mukel-bg--premier-2 {
  background-color: #6e5c4a; }

.mukel-bg--premier-3 {
  background-color: #bfad98; }

.mukel-bg--private-1 {
  background-color: #6a6d73; }

.mukel-bg--private-2 {
  background-color: #72747b; }

.mukel-bg--private-3 {
  background-color: #aaa7ae; }

.mukel-bg--private-4 {
  background-color: #bdbdbd; }

.mukel-bg--private-5 {
  background-color: #e7e7e7; }

.mukel-bg--gray-1 {
  background-color: #313131; }

.mukel-bg--gray-2 {
  background-color: #667584; }

.mukel-bg--gray-3 {
  background-color: #80909f; }

.mukel-bg--gray-4 {
  background-color: #939fab; }

.mukel-bg--gray-5 {
  background-color: #c2c9d1; }

.mukel-bg--gray-6 {
  background-color: #dae0e6; }

.mukel-bg--gray-7 {
  background-color: #f0f1f5; }

.mukel-bg--white {
  background-color: #fff; }

.mukel-bg--black {
  background-color: #000; }

.mukel-bg--social-facebook {
  background-color: #3b5998; }

.mukel-bg--social-instagram {
  background-color: #c13584; }

.mukel-bg--social-twitter {
  background-color: #1da1f2; }

.mukel-bg--social-youtube {
  background-color: #ff0000; }

.mukel-bg--social-whatsapp {
  background-color: #25d366; }

.mukel-bg--social-line {
  background-color: #00c300; }

.mukel-bg--social-linkedin {
  background-color: #0077b5; }

.mukel-bg--error {
  background-color: #eb2629; }

.mukel-bg--success {
  background-color: #00893d; }

.mukel-bg--grad-primary {
  background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }

.mukel-bg--grad-premier {
  background-image: linear-gradient(113deg, #8b7866 0%, #6e5c4a 100%); }

.mukel-bg--grad-premier-light {
  background-image: linear-gradient(113deg, #bfad98 0%, #8b7866 100%); }

.mukel-bg--grad-private {
  background-image: linear-gradient(113deg, #aaa7ae 0%, #6a6d73 100%); }

.mukel-bg--grad-private-light {
  background-image: linear-gradient(113deg, #e7e7e7 0%, #bdbdbd 100%); }

.mukel-bg--grad-independence {
  background-image: linear-gradient(113deg, #ff474e 0%, #cc090c 100%); }

.mukel-bg--grad-eid {
  background-image: linear-gradient(113deg, #d8fd00 0%, #005500 100%); }

.mukel-bg--grad-year-end {
  background-image: linear-gradient(113deg, #dd0562 0%, #60082d 100%); }

.mukel-bg--grad-anniversary {
  background-image: linear-gradient(113deg, #dd5a05 0%, #912303 100%); }

.mukel-bg-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(8, 9, 15, 0.8);
  transition: all 0.25s ease;
  transition-delay: 0.1s; }
  .mukel-mega-menu--show .mukel-bg-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s; }
    .mukel-mega-menu--show .mukel-bg-overlay::after {
      transform: scaleY(1);
      transition-delay: 0s; }
  .mukel-search-form--show .mukel-bg-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s; }

/* ==========================================================================
   MUKEL Element: Color
   ========================================================================== */
.mukel-color--primary-1 {
  color: #eb2629; }

.mukel-color--primary-2 {
  color: #f14545; }

.mukel-color--primary-3 {
  color: #c41432; }

.mukel-color--secondary-1 {
  color: #feb06a; }

.mukel-color--secondary-2 {
  color: #e98c61; }

.mukel-color--secondary-3 {
  color: #fe8e78; }

.mukel-color--secondary-4 {
  color: #e76462; }

.mukel-color--secondary-5 {
  color: #e7626f; }

.mukel-color--secondary-6 {
  color: #00b852; }

.mukel-color--secondary-7 {
  color: #08090f; }

.mukel-color--secondary-8 {
  color: #1a1a1a; }

.mukel-color--secondary-9 {
  color: #145c93; }

.mukel-color--secondary-10 {
  color: #329989; }

.mukel-color--secondary-11 {
  color: #d6ad14; }

.mukel-color--secondary-12 {
  color: #d16701; }

.mukel-color--secondary-13 {
  color: #446eff; }

.mukel-color--secondary-14 {
  color: #449B94; }

.mukel-color--secondary-15 {
  color: #f8f8f9; }

.mukel-color--premier-1 {
  color: #8b7866; }

.mukel-color--premier-2 {
  color: #6e5c4a; }

.mukel-color--premier-3 {
  color: #bfad98; }

.mukel-color--private-1 {
  color: #6a6d73; }

.mukel-color--private-2 {
  color: #72747b; }

.mukel-color--private-3 {
  color: #aaa7ae; }

.mukel-color--private-4 {
  color: #bdbdbd; }

.mukel-color--private-5 {
  color: #e7e7e7; }

.mukel-color--gray-1 {
  color: #313131; }

.mukel-color--gray-2 {
  color: #667584; }

.mukel-color--gray-3 {
  color: #80909f; }

.mukel-color--gray-4 {
  color: #939fab; }

.mukel-color--gray-5 {
  color: #c2c9d1; }

.mukel-color--gray-6 {
  color: #dae0e6; }

.mukel-color--gray-7 {
  color: #f0f1f5; }

.mukel-color--white {
  color: #fff; }

.mukel-color--black {
  color: #000; }

.mukel-color--social-facebook {
  color: #3b5998; }

.mukel-color--social-instagram {
  color: #c13584; }

.mukel-color--social-twitter {
  color: #1da1f2; }

.mukel-color--social-youtube {
  color: #ff0000; }

.mukel-color--social-whatsapp {
  color: #25d366; }

.mukel-color--social-line {
  color: #00c300; }

.mukel-color--social-linkedin {
  color: #0077b5; }

.mukel-color--error {
  color: #eb2629; }

.mukel-color--success {
  color: #00893d; }

/* ==========================================================================
   MUKEL Element: Shadow
   ========================================================================== */
.mukel-shadow--16 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }

.mukel-shadow--8 {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }

.mukel-shadow--6 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }

.mukel-shadow--4 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }

/* ==========================================================================
   MUKEL Element: Text
   ========================================================================== */
.mukel-txt--regular {
  font-weight: 400; }

.mukel-txt--medium {
  font-weight: 500; }

.mukel-txt--bold {
  font-weight: 700; }

.mukel-txt--primary-1 {
  color: #eb2629; }

.mukel-txt--primary-2 {
  color: #f14545; }

.mukel-txt--primary-3 {
  color: #c41432; }

.mukel-txt--secondary-1 {
  color: #feb06a; }

.mukel-txt--secondary-2 {
  color: #e98c61; }

.mukel-txt--secondary-3 {
  color: #fe8e78; }

.mukel-txt--secondary-4 {
  color: #e76462; }

.mukel-txt--secondary-5 {
  color: #e7626f; }

.mukel-txt--secondary-6 {
  color: #00b852; }

.mukel-txt--secondary-7 {
  color: #08090f; }

.mukel-txt--secondary-8 {
  color: #1a1a1a; }

.mukel-txt--secondary-9 {
  color: #145c93; }

.mukel-txt--secondary-10 {
  color: #329989; }

.mukel-txt--secondary-11 {
  color: #d6ad14; }

.mukel-txt--secondary-12 {
  color: #d16701; }

.mukel-txt--secondary-13 {
  color: #446eff; }

.mukel-txt--secondary-14 {
  color: #449B94; }

.mukel-txt--secondary-15 {
  color: #f8f8f9; }

.mukel-txt--premier-1 {
  color: #8b7866; }

.mukel-txt--premier-2 {
  color: #6e5c4a; }

.mukel-txt--premier-3 {
  color: #bfad98; }

.mukel-txt--private-1 {
  color: #6a6d73; }

.mukel-txt--private-2 {
  color: #72747b; }

.mukel-txt--private-3 {
  color: #aaa7ae; }

.mukel-txt--private-4 {
  color: #bdbdbd; }

.mukel-txt--private-5 {
  color: #e7e7e7; }

.mukel-txt--gray-1 {
  color: #313131; }

.mukel-txt--gray-2 {
  color: #667584; }

.mukel-txt--gray-3 {
  color: #80909f; }

.mukel-txt--gray-4 {
  color: #939fab; }

.mukel-txt--gray-5 {
  color: #c2c9d1; }

.mukel-txt--gray-6 {
  color: #dae0e6; }

.mukel-txt--gray-7 {
  color: #f0f1f5; }

.mukel-txt--white {
  color: #fff; }

.mukel-txt--black {
  color: #000; }

.mukel-txt--social-facebook {
  color: #3b5998; }

.mukel-txt--social-instagram {
  color: #c13584; }

.mukel-txt--social-twitter {
  color: #1da1f2; }

.mukel-txt--social-youtube {
  color: #ff0000; }

.mukel-txt--social-whatsapp {
  color: #25d366; }

.mukel-txt--social-line {
  color: #00c300; }

.mukel-txt--social-linkedin {
  color: #0077b5; }

.mukel-txt--error {
  color: #eb2629; }

.mukel-txt--success {
  color: #00893d; }

.mukel-txt__hero {
  font-size: 5.6rem;
  line-height: 7.2rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__hero {
      font-size: 3.2rem;
      line-height: 4rem; } }

.mukel-txt__h1 {
  font-size: 4.8rem;
  line-height: 5.6rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__h1 {
      font-size: 2.4rem;
      line-height: 3.2rem; } }

.mukel-txt__h2 {
  font-size: 3.2rem;
  line-height: 4rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__h2 {
      font-size: 2rem;
      line-height: 3.2rem; } }

.mukel-txt__h3 {
  font-size: 2.4rem;
  line-height: 3.2rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__h3 {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-txt__h4 {
  font-size: 2rem;
  line-height: 3.2rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__h4 {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-txt__h5 {
  font-size: 1.8rem;
  line-height: 2.4rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__h5 {
      font-size: 1.7rem;
      line-height: 2.2rem; } }

.mukel-txt__h6 {
  font-size: 1.7rem;
  line-height: 2.2rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__h6 {
      font-size: 1.7rem;
      line-height: 2.2rem; } }

.mukel-txt__body {
  font-size: 1.6rem;
  line-height: 2.4rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__body {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-txt__label {
  font-size: 1.4rem;
  line-height: 2.4rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__label {
      font-size: 1.4rem;
      line-height: 2.4rem; } }

.mukel-txt__small {
  font-size: 1.4rem;
  line-height: 2.2rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__small {
      font-size: 1.4rem;
      line-height: 2.2rem; } }

.mukel-txt__micro {
  font-size: 1.2rem;
  line-height: 1.6rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt__micro {
      font-size: 1.2rem;
      line-height: 1.6rem; } }

.mukel-txt__m-hero {
  font-size: 3.2rem;
  line-height: 4rem; }

.mukel-txt__m-h1 {
  font-size: 2.4rem;
  line-height: 3.2rem; }

.mukel-txt__m-h2 {
  font-size: 2rem;
  line-height: 3.2rem; }

.mukel-txt__m-h3 {
  font-size: 1.8rem;
  line-height: 2.4rem; }

.mukel-txt__m-h4 {
  font-size: 1.8rem;
  line-height: 2.4rem; }

.mukel-txt__m-h5 {
  font-size: 1.7rem;
  line-height: 2.2rem; }

.mukel-txt__m-h6 {
  font-size: 1.7rem;
  line-height: 2.2rem; }

.mukel-txt__m-body {
  font-size: 1.6rem;
  line-height: 2.4rem; }

.mukel-txt__m-label {
  font-size: 1.4rem;
  line-height: 2.4rem; }

.mukel-txt__m-small {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.mukel-txt__m-micro {
  font-size: 1.2rem;
  line-height: 1.6rem; }

/* ==========================================================================
   MUKEL Element: Link
   ========================================================================== */
.mukel-lnk {
  font-size: inherit;
  line-height: inherit; }

/* ==========================================================================
   MUKEL Element: Input
   ========================================================================== */
.mukel-input {
  outline: 0;
  padding: 4px 12px;
  color: #313131;
  font-size: 1.6rem;
  line-height: 2.4rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-input {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-input--box-rounded {
    padding: 8px 16px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
  .mukel-input--minimalize {
    width: 100%;
    border: 0;
    padding: 7px 4px 8px;
    background-color: transparent;
    border-radius: 0;
    border-bottom: solid 1px #80909f;
    transition: border-colo .25s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .mukel-input--minimalize::-webkit-input-placeholder {
      color: #80909f;
      -webkit-text-fill-color: #80909f; }
    .mukel-input--minimalize:-webkit-input-placeholder {
      color: #80909f;
      -webkit-text-fill-color: #80909f; }
    .mukel-input--minimalize::-moz-placeholder {
      color: #80909f;
      -webkit-text-fill-color: #80909f; }
    .mukel-input--minimalize:-moz-placeholder {
      color: #80909f;
      -webkit-text-fill-color: #80909f; }
    .mukel-input--minimalize::-ms-input-placeholder {
      color: #80909f;
      -webkit-text-fill-color: #80909f; }
    .mukel-input--minimalize:-ms-input-placeholder {
      color: #80909f;
      -webkit-text-fill-color: #80909f; }
    .mukel-input--minimalize:-moz-placeholder-shown {
      color: #80909f;
      -webkit-text-fill-color: #80909f; }
    .mukel-input--minimalize:placeholder-shown {
      color: #80909f;
      -webkit-text-fill-color: #80909f; }
    @media only screen and (max-width: 767.98px) {
      .mukel-input--minimalize {
        padding-left: 8px;
        padding-right: 8px; } }
    .mukel-field__input .mukel-input--minimalize {
      padding: 0 0 8px; }
      .mukel-field__input .mukel-input--minimalize::-webkit-input-placeholder {
        color: rgba(102, 117, 132, 0.6);
        -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
      .mukel-field__input .mukel-input--minimalize:-webkit-input-placeholder {
        color: rgba(102, 117, 132, 0.6);
        -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
      .mukel-field__input .mukel-input--minimalize::-moz-placeholder {
        color: rgba(102, 117, 132, 0.6);
        -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
      .mukel-field__input .mukel-input--minimalize:-moz-placeholder {
        color: rgba(102, 117, 132, 0.6);
        -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
      .mukel-field__input .mukel-input--minimalize::-ms-input-placeholder {
        color: rgba(102, 117, 132, 0.6);
        -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
      .mukel-field__input .mukel-input--minimalize:-ms-input-placeholder {
        color: rgba(102, 117, 132, 0.6);
        -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
      .mukel-field__input .mukel-input--minimalize:-moz-placeholder-shown {
        color: rgba(102, 117, 132, 0.6);
        -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
      .mukel-field__input .mukel-input--minimalize:placeholder-shown {
        color: rgba(102, 117, 132, 0.6);
        -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
    .mukel-input--minimalize[readonly] {
      border-color: transparent;
      cursor: default; }
  .mukel-input--textarea-box {
    display: block;
    width: 100%;
    height: 200px;
    padding: 16px;
    background-color: transparent;
    border-radius: 0;
    border: solid 1px #80909f;
    resize: none; }
    .mukel-input--textarea-box::-webkit-input-placeholder {
      color: rgba(102, 117, 132, 0.6);
      -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
    .mukel-input--textarea-box:-webkit-input-placeholder {
      color: rgba(102, 117, 132, 0.6);
      -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
    .mukel-input--textarea-box::-moz-placeholder {
      color: rgba(102, 117, 132, 0.6);
      -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
    .mukel-input--textarea-box:-moz-placeholder {
      color: rgba(102, 117, 132, 0.6);
      -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
    .mukel-input--textarea-box::-ms-input-placeholder {
      color: rgba(102, 117, 132, 0.6);
      -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
    .mukel-input--textarea-box:-ms-input-placeholder {
      color: rgba(102, 117, 132, 0.6);
      -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
    .mukel-input--textarea-box:-moz-placeholder-shown {
      color: rgba(102, 117, 132, 0.6);
      -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
    .mukel-input--textarea-box:placeholder-shown {
      color: rgba(102, 117, 132, 0.6);
      -webkit-text-fill-color: rgba(102, 117, 132, 0.6); }
  .mukel-input::-ms-clear {
    display: none; }
  .mukel-input:-webkit-autofill, .mukel-input:-webkit-autofill:hover, .mukel-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    -webkit-animation-name: autofilFormText;
            animation-name: autofilFormText;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    box-shadow: inset 0 0 0 48px #fff; }

@-webkit-keyframes autofilFormText {
  to {
    color: #313131;
    background-color: transparent; } }

@keyframes autofilFormText {
  to {
    color: #313131;
    background-color: transparent; } }

/* ==========================================================================
   MUKEL Element: Button
   ========================================================================== */
.mukel-btn {
  font-size: 1.6rem;
  line-height: 2.8rem;
  display: inline-block;
  min-width: 184px;
  height: 48px;
  padding: 10px 24px;
  border-radius: 24px;
  text-decoration: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  transition: all 0.3s ease;
  background-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* ~~~--~~~
  @modifier: mukel-btn--primary
  @description: Primary Button Active State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--primary-inactive
  @description: Primary Button Inactive State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--secondary
  @description: Secondary Button Active State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--secondary-white
  @description: Secondary White Button Active State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--premier
  @description: Premier Button Active State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--premier-white
  @description: Premier White Button Active State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--private
  @description: Private Button Active State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--private-white
  @description: Private White Button Active State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--secondary-inactive
  @description: Secondary Button Inactive State
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--block
  @description: Block Button/Full width Button
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--apply
  @description: Apply Button
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--small
  @description: Small Button
  ~~~--~~~ */
  /* ~~~--~~~
  @modifier: mukel-btn--rounded
  @description: Rounded Button
  ~~~--~~~ */
  /* ==========================================================================
   MUKEL Element: Button Widget
   ========================================================================== */
  /* ==========================================================================
   MUKEL Element: Button Icon
   ========================================================================== */
  /* ==========================================================================
   MUKEL Element: Button Icon Text
   ========================================================================== */
  /* ==========================================================================
   MUKEL Element: Button Text Link
   ========================================================================== */
  /* ==========================================================================
   MUKEL Element: Button Rounded
   ========================================================================== */
  /* ==========================================================================
   MUKEL Element: Button Rachel
   ========================================================================== */ }
  @media only screen and (max-width: 767.98px) {
    .mukel-btn {
      padding: 10px 16px; } }
  .mukel-btn--primary {
    background-image: linear-gradient(113deg, #f14545 0%, #c41432 50%);
    background-size: 200% 1px;
    transition: background-position .35s ease;
    color: #fff; }
    .mukel-premier-site .mukel-btn--primary {
      background-image: linear-gradient(113deg, #8b7866 0%, #6e5c4a 50%); }
    .mukel-private-site .mukel-btn--primary {
      background-image: linear-gradient(113deg, #aaa7ae 0%, #6a6d73 50%); }
    .mukel-btn--primary:hover {
      background-position: 100% 1px; }
    .mukel-btn--primary[disabled] {
      cursor: default;
      pointer-events: none;
      color: #fff;
      background-image: none;
      background-color: #80909f; }
  .mukel-btn--primary-inactive {
    cursor: default;
    pointer-events: none;
    color: #fff;
    background-color: #80909f; }
  .mukel-btn--secondary {
    color: #eb2629;
    border: solid 2px #eb2629;
    padding: 8px 24px; }
    .mukel-premier-site .mukel-btn--secondary {
      color: #8b7866;
      border-color: #8b7866; }
    .mukel-private-site .mukel-btn--secondary {
      color: #313131;
      border-color: #313131; }
    .mukel-btn--secondary:hover {
      background-color: rgba(26, 26, 26, 0.05); }
  .mukel-btn--secondary-white {
    color: #fff;
    border: solid 2px #fff;
    padding: 8px 24px; }
    .mukel-btn--secondary-white:hover {
      background-color: #fff;
      color: #eb2629; }
      .mukel-premier-site .mukel-btn--secondary-white:hover {
        color: #8b7866; }
      .mukel-private-site .mukel-btn--secondary-white:hover {
        color: #6a6d73; }
  .mukel-btn--premier {
    background-image: linear-gradient(113deg, #8b7866 0%, #6e5c4a 50%);
    background-size: 200% 1px;
    transition: background-position .35s ease;
    color: #fff; }
    .mukel-btn--premier:hover {
      background-position: 100% 1px; }
    .mukel-btn--premier[disabled] {
      cursor: default;
      pointer-events: none;
      color: #fff;
      background-image: none;
      background-color: #80909f; }
  .mukel-btn--premier-white {
    color: #fff;
    border: solid 2px #fff;
    padding: 8px 24px; }
    .mukel-btn--premier-white:hover {
      color: #8b7866;
      background-color: #fff; }
  .mukel-btn--private {
    background-image: linear-gradient(113deg, #aaa7ae 0%, #6a6d73 50%);
    background-size: 200% 1px;
    transition: background-position .35s ease;
    color: #fff; }
    .mukel-btn--private:hover {
      background-position: 100% 1px; }
    .mukel-btn--private[disabled] {
      cursor: default;
      pointer-events: none;
      color: #fff;
      background-image: none;
      background-color: #80909f; }
  .mukel-btn--private-white {
    color: #fff;
    border: solid 2px #fff;
    padding: 8px 24px; }
    .mukel-btn--private-white:hover {
      color: #6a6d73;
      background-color: #fff; }
  .mukel-btn--secondary-inactive {
    cursor: default;
    pointer-events: none;
    color: #667584;
    border: solid 2px #667584;
    padding: 8px 24px; }
  .mukel-btn--block {
    display: block;
    width: 100%; }
  .mukel-btn--apply {
    height: 40px;
    min-width: 132px;
    padding: 4px 16px; }
    .mukel-premier-site .mukel-btn--apply.mukel-btn--secondary,
    .mukel-private-site .mukel-btn--apply.mukel-btn--secondary {
      color: #fff;
      border-color: #fff; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-premier-site .mukel-btn--apply.mukel-btn--secondary {
        color: #8b7866;
        border-color: #8b7866; }
      .mukel-private-site .mukel-btn--apply.mukel-btn--secondary {
        color: #6a6d73;
        border-color: #6a6d73; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-btn--apply {
        min-width: 104px;
        padding: 4px 16px; } }
  .mukel-btn--small {
    height: 40px;
    min-width: 132px;
    padding: 4px 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-btn--small {
        min-width: 104px;
        padding: 4px 16px; } }
  .mukel-btn--rounded {
    border-radius: 24px;
    min-width: 136px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-btn--rounded {
        min-width: 88px;
        padding: 10px 12px; } }
  .mukel-btn-icon--slide-left .mukel-fi {
    transition: transform 0.3s ease, opacity 0.2s ease; }
    .mukel-btn-icon--slide-left .mukel-fi:first-child {
      opacity: 1;
      z-index: 1; }
    .mukel-btn-icon--slide-left .mukel-fi:last-child {
      opacity: 0;
      z-index: 2; }
  .mukel-btn-icon--slide-left:hover .mukel-fi:first-child {
    opacity: 0; }
  .mukel-btn-icon--slide-left:hover .mukel-fi:last-child {
    opacity: 1; }
  .mukel-btn-icon--slide-left .mukel-fi:last-child {
    transform: translateX(8px); }
  .mukel-btn-icon--slide-left:hover .mukel-fi:first-child {
    transform: translateX(-8px); }
  .mukel-btn-icon--slide-left:hover .mukel-fi:last-child {
    transform: translateX(0); }
  .mukel-btn-icon--slide-right .mukel-fi {
    transition: transform 0.3s ease, opacity 0.2s ease; }
    .mukel-btn-icon--slide-right .mukel-fi:first-child {
      opacity: 1;
      z-index: 1; }
    .mukel-btn-icon--slide-right .mukel-fi:last-child {
      opacity: 0;
      z-index: 2; }
  .mukel-btn-icon--slide-right:hover .mukel-fi:first-child {
    opacity: 0; }
  .mukel-btn-icon--slide-right:hover .mukel-fi:last-child {
    opacity: 1; }
  .mukel-btn-icon--slide-right .mukel-fi:last-child {
    transform: translateX(-8px); }
  .mukel-btn-icon--slide-right:hover .mukel-fi:first-child {
    transform: translateX(8px); }
  .mukel-btn-icon--slide-right:hover .mukel-fi:last-child {
    transform: translateX(0); }
  .mukel-btn-icon--slide-top .mukel-fi {
    transition: transform 0.3s ease, opacity 0.2s ease; }
    .mukel-btn-icon--slide-top .mukel-fi:first-child {
      opacity: 1;
      z-index: 1; }
    .mukel-btn-icon--slide-top .mukel-fi:last-child {
      opacity: 0;
      z-index: 2; }
  .mukel-btn-icon--slide-top:hover .mukel-fi:first-child {
    opacity: 0; }
  .mukel-btn-icon--slide-top:hover .mukel-fi:last-child {
    opacity: 1; }
  .mukel-btn-icon--slide-top .mukel-fi:last-child {
    transform: translateY(8px); }
  .mukel-btn-icon--slide-top:hover .mukel-fi:first-child {
    transform: translateY(-8px); }
  .mukel-btn-icon--slide-top:hover .mukel-fi:last-child {
    transform: translateY(0); }
  .mukel-btn-icon--slide-bottom .mukel-fi {
    transition: transform 0.3s ease, opacity 0.2s ease; }
    .mukel-btn-icon--slide-bottom .mukel-fi:first-child {
      opacity: 1;
      z-index: 1; }
    .mukel-btn-icon--slide-bottom .mukel-fi:last-child {
      opacity: 0;
      z-index: 2; }
  .mukel-btn-icon--slide-bottom:hover .mukel-fi:first-child {
    opacity: 0; }
  .mukel-btn-icon--slide-bottom:hover .mukel-fi:last-child {
    opacity: 1; }
  .mukel-btn-icon--slide-bottom .mukel-fi:last-child {
    transform: translateY(-8px); }
  .mukel-btn-icon--slide-bottom:hover .mukel-fi:first-child {
    transform: translateY(8px); }
  .mukel-btn-icon--slide-bottom:hover .mukel-fi:last-child {
    transform: translateY(0); }
  .mukel-btn-icon-txt--slide-left .mukel-fi {
    transition: transform 0.3s ease, opacity 0.2s ease; }
    .mukel-btn-icon-txt--slide-left .mukel-fi:first-child {
      opacity: 1;
      z-index: 1; }
    .mukel-btn-icon-txt--slide-left .mukel-fi:last-child {
      opacity: 0;
      z-index: 2; }
  .mukel-btn-icon-txt--slide-left:hover .mukel-fi:first-child {
    opacity: 0; }
  .mukel-btn-icon-txt--slide-left:hover .mukel-fi:last-child {
    opacity: 1; }
  .mukel-btn-icon-txt--slide-left .mukel-fi:last-child {
    transform: translateX(8px); }
  .mukel-btn-icon-txt--slide-left:hover .mukel-fi:first-child {
    transform: translateX(-8px); }
  .mukel-btn-icon-txt--slide-left:hover .mukel-fi:last-child {
    transform: translateX(0); }
  .mukel-btn-icon-txt--slide-right .mukel-fi {
    transition: transform 0.3s ease, opacity 0.2s ease; }
    .mukel-btn-icon-txt--slide-right .mukel-fi:first-child {
      opacity: 1;
      z-index: 1; }
    .mukel-btn-icon-txt--slide-right .mukel-fi:last-child {
      opacity: 0;
      z-index: 2; }
  .mukel-btn-icon-txt--slide-right:hover .mukel-fi:first-child {
    opacity: 0; }
  .mukel-btn-icon-txt--slide-right:hover .mukel-fi:last-child {
    opacity: 1; }
  .mukel-btn-icon-txt--slide-right .mukel-fi:last-child {
    transform: translateX(-8px); }
  .mukel-btn-icon-txt--slide-right:hover .mukel-fi:first-child {
    transform: translateX(8px); }
  .mukel-btn-icon-txt--slide-right:hover .mukel-fi:last-child {
    transform: translateX(0); }
  .mukel-btn-icon-txt--slide-top .mukel-fi {
    transition: transform 0.3s ease, opacity 0.2s ease; }
    .mukel-btn-icon-txt--slide-top .mukel-fi:first-child {
      opacity: 1;
      z-index: 1; }
    .mukel-btn-icon-txt--slide-top .mukel-fi:last-child {
      opacity: 0;
      z-index: 2; }
  .mukel-btn-icon-txt--slide-top:hover .mukel-fi:first-child {
    opacity: 0; }
  .mukel-btn-icon-txt--slide-top:hover .mukel-fi:last-child {
    opacity: 1; }
  .mukel-btn-icon-txt--slide-top .mukel-fi:last-child {
    transform: translateY(8px); }
  .mukel-btn-icon-txt--slide-top:hover .mukel-fi:first-child {
    transform: translateY(-8px); }
  .mukel-btn-icon-txt--slide-top:hover .mukel-fi:last-child {
    transform: translateY(0); }
  .mukel-btn-icon-txt--slide-bottom .mukel-fi {
    transition: transform 0.3s ease, opacity 0.2s ease; }
    .mukel-btn-icon-txt--slide-bottom .mukel-fi:first-child {
      opacity: 1;
      z-index: 1; }
    .mukel-btn-icon-txt--slide-bottom .mukel-fi:last-child {
      opacity: 0;
      z-index: 2; }
  .mukel-btn-icon-txt--slide-bottom:hover .mukel-fi:first-child {
    opacity: 0; }
  .mukel-btn-icon-txt--slide-bottom:hover .mukel-fi:last-child {
    opacity: 1; }
  .mukel-btn-icon-txt--slide-bottom .mukel-fi:last-child {
    transform: translateY(-8px); }
  .mukel-btn-icon-txt--slide-bottom:hover .mukel-fi:first-child {
    transform: translateY(8px); }
  .mukel-btn-icon-txt--slide-bottom:hover .mukel-fi:last-child {
    transform: translateY(0); }
  .mukel-btn-widget {
    font-size: 1.6rem;
    line-height: 2.8rem;
    display: inline-block;
    min-width: 144px;
    width: 100%;
    height: 48px;
    padding: 10px 16px 10px 56px;
    border-radius: 8px;
    text-decoration: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    transition: all 0.3s ease;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    transition: all 0.3s ease;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-btn-widget {
        font-size: 1.6rem;
        line-height: 2.8rem; } }
    .mukel-btn-widget:hover {
      transform: translateY(-4px);
      color: #eb2629;
      box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
      .mukel-premier-site .mukel-btn-widget:hover {
        color: #8b7866; }
      .mukel-private-site .mukel-btn-widget:hover {
        color: #6a6d73; }
    @media only screen and (max-width: 991.98px) {
      .mukel-btn-widget {
        padding: 12px 16px 12px 56px; } }
    .mukel-btn-widget__icon-wrapper {
      width: 24px;
      height: 24px;
      text-align: center;
      display: block;
      position: absolute;
      left: 16px;
      top: 50%;
      margin-top: -12px; }
    .mukel-btn-widget__icon {
      max-width: 24px;
      max-height: 24px;
      height: auto;
      width: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .mukel-btn-widget .mukel-fi {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 2.4rem;
      transform: translate(-50%, -50%); }
  .mukel-btn-icon {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    outline: 0;
    padding: 4px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
    position: relative;
    background-color: transparent; }
    .mukel-btn-icon .mukel-fi {
      font-size: 2.4rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -12px;
      margin-top: -12px; }
    .mukel-btn-icon:hover {
      color: #eb2629; }
      .mukel-premier-site .mukel-btn-icon:hover {
        color: #8b7866; }
      .mukel-private-site .mukel-btn-icon:hover {
        color: #6a6d73; }
  .mukel-btn-icon-txt {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    color: #313131;
    line-height: 1;
    font-size: 0;
    transition: color 0.3s ease;
    text-align: center; }
    .mukel-btn-icon-txt:hover {
      color: #eb2629; }
      .mukel-btn-icon-txt:hover .mukel-btn-icon-txt__icon__img--default {
        opacity: 0; }
      .mukel-btn-icon-txt:hover .mukel-btn-icon-txt__icon__img--hover {
        opacity: 1; }
    .mukel-btn-icon-txt__icon {
      width: 24px;
      height: 24px;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      margin-right: 8px; }
      .mukel-btn-icon-txt__icon .mukel-fi {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 2.4rem; }
      .mukel-btn-icon-txt__icon__img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: opacity .3s ease; }
        .mukel-btn-icon-txt__icon__img--hover {
          opacity: 0; }
    .mukel-btn-icon-txt__txt {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.6rem;
      line-height: 2.8rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-btn-icon-txt__txt {
          font-size: 1.6rem;
          line-height: 2.8rem; } }
  .mukel-btn-txt-lnk {
    display: inline-block;
    text-decoration: none;
    border: 0;
    outline: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    transition: all 0.3s ease;
    background-color: transparent;
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mukel-btn-txt-lnk::after {
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: "";
      display: inline-block;
      vertical-align: top;
      margin-left: 8px;
      transition: all 0.3s ease;
      line-height: 2.4rem;
      color: #eb2629; }
    .mukel-btn-txt-lnk:hover {
      color: #eb2629; }
      .mukel-btn-txt-lnk:hover::after {
        transform: translateX(4px); }
    .mukel-btn-txt-lnk--white {
      color: #fff; }
      .mukel-btn-txt-lnk--white::after {
        color: #fff; }
      .mukel-btn-txt-lnk--white:hover {
        color: #fff; }
        .mukel-btn-txt-lnk--white:hover::after {
          color: #fff; }
    .mukel-btn-txt-lnk--gold::after {
      color: #bfad98; }
    .mukel-btn-txt-lnk--gold:hover {
      color: #8b7866; }
      .mukel-btn-txt-lnk--gold:hover::after {
        color: #8b7866; }
    .mukel-btn-txt-lnk--gold-arrow {
      color: #bfad98; }
      .mukel-btn-txt-lnk--gold-arrow::after {
        color: #bfad98; }
      .mukel-btn-txt-lnk--gold-arrow:hover {
        color: #8b7866; }
        .mukel-btn-txt-lnk--gold-arrow:hover::after {
          color: #8b7866; }
    .mukel-btn-txt-lnk--gray::after {
      color: #313131; }
    .mukel-btn-txt-lnk--gray:hover {
      color: #313131; }
      .mukel-btn-txt-lnk--gray:hover::after {
        color: #313131; }
    .mukel-btn-txt-lnk--gray-arrow {
      color: #313131; }
      .mukel-btn-txt-lnk--gray-arrow::after {
        color: #313131; }
      .mukel-btn-txt-lnk--gray-arrow:hover {
        color: #313131; }
        .mukel-btn-txt-lnk--gray-arrow:hover::after {
          color: #313131; }
    .mukel-btn-txt-lnk--white-red {
      color: #fff; }
      .mukel-btn-txt-lnk--white-red::after {
        color: #eb2629; }
      .mukel-btn-txt-lnk--white-red:hover {
        color: #fff; }
        .mukel-btn-txt-lnk--white-red:hover::after {
          color: #eb2629; }
    .mukel-btn-txt-lnk[disabled] {
      cursor: default;
      pointer-events: none;
      color: #667584; }
      .mukel-btn-txt-lnk[disabled]::after {
        color: #667584; }
  .mukel-btn-round {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #eb2629;
    padding: 13px 0;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mukel-btn-round .mukel-fi {
      display: inline-block;
      vertical-align: middle;
      transition: all .2s ease;
      position: relative;
      font-size: 2rem;
      transition: all .3s ease; }
    .mukel-btn-round:hover {
      background-color: rgba(26, 26, 26, 0.05); }
      .mukel-btn-round:hover .mukel-fi-chevron-left {
        transform: translateX(-2px); }
      .mukel-btn-round:hover .mukel-fi-chevron-right {
        transform: translateX(2px); }
  .mukel-btn-rachel__icon {
    width: 40px;
    height: 40px;
    margin-right: 8px; }

/* ==========================================================================
   MUKEL Element: Burger Menu
   ========================================================================== */
.mukel-burger-menu {
  width: 40px;
  height: 40px;
  font-size: 0;
  line-height: 1;
  padding: 12px 10px;
  text-align: right;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .mukel-burger-menu__bar {
    width: 20px;
    height: 2px;
    display: inline-block;
    margin-bottom: 5px;
    background-color: #313131;
    border-radius: 1px;
    transition: all 0.35s ease;
    transition-delay: 0.4s;
    transform-origin: center center; }
    .mukel-burger-menu__bar:nth-child(1) {
      width: 18px;
      margin-top: 1px; }
    .mukel-burger-menu__bar:nth-child(2) {
      width: 16px;
      opacity: 1;
      transform: scaleX(1); }
    .mukel-burger-menu__bar:nth-child(3) {
      margin-bottom: 0; }
    .mukel-premier-site .mukel-burger-menu__bar,
    .mukel-private-site .mukel-burger-menu__bar {
      background-color: #fff; }
  .mukel-burger-menu--white .mukel-burger-menu__bar {
    background-color: #fff; }
  .mukel-show-navigation .mukel-burger-menu__bar:nth-child(1) {
    width: 20px;
    transform: rotate(135deg) translate(4px, -4px);
    transition-delay: 0.3s; }
  .mukel-show-navigation .mukel-burger-menu__bar:nth-child(2) {
    transform: scaleX(0);
    opacity: 0;
    transition-delay: 0s; }
  .mukel-show-navigation .mukel-burger-menu__bar:nth-child(3) {
    transform: rotate(-135deg) translate(6px, 6px);
    transition-delay: 0.3s; }

/* ==========================================================================
   MUKEL Element: Icons
   ========================================================================== */
[class^="mukel-fi-"],
[class*=" mukel-fi-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "MUKEL NISP Icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mukel-fi-linkedin:before {
  content: "\e91c"; }

.mukel-fi-whatsapp:before {
  content: "\e91d"; }

.mukel-fi-line:before {
  content: "\e91e"; }

.mukel-fi-copylink:before {
  content: "\e91b"; }

.mukel-fi-add:before {
  content: "\e900"; }

.mukel-fi-arrow-right:before {
  content: "\e901"; }

.mukel-fi-burger-menu:before {
  content: "\e902"; }

.mukel-fi-calendar:before {
  content: "\e903"; }

.mukel-fi-call:before {
  content: "\e904"; }

.mukel-fi-checklist:before {
  content: "\e905"; }

.mukel-fi-chevron-down:before {
  content: "\e906"; }

.mukel-fi-chevron-left:before {
  content: "\e907"; }

.mukel-fi-chevron-right:before {
  content: "\e908"; }

.mukel-fi-chevron-up:before {
  content: "\e909"; }

.mukel-fi-ewallet:before {
  content: "\e90a"; }

.mukel-fi-exit:before {
  content: "\e90b"; }

.mukel-fi-facebook:before {
  content: "\e90c"; }

.mukel-fi-instagram:before {
  content: "\e90d"; }

.mukel-fi-login:before {
  content: "\e90e"; }

.mukel-fi-pie-chart:before {
  content: "\e90f"; }

.mukel-fi-question-mark:before {
  content: "\e910"; }

.mukel-fi-refresh:before {
  content: "\e911"; }

.mukel-fi-search:before {
  content: "\e912"; }

.mukel-fi-switch:before {
  content: "\e913"; }

.mukel-fi-twitter:before {
  content: "\e914"; }

.mukel-fi-youtube:before {
  content: "\e915"; }

.mukel-fi-exit-small:before {
  content: "\e916"; }

.mukel-fi-play-button:before {
  content: "\e917"; }

.mukel-fi-twitter-circle:before {
  content: "\e918"; }

.mukel-fi-instagram-circle:before {
  content: "\e919"; }

.mukel-fi-phone-circle:before {
  content: "\e91a"; }

/* ==========================================================================
   MUKEL Element: Image
   ========================================================================== */
.mukel-img--full {
  display: block;
  width: 100%; }

.mukel-img--d {
  display: block; }

.mukel-img--m {
  display: none; }

@media only screen and (max-width: 767.98px) {
  .mukel-img--d {
    display: none; }
  .mukel-img--m {
    display: block; } }

/* ==========================================================================
   MUKEL Element: Select
   ========================================================================== */
.mukel-select {
  position: relative;
  display: inline-block;
  z-index: 2; }
  .mukel-select--full {
    width: 100%;
    display: block; }
  .mukel-select__text {
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-bottom: 8px;
    border-bottom: solid 1px #80909f;
    position: relative;
    padding-right: 48px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-select__text {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-select__text::after {
      position: absolute;
      bottom: 14px;
      right: 16px;
      z-index: 1;
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: "";
      font-size: 1.6rem; }
  .mukel-select__element {
    display: none; }
  .mukel-select__list {
    position: absolute;
    left: 0;
    right: 0;
    margin: 8px 0 0;
    background-color: #fff;
    border-radius: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 185px;
    opacity: 0;
    transform: translateY(-8px);
    visibility: hidden;
    transition: all 0.25s ease 0.1s;
    max-width: 100%;
    white-space: nowrap;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-select__list {
        padding-top: 8px;
        padding-bottom: 4px; } }
  .mukel-select__item {
    white-space: normal;
    max-width: 100%;
    padding: 8px 56px 8px 24px;
    cursor: pointer;
    position: relative;
    opacity: 0;
    transform: translateY(8px);
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s, background-color 0.25s ease 0s; }
    .mukel-select__item-sub {
      padding-left: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-select__item {
        padding: 8px 48px 8px 16px; }
        .mukel-select__item-sub {
          padding-left: 32px; } }
    .mukel-select__item--sub-label {
      color: #667584; }
    .mukel-select__item::after {
      position: absolute;
      top: 11px;
      right: 24px;
      z-index: 1;
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: "";
      font-size: 1.6rem;
      display: none; }
      @media only screen and (max-width: 767.98px) {
        .mukel-select__item::after {
          right: 16px; } }
    .mukel-select__item__text {
      font-size: 1.4rem;
      line-height: 2.2rem;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-select__item__text {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-select__item--selected {
      color: #eb2629; }
      .mukel-select__item--selected::after {
        display: block; }
      .mukel-premier-site .mukel-select__item--selected {
        color: #8b7866; }
      .mukel-private-site .mukel-select__item--selected {
        color: #6a6d73; }
    .mukel-select__item:hover {
      background-color: #dae0e6; }
  .mukel-select--show {
    z-index: 3; }
    .mukel-select--show .mukel-select__list {
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
      transition-delay: 0s; }
    .mukel-select--show .mukel-select__item {
      opacity: 1;
      transform: translateY(0);
      transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, background-color 0.25s ease 0s; }
  .mukel-select .mCustomScrollBox[style="max-height: none;"] .mCSB_scrollTools_vertical {
    display: none !important; }
  .mukel-select .mCSB_scrollTools {
    width: 12px; }
  .mukel-select .mCSB_inside > .mCSB_container {
    margin-right: 0; }
  .mukel-select .mCSB_scrollTools .mCSB_draggerContainer {
    top: 4px;
    bottom: 4px; }
  .mukel-select .mCSB_scrollTools .mCSB_draggerRail {
    display: none; }
  .mukel-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 4px;
    background-color: #dae0e6;
    opacity: 1; }
  .mukel-select .mCS-inset-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar {
    background-color: blue; }

/* ==========================================================================
   MUKEL Element: Select Search
   ========================================================================== */
.mukel-select-search {
  position: relative;
  display: inline-block;
  z-index: 2;
  width: 100%; }
  .mukel-select-search__element {
    display: none; }
  .mukel-select-search .select2-container {
    min-width: 100%; }
    .mukel-select-search .select2-container + .select2-container {
      top: 40px !important;
      left: 0 !important;
      bottom: auto !important; }
      @media only screen and (max-width: 767.98px) {
        .mukel-select-search .select2-container + .select2-container {
          top: 36px !important; } }
  .mukel-select-search .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    height: auto;
    padding-bottom: 8px;
    border-bottom: solid 1px #80909f; }
    .mukel-select-search .select2-container--default .select2-selection--single:active, .mukel-select-search .select2-container--default .select2-selection--single:focus {
      outline: 0; }
  .mukel-select-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    padding: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-select-search .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-select-search .select2-container--focus.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #313131; }
  .mukel-select-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    top: 4px;
    right: 16px;
    width: auto;
    line-height: 0; }
    .mukel-select-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
      display: none; }
    .mukel-select-search .select2-container--default .select2-selection--single .select2-selection__arrow::after {
      z-index: 1;
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: "";
      font-size: 1.6rem;
      transition: all .3s ease;
      display: block; }
  .mukel-select-search .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    transform: rotateX(180deg); }
  .mukel-select-search .select2-results {
    max-height: 184px;
    overflow: hidden; }
  .mukel-select-search .select2-container--default .select2-results .select2-results__options {
    max-height: initial;
    overflow: initial; }
  .mukel-select-search .select2-search--dropdown {
    padding: 0; }
  .mukel-select-search .select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 10px 24px;
    border: 0;
    outline: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #313131;
    border-bottom: solid 1px #80909f; }
    @media only screen and (max-width: 767.98px) {
      .mukel-select-search .select2-container--default .select2-search--dropdown .select2-search__field {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-select-search .select2-container--open .select2-dropdown--below {
    border: 0;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
  .mukel-select-search .select2-results__option {
    padding: 10px 56px 10px 24px;
    color: #313131;
    position: relative;
    transition: all .3s ease; }
  .mukel-select-search .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #dae0e6;
    color: #313131; }
  .mukel-select-search .select2-container--default .select2-results__option--selected {
    background-color: transparent;
    color: #eb2629; }
    .mukel-select-search .select2-container--default .select2-results__option--selected::after {
      position: absolute;
      top: 14px;
      right: 24px;
      z-index: 1;
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: "";
      font-size: 1.6rem;
      color: #eb2629; }
  .mukel-select-search .mCustomScrollBox[style="max-height: none;"] .mCSB_scrollTools_vertical {
    display: none !important; }
  .mukel-select-search .mCSB_scrollTools {
    width: 12px; }
  .mukel-select-search .mCSB_inside > .mCSB_container {
    margin-right: 0; }
  .mukel-select-search .mCSB_scrollTools .mCSB_draggerContainer {
    top: 4px;
    bottom: 4px; }
  .mukel-select-search .mCSB_scrollTools .mCSB_draggerRail {
    display: none; }
  .mukel-select-search .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 4px;
    background-color: #dae0e6;
    opacity: 1; }
  .mukel-select-search .mCS-inset-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar {
    background-color: blue; }

/* ==========================================================================
   MUKEL Element: Preloader
   ========================================================================== */
.mukel-preloader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center; }
  .mukel-preloader__spinner {
    margin: 6px auto;
    fill: transparent;
    stroke: #eb2629;
    stroke-width: 4;
    -webkit-animation: preloader-spinner-dash 1.75s ease infinite, preloader-spinner-rotate 1.75s linear infinite;
            animation: preloader-spinner-dash 1.75s ease infinite, preloader-spinner-rotate 1.75s linear infinite; }
    .mukel-premier-site .mukel-preloader__spinner {
      stroke: #8b7866; }
    .mukel-private-site .mukel-preloader__spinner {
      stroke: #6a6d73; }
    .mukel-form-preloader .mukel-preloader__spinner {
      stroke-linecap: round;
      -webkit-animation: preloader-spinner-dash-form 2s ease infinite, preloader-spinner-rotate 2s linear infinite;
              animation: preloader-spinner-dash-form 2s ease infinite, preloader-spinner-rotate 2s linear infinite; }

@-webkit-keyframes preloader-spinner-dash {
  0% {
    stroke-dasharray: 1, 95;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 85, 95;
    stroke-dashoffset: -25; }
  100% {
    stroke-dasharray: 85, 95;
    stroke-dashoffset: -93; } }

@keyframes preloader-spinner-dash {
  0% {
    stroke-dasharray: 1, 95;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 85, 95;
    stroke-dashoffset: -25; }
  100% {
    stroke-dasharray: 85, 95;
    stroke-dashoffset: -93; } }

@-webkit-keyframes preloader-spinner-dash-form {
  0% {
    stroke-dasharray: 1, 125;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 92, 125;
    stroke-dashoffset: -34; }
  100% {
    stroke-dasharray: 92, 125;
    stroke-dashoffset: -124; } }

@keyframes preloader-spinner-dash-form {
  0% {
    stroke-dasharray: 1, 125;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 92, 125;
    stroke-dashoffset: -34; }
  100% {
    stroke-dasharray: 92, 125;
    stroke-dashoffset: -124; } }

@-webkit-keyframes preloader-spinner-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes preloader-spinner-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* ==========================================================================
   MUKEL Element: List
   ========================================================================== */
.mukel-list {
  padding-left: 24px; }
  .mukel-list--ol {
    list-style-type: decimal; }
  .mukel-list__item {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-list__item {
        font-size: 1.6rem;
        line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Component: Sort Fragment
   ========================================================================== */
.mukel-input-range-slider__input > .irs {
  height: auto;
  padding-top: 48px;
  padding-bottom: 40px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-input-range-slider__input > .irs {
      padding-top: 40px; } }
  .mukel-input-range-slider__input > .irs > .irs {
    position: static; }
    .mukel-input-range-slider__input > .irs > .irs .irs-line {
      top: 0;
      height: 8px;
      background-color: #dae0e6; }
      .mukel-input-range-slider__input > .irs > .irs .irs-line::before {
        content: "";
        background-color: #c2c9d1;
        position: absolute;
        top: 0;
        left: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%; }
      .mukel-input-range-slider__input > .irs > .irs .irs-line::after {
        content: "";
        background-color: #c2c9d1;
        position: absolute;
        top: 0;
        right: 0;
        width: 8px;
        height: 8px;
        border-radius: 50%; }
    .mukel-input-range-slider__input > .irs > .irs .irs-min,
    .mukel-input-range-slider__input > .irs > .irs .irs-max {
      padding: 0;
      background-color: transparent;
      top: auto;
      bottom: 0;
      color: #667584;
      font-family: "Fira Sans";
      font-weight: 400;
      font-size: 1.6rem;
      line-height: 2.4rem;
      visibility: visible !important; }
      @media only screen and (max-width: 767.98px) {
        .mukel-input-range-slider__input > .irs > .irs .irs-min,
        .mukel-input-range-slider__input > .irs > .irs .irs-max {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-input-range-slider__input > .irs > .irs .irs-single {
      padding: 0;
      color: #313131;
      background-color: transparent;
      font-family: "Fira Sans";
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700; }
      @media only screen and (max-width: 767.98px) {
        .mukel-input-range-slider__input > .irs > .irs .irs-single {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      .mukel-input-range-slider__input > .irs > .irs .irs-single::before {
        display: none; }
  .mukel-input-range-slider__input > .irs .irs-bar {
    background-color: transparent; }
  .mukel-input-range-slider__input > .irs .irs-handle {
    top: 40px;
    border: 5px solid #c41432;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05), 0 3px 30px 3px rgba(0, 0, 0, 0.05), inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); }
    .mukel-input-range-slider__input > .irs .irs-handle:hover {
      background-color: #fff; }
    @media only screen and (max-width: 767.98px) {
      .mukel-input-range-slider__input > .irs .irs-handle {
        top: 32px; } }

/* ==========================================================================
   MUKEL Elemeny: Scroll Indicator
   ========================================================================== */
.mukel-scroll-indicator {
  height: 8px;
  width: 0;
  background-color: #eb2629;
  position: fixed;
  z-index: 8;
  top: 72px;
  transition: transform 0.35s ease; }
  .mukel-scroll-down .mukel-scroll-indicator {
    transform: translateY(-72px);
    transition: transform 0.5s ease; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-scroll-indicator {
      top: 64px; }
      .mukel-scroll-down .mukel-scroll-indicator {
        transform: translateY(-64px); } }

/* ==========================================================================
   MUKEL Element: Tag Label
   ========================================================================== */
.mukel-tag-label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #667584;
  display: inline-block;
  padding: 6px 24px;
  border-radius: 32px;
  border: solid 2px #667584; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tag-label {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Element: Aspect Ratio
   ========================================================================== */
.mukel-aspect-ratio {
  padding-top: 50%;
  width: 100%;
  position: relative; }
  .mukel-aspect-ratio iframe, .mukel-aspect-ratio embed, .mukel-aspect-ratio video, .mukel-aspect-ratio object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: 0;
    outline: 0;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    font-weight: 400; }
  .mukel-aspect-ratio-21by9 {
    padding-top: 42.8671428%;
    width: 100%;
    position: relative; }
    .mukel-aspect-ratio-21by9 iframe, .mukel-aspect-ratio-21by9 embed, .mukel-aspect-ratio-21by9 video, .mukel-aspect-ratio-21by9 object {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%;
      font-size: 1.4rem;
      font-weight: 400; }
  .mukel-aspect-ratio-16by9 {
    padding-top: 56.25%;
    width: 100%;
    position: relative; }
    .mukel-aspect-ratio-16by9 iframe, .mukel-aspect-ratio-16by9 embed, .mukel-aspect-ratio-16by9 video, .mukel-aspect-ratio-16by9 object {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%;
      font-size: 1.4rem;
      font-weight: 400; }
  .mukel-aspect-ratio-8by5 {
    padding-top: 62.5%;
    width: 100%;
    position: relative; }
    .mukel-aspect-ratio-8by5 iframe, .mukel-aspect-ratio-8by5 embed, .mukel-aspect-ratio-8by5 video, .mukel-aspect-ratio-8by5 object {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%;
      font-size: 1.4rem;
      font-weight: 400; }
  .mukel-aspect-ratio-4by3 {
    padding-top: 75%;
    width: 100%;
    position: relative; }
    .mukel-aspect-ratio-4by3 iframe, .mukel-aspect-ratio-4by3 embed, .mukel-aspect-ratio-4by3 video, .mukel-aspect-ratio-4by3 object {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%;
      font-size: 1.4rem;
      font-weight: 400; }
  .mukel-aspect-ratio-3by2 {
    padding-top: 66.6666666%;
    width: 100%;
    position: relative; }
    .mukel-aspect-ratio-3by2 iframe, .mukel-aspect-ratio-3by2 embed, .mukel-aspect-ratio-3by2 video, .mukel-aspect-ratio-3by2 object {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%;
      font-size: 1.4rem;
      font-weight: 400; }
  .mukel-aspect-ratio-2by1 {
    padding-top: 50%;
    width: 100%;
    position: relative; }
    .mukel-aspect-ratio-2by1 iframe, .mukel-aspect-ratio-2by1 embed, .mukel-aspect-ratio-2by1 video, .mukel-aspect-ratio-2by1 object {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%;
      font-size: 1.4rem;
      font-weight: 400; }
  .mukel-aspect-ratio-1by1 {
    padding-top: 100%;
    width: 100%;
    position: relative; }
    .mukel-aspect-ratio-1by1 iframe, .mukel-aspect-ratio-1by1 embed, .mukel-aspect-ratio-1by1 video, .mukel-aspect-ratio-1by1 object {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      border: 0;
      outline: 0;
      width: 100%;
      height: 100%;
      font-size: 1.4rem;
      font-weight: 400; }

/* ==========================================================================
   MUKEL Component Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Component: Nav
   ========================================================================== */
.mukel-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 1;
  /* mukel-nav--footer
   ========================================================================== */ }
  .mukel-nav__item {
    display: inline-block;
    vertical-align: top;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-nav__item {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-nav__item {
        position: relative;
        padding-top: 12px;
        padding-bottom: 4px;
        border-bottom: solid 1px #dae0e6; } }
    .mukel-nav__item:last-child {
      margin-right: 0; }
    .mukel-nav__item > .mukel-lnk {
      padding: 24px 16px;
      display: block;
      position: relative;
      color: #313131;
      transition: color 0.3s ease;
      text-decoration: none; }
      .mukel-premier-site .mukel-header .mukel-nav__item > .mukel-lnk,
      .mukel-private-site .mukel-header .mukel-nav__item > .mukel-lnk {
        color: #fff; }
      @media only screen and (max-width: 1279px) {
        .mukel-nav__item > .mukel-lnk {
          padding: 24px 12px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-nav__item > .mukel-lnk {
          position: relative;
          z-index: 2;
          padding: 4px 8px;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .mukel-premier-site .mukel-header .mukel-nav__item > .mukel-lnk,
          .mukel-private-site .mukel-header .mukel-nav__item > .mukel-lnk {
            color: #313131; } }
      .mukel-nav__item > .mukel-lnk::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        height: 2px;
        width: 24px;
        left: 50%;
        margin-left: -12px;
        z-index: 2;
        background-color: #eb2629;
        transition: all 0.3s ease;
        transform: scaleX(0);
        transform-origin: center center; }
        .mukel-premier-site .mukel-nav__item > .mukel-lnk::after,
        .mukel-private-site .mukel-nav__item > .mukel-lnk::after {
          background-color: #313131; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-nav__item > .mukel-lnk::after {
            content: none;
            display: none; } }
      .mukel-nav__item > .mukel-lnk:hover {
        color: #eb2629; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-nav__item > .mukel-lnk:hover {
            color: #313131; } }
        .mukel-premier-site .mukel-nav__item > .mukel-lnk:hover,
        .mukel-private-site .mukel-nav__item > .mukel-lnk:hover {
          color: #313131; }
    .mukel-nav__item--active {
      color: #eb2629; }
      .mukel-premier-site .mukel-nav__item--active,
      .mukel-private-site .mukel-nav__item--active {
        color: #313131; }
      .mukel-nav .mukel-nav__item--active > .mukel-lnk {
        color: #eb2629; }
        .mukel-nav .mukel-nav__item--active > .mukel-lnk::after {
          transform: scaleX(1); }
        .mukel-premier-site .mukel-nav .mukel-nav__item--active > .mukel-lnk {
          color: #313131; }
          @media only screen and (max-width: 1199.98px) {
            .mukel-premier-site .mukel-nav .mukel-nav__item--active > .mukel-lnk {
              color: #8b7866; } }
        .mukel-private-site .mukel-nav .mukel-nav__item--active > .mukel-lnk {
          color: #313131; }
          @media only screen and (max-width: 1199.98px) {
            .mukel-private-site .mukel-nav .mukel-nav__item--active > .mukel-lnk {
              color: #6a6d73; } }
    .mukel-nav__item--mega-menu {
      /* mukel-nav__item--mega-menu--show (show mega menu on hover)
         ========================================================================== */ }
      .mukel-nav__item--mega-menu::after {
        display: none; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-nav__item--mega-menu::after {
            font-family: "MUKEL NISP Icons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            content: "";
            position: absolute;
            font-size: 1.6rem;
            top: 22px;
            right: 8px;
            display: block;
            z-index: 1;
            transition: all 0.35s ease;
            color: #667584; } }
      .mukel-nav__item--mega-menu--show .mukel-header__mega-menu {
        visibility: visible;
        z-index: 4; }
        .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__col, .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item {
          opacity: 1;
          visibility: visible;
          transform: none; }
        .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__col {
          transition: all 0.3s ease; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__col:nth-child(1) {
            transition-delay: 50ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__col:nth-child(2) {
            transition-delay: 100ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__col:nth-child(3) {
            transition-delay: 150ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__col:nth-child(4) {
            transition-delay: 200ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__col:nth-child(5) {
            transition-delay: 250ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__col:nth-child(6) {
            transition-delay: 300ms; }
        .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item {
          transition: all 0.3s ease; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item:nth-child(1) {
            transition-delay: 150ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item:nth-child(2) {
            transition-delay: 200ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item:nth-child(3) {
            transition-delay: 250ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item:nth-child(4) {
            transition-delay: 300ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item:nth-child(5) {
            transition-delay: 350ms; }
          .mukel-nav__item--mega-menu--show .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item:nth-child(6) {
            transition-delay: 400ms; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-nav__item--mega-menu.mukel-mega-menu-accordion-lvl-1--expand {
          border-bottom: 0; }
          .mukel-nav__item--mega-menu.mukel-mega-menu-accordion-lvl-1--expand::after {
            transform: rotateX(180deg); } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-nav__item {
        margin-right: 0;
        display: block; } }
  .mukel-nav--footer {
    font-size: initial;
    line-height: initial; }
    .mukel-nav--footer .mukel-nav__item {
      display: block;
      margin: 0 0 16px;
      font-size: 1.2rem;
      line-height: 1.6rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-nav--footer .mukel-nav__item {
          font-size: 1.2rem;
          line-height: 1.6rem; } }
      .mukel-nav--footer .mukel-nav__item:last-child {
        margin-bottom: 0; }
    .mukel-nav--footer .mukel-lnk {
      padding: 0;
      display: initial;
      transition: color 0.25s ease; }
      .mukel-nav--footer .mukel-lnk::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        border-bottom: solid 1px #eb2629;
        transition: all 0.25s ease;
        transform: scaleX(0);
        margin-left: 0;
        width: auto;
        height: auto;
        z-index: 1;
        transform-origin: left center; }
        .mukel-premier-site .mukel-nav--footer .mukel-lnk::after {
          border-color: #8b7866; }
        .mukel-private-site .mukel-nav--footer .mukel-lnk::after {
          border-color: #6a6d73; }
      .mukel-nav--footer .mukel-lnk:hover {
        color: #eb2629; }
        .mukel-nav--footer .mukel-lnk:hover::after {
          transform: scaleX(1); }
    @media only screen and (max-width: 1279px) {
      .mukel-nav--footer .mukel-lnk {
        padding: 0; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-nav--footer .mukel-nav__item {
        padding: 0;
        border-bottom: 0; }
      .mukel-nav--footer .mukel-lnk {
        padding: 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-nav--footer {
        display: none;
        padding-bottom: 8px; }
        .mukel-nav--footer .mukel-nav__item {
          opacity: 0;
          transform: translateX(8px);
          transition: all 0.5s ease;
          transition-delay: 0s; }
          .mukel-accordion--expand .mukel-nav--footer .mukel-nav__item {
            opacity: 1;
            transform: translateX(0); } }

/* ==========================================================================
   MUKEL Component: Mega Menu
   ========================================================================== */
.mukel-mega-menu {
  height: 100%;
  padding: 32px 0 174px;
  position: relative; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-mega-menu {
      padding: 0; } }
  .mukel-mega-menu__row {
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-mega-menu__row::before, .mukel-mega-menu__row::after {
      content: " ";
      display: table; }
    .mukel-mega-menu__row::after {
      clear: both; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mega-menu__row {
        margin-left: 0;
        margin-right: 0; } }
  .mukel-mega-menu__col {
    float: left;
    padding: 0 12px;
    width: 16.6666666%; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mega-menu__col {
        float: none;
        width: 100%;
        padding: 0; }
        .mukel-mega-menu__col.mukel-mega-menu-accordion-lvl-2--expand {
          border-bottom: 0; }
          .mukel-mega-menu__col.mukel-mega-menu-accordion-lvl-2--expand .mukel-mega-menu__item {
            opacity: 1;
            transform: translateX(0); }
          .mukel-mega-menu__col.mukel-mega-menu-accordion-lvl-2--expand .mukel-mega-menu__title::after {
            transform: rotateX(180deg); } }
  .mukel-mega-menu__img-wrapper {
    width: 100%;
    height: 92px;
    border-radius: 8px;
    overflow: hidden; }
    .mukel-mega-menu__img-wrapper--square {
      height: 184px; }
  .mukel-mega-menu__img {
    display: block;
    transition: all 0.35s ease;
    max-width: initial;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center; }
  .mukel-mega-menu__list {
    padding: 0;
    margin: 0;
    list-style: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mega-menu__list {
        padding-left: 8px;
        padding-bottom: 8px;
        display: none; } }
  .mukel-mega-menu__img-item {
    margin-bottom: 8px;
    /* ~~~--~~~
    @modifier: mukel-mega-menu__img-item--lnk
    @description: card link image
    ~~~--~~~ */
    /* ~~~--~~~
    @modifier: mukel-mega-menu__img-item--lnk-card
    @description: card link image with text
    ~~~--~~~ */ }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mega-menu__img-item {
        display: none; } }
    .mukel-mega-menu__img-item:last-child {
      margin-bottom: 0; }
    .mukel-mega-menu__img-item--lnk {
      position: relative; }
      .mukel-mega-menu__img-item--lnk .mukel-lnk {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        opacity: 0; }
      .mukel-mega-menu__img-item--lnk:hover .mukel-mega-menu__img {
        transform: scale(1.1); }
      @media only screen and (max-width: 1199.98px) {
        .mukel-mega-menu__img-item--lnk {
          display: none; } }
    .mukel-mega-menu__img-item--lnk-card {
      margin-top: 16px;
      position: relative;
      overflow: hidden; }
      .mukel-mega-menu__img-item--lnk-card .mukel-mega-menu__img-wrapper::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 116%);
        border-radius: inherit; }
      .mukel-mega-menu__img-item--lnk-card:first-child {
        margin-top: 0; }
      .mukel-mega-menu__img-item--lnk-card--d .mukel-mega-menu__img-wrapper::after {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 109%); }
      @media only screen and (max-width: 1199.98px) {
        .mukel-mega-menu__img-item--lnk-card {
          display: block;
          margin-top: 0;
          margin-bottom: 0;
          padding-top: 16px;
          padding-bottom: 8px;
          border-bottom: solid 1px #dae0e6; }
          .mukel-mega-menu__img-item--lnk-card--d {
            display: none; }
          .mukel-mega-menu__img-item--lnk-card .mukel-mega-menu__img-wrapper {
            display: none; } }
      .mukel-mega-menu .mukel-mega-menu__img-item--lnk-card .mukel-lnk {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 8px 16px;
        font-weight: 700;
        color: #fff;
        z-index: 4;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700; }
        .mukel-mega-menu .mukel-mega-menu__img-item--lnk-card .mukel-lnk::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          top: -200%;
          width: 100%;
          bottom: 0;
          opacity: 0; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-mega-menu .mukel-mega-menu__img-item--lnk-card .mukel-lnk {
            position: static;
            padding: 4px 8px;
            color: #313131;
            font-weight: 400;
            font-size: 1.4rem;
            line-height: 2.2rem; }
            .mukel-mega-menu .mukel-mega-menu__img-item--lnk-card .mukel-lnk::after {
              content: none;
              display: none; } }
      .mukel-mega-menu__img-item--lnk-card:hover .mukel-mega-menu__img {
        transform: scale(1.1); }
  .mukel-mega-menu__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative;
    display: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mega-menu__title {
        display: block;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-bottom: 0;
        padding-top: 12px;
        padding-bottom: 4px;
        border-bottom: solid 1px #dae0e6; } }
    .mukel-mega-menu__title::after {
      display: none; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-mega-menu__title::after {
          font-family: "MUKEL NISP Icons";
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          content: "";
          position: absolute;
          font-size: 1.6rem;
          bottom: 10px;
          right: 8px;
          display: block;
          z-index: 1;
          transition: all 0.35s ease;
          color: #667584; } }
    .mukel-mega-menu__title .mukel-lnk {
      transition: color 0.3s ease;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .mukel-mega-menu__title .mukel-lnk:hover {
        color: #eb2629; }
        .mukel-premier-site .mukel-mega-menu__title .mukel-lnk:hover {
          color: #8b7866; }
        .mukel-private-site .mukel-mega-menu__title .mukel-lnk:hover {
          color: #6a6d73; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-mega-menu__title .mukel-lnk {
          display: block;
          padding: 4px 8px;
          position: relative;
          z-index: 2; }
          .mukel-mega-menu__title .mukel-lnk:hover {
            color: #313131; }
            .mukel-premier-site .mukel-mega-menu__title .mukel-lnk:hover,
            .mukel-private-site .mukel-mega-menu__title .mukel-lnk:hover {
              color: #313131; } }
  .mukel-mega-menu__item {
    margin-bottom: 8px;
    font-size: 1.4rem;
    line-height: 2.2rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-mega-menu__item {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    .mukel-mega-menu__item--m {
      display: none; }
    .mukel-mega-menu__item:last-child {
      margin-bottom: 0; }
    .mukel-mega-menu__item .mukel-lnk {
      transition: color 0.3s ease; }
      .mukel-mega-menu__item .mukel-lnk:hover {
        color: #eb2629; }
        .mukel-premier-site .mukel-mega-menu__item .mukel-lnk:hover {
          color: #8b7866; }
        .mukel-private-site .mukel-mega-menu__item .mukel-lnk:hover {
          color: #6a6d73; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mega-menu__item {
        margin-bottom: 0;
        padding-top: 12px;
        padding-bottom: 4px;
        border-bottom: solid 1px #dae0e6;
        opacity: 0;
        transform: translateX(8px);
        transition: all 0.5s ease; }
        .mukel-mega-menu__item--m {
          display: block; }
        .mukel-mega-menu__item .mukel-lnk {
          padding: 4px 8px;
          display: inline-block; }
          .mukel-mega-menu__item .mukel-lnk:hover {
            color: #313131; }
            .mukel-premier-site .mukel-mega-menu__item .mukel-lnk:hover,
            .mukel-private-site .mukel-mega-menu__item .mukel-lnk:hover {
              color: #313131; } }
  .mukel-mega-menu .mukel-lnk {
    text-decoration: none;
    color: #313131; }
  .mukel-mega-menu__widget-btn {
    position: absolute;
    bottom: 56px;
    left: 0;
    right: 0; }
    .mukel-mega-menu__widget-btn__list {
      list-style: none;
      padding: 0;
      margin: 0; }
      .mukel-mega-menu__widget-btn__list::before, .mukel-mega-menu__widget-btn__list::after {
        content: " ";
        display: table; }
      .mukel-mega-menu__widget-btn__list::after {
        clear: both; }
    .mukel-mega-menu__widget-btn__item {
      float: left;
      padding: 0 12px;
      width: 16.6666666%; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mega-menu__widget-btn {
        position: static;
        margin-top: 24px; }
        .mukel-mega-menu__widget-btn__item {
          float: none;
          width: 100%;
          padding: 0;
          margin-bottom: 16px; }
          .mukel-mega-menu__widget-btn__item:last-child {
            margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Component: Lang
   ========================================================================== */
.mukel-lang {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 1; }
  .mukel-lang__item {
    display: inline-block;
    padding: 0 10px 0 8px;
    position: relative; }
    .mukel-lang__item::after {
      content: "";
      position: absolute;
      top: 2px;
      bottom: 2px;
      right: 0;
      border-right: solid 2px #313131; }
    .mukel-lang__item:first-child {
      padding-left: 0; }
    .mukel-lang__item:last-child {
      padding-right: 0; }
      .mukel-lang__item:last-child::after {
        content: none;
        display: none; }
    .mukel-lang .mukel-lang__item--selected .mukel-lnk {
      font-weight: 700;
      color: #eb2629; }
      .mukel-premier-site .mukel-lang .mukel-lang__item--selected .mukel-lnk {
        color: #313131; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-premier-site .mukel-lang .mukel-lang__item--selected .mukel-lnk {
            color: #8b7866; } }
      .mukel-private-site .mukel-lang .mukel-lang__item--selected .mukel-lnk {
        color: #313131; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-private-site .mukel-lang .mukel-lang__item--selected .mukel-lnk {
            color: #6a6d73; } }
  .mukel-lang .mukel-lnk {
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.25s ease;
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-lang .mukel-lnk {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-lang .mukel-lnk,
    .mukel-private-site .mukel-lang .mukel-lnk {
      color: #fff; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-premier-site .mukel-lang .mukel-lnk,
        .mukel-private-site .mukel-lang .mukel-lnk {
          color: #313131; } }
    .mukel-lang .mukel-lnk:hover {
      color: #eb2629; }
      .mukel-premier-site .mukel-lang .mukel-lnk:hover {
        color: #fff; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-premier-site .mukel-lang .mukel-lnk:hover {
            color: #8b7866; } }
      .mukel-private-site .mukel-lang .mukel-lnk:hover {
        color: #fff; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-private-site .mukel-lang .mukel-lnk:hover {
            color: #6a6d73; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-lang .mukel-lnk {
        padding: 2px; } }

/* ==========================================================================
   MUKEL Component: Breadcrumbs
   ========================================================================== */
.mukel-breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .mukel-breadcrumbs--dark .mukel-breadcrumbs__item {
    color: #fff; }
  .mukel-breadcrumbs--light .mukel-breadcrumbs__item {
    color: #313131; }
  .mukel-breadcrumbs__item {
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: inline;
    margin-right: 16px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-breadcrumbs__item {
        font-size: 1.4rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-breadcrumbs__item {
        margin-right: 8px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-breadcrumbs__item {
        margin-right: 4px; } }
    .mukel-breadcrumbs__item::after {
      font-size: 1rem;
      margin-left: 16px;
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: ""; }
      @media only screen and (max-width: 991.98px) {
        .mukel-breadcrumbs__item::after {
          margin-left: 8px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-breadcrumbs__item::after {
          margin-left: 4px; } }
    .mukel-breadcrumbs__item:last-child {
      padding-right: 0;
      margin-right: 0;
      font-weight: 500; }
      .mukel-breadcrumbs__item:last-child::after {
        display: none; }
  .mukel-breadcrumbs .mukel-lnk {
    text-decoration: none; }
  .mukel-breadcrumbs__page {
    position: absolute;
    width: 100%;
    top: 120px;
    z-index: 6;
    transition: all .5s ease .5s; }
    .mukel-site-content--hide .mukel-breadcrumbs__page {
      opacity: 0;
      transform: translateY(4px); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-breadcrumbs__page {
        top: 88px; } }

/* ==========================================================================
   MUKEL Component: Footer Nav Section
   ========================================================================== */
.mukel-footer-nav--accordion .mukel-footer-nav__title {
  position: relative; }
  .mukel-footer-nav--accordion .mukel-footer-nav__title::after {
    display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer-nav--accordion .mukel-footer-nav__title::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        font-size: 1.6rem;
        margin-top: -8px;
        transition: all 0.5s ease;
        display: block;
        z-index: 2;
        transform-origin: center center; } }

.mukel-footer-nav__title {
  margin-bottom: 16px;
  color: #313131;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.2rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-footer-nav__title {
      font-size: 1.4rem;
      line-height: 2.2rem; } }
  .mukel-footer-nav__title:last-child {
    margin-bottom: 0; }
  .mukel-footer-nav__title + .mukel-lnk__logo {
    margin-top: 0px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-footer-nav__title {
      margin-bottom: 0; }
      .mukel-footer-nav--accordion .mukel-footer-nav__title {
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      .mukel-footer-nav__title + .mukel-lnk__logo {
        margin-top: 28px; } }

.mukel-footer-nav .mukel-lnk {
  text-decoration: none;
  position: relative;
  transition: color 0.25s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .mukel-footer-nav .mukel-lnk::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: solid 1px #eb2629;
    transition: all 0.25s ease;
    transform: scaleX(0);
    margin-left: 0;
    width: auto;
    height: auto;
    z-index: 1;
    transform-origin: left center; }
    .mukel-premier-site .mukel-footer-nav .mukel-lnk::after {
      border-color: #8b7866; }
    .mukel-private-site .mukel-footer-nav .mukel-lnk::after {
      border-color: #6a6d73; }
  .mukel-footer-nav .mukel-lnk:hover:not([class*="mukel-socmed"]) {
    color: #eb2629; }
    .mukel-footer-nav .mukel-lnk:hover:not([class*="mukel-socmed"])::after {
      transform: scaleX(1); }
    .mukel-premier-site .mukel-footer-nav .mukel-lnk:hover:not([class*="mukel-socmed"]) {
      color: #8b7866; }
    .mukel-private-site .mukel-footer-nav .mukel-lnk:hover:not([class*="mukel-socmed"]) {
      color: #6a6d73; }
  @media only screen and (max-width: 767.98px) {
    .mukel-footer-nav .mukel-lnk {
      display: inline-block;
      padding: 4px 8px;
      margin-left: -8px;
      margin-right: -8px; }
      .mukel-footer-nav .mukel-lnk::after {
        content: none;
        display: none; } }

@media only screen and (max-width: 767.98px) {
  .mukel-footer-nav.mukel-accordion--expand .mukel-footer-nav__title::after {
    transform: rotateX(180deg); }
  .mukel-footer-nav.mukel-accordion--expand .mukel-footer-nav__title {
    color: #eb2629; }
    .mukel-footer-nav.mukel-accordion--expand .mukel-footer-nav__title__link {
      color: #eb2629; }
    .mukel-premier-site .mukel-footer-nav.mukel-accordion--expand .mukel-footer-nav__title {
      color: #8b7866; }
    .mukel-private-site .mukel-footer-nav.mukel-accordion--expand .mukel-footer-nav__title {
      color: #6a6d73; } }

.mukel-footer-nav__logo {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 100%;
  max-width: initial; }

/* ==========================================================================
   MUKEL Component: Footer Phone
   ========================================================================== */
.mukel-footer-phone {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-footer-phone {
      font-size: 0;
      line-height: 1; } }
  .mukel-footer-phone__item {
    padding: 0;
    margin: 0 0 16px;
    font-size: 1.2rem;
    line-height: 1.6rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer-phone__item {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
    .mukel-footer-phone__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer-phone__item {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 0;
        margin-right: 24px; }
        .mukel-footer-phone__item:last-child {
          margin-right: 0; } }
    @media only screen and (max-width: 320px) {
      .mukel-footer-phone__item {
        margin-right: 16px; } }
  .mukel-footer-phone .mukel-lnk {
    text-decoration: none;
    position: relative;
    transition: color 0.25s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mukel-footer-phone .mukel-lnk::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      border-bottom: solid 1px #eb2629;
      transition: all 0.25s ease;
      transform: scaleX(0);
      margin-left: 0;
      width: auto;
      height: auto;
      z-index: 1;
      transform-origin: left center; }
      .mukel-premier-site .mukel-footer-phone .mukel-lnk::after {
        border-color: #8b7866; }
      .mukel-private-site .mukel-footer-phone .mukel-lnk::after {
        border-color: #6a6d73; }
    .mukel-footer-phone .mukel-lnk::after {
      left: 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-footer-phone .mukel-lnk::after {
          content: "";
          display: none; } }
    .mukel-footer-phone .mukel-lnk:hover {
      color: #eb2629; }
      .mukel-footer-phone .mukel-lnk:hover::after {
        transform: scaleX(1); }
      .mukel-footer-phone .mukel-lnk:hover .mukel-fi {
        -webkit-animation: shake-phone 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
                animation: shake-phone 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        perspective: 1000px; }
    .mukel-footer-phone .mukel-lnk .mukel-fi {
      display: inline-block;
      margin-right: 8px;
      vertical-align: middle;
      font-size: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-footer-phone .mukel-lnk .mukel-fi {
          font-size: 1.6rem; } }

@-webkit-keyframes shake-phone {
  10%,
  50% {
    transform: rotate(-10deg); }
  30%,
  70% {
    transform: rotate(10deg); } }

@keyframes shake-phone {
  10%,
  50% {
    transform: rotate(-10deg); }
  30%,
  70% {
    transform: rotate(10deg); } }

/* ==========================================================================
   MUKEL Component: Social Media
   ========================================================================== */
.mukel-socmed {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 1; }
  .mukel-socmed__item {
    display: inline-block;
    margin-right: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-socmed__item {
        margin-right: 16px; } }
    .mukel-socmed__item:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-socmed__item--desktop {
        display: none; } }
    .mukel-socmed__item--mobile {
      display: none; }
      @media only screen and (max-width: 767.98px) {
        .mukel-socmed__item--mobile {
          display: inline-block; } }
  .mukel-socmed__link {
    display: block;
    text-align: center;
    color: inherit;
    transition: all 0.25s ease;
    text-decoration: none;
    line-height: 1; }
    .mukel-socmed__link .mukel-fi {
      display: block;
      font-size: 3.2rem;
      line-height: 1; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer-nav .mukel-socmed__link {
        margin-left: 0;
        margin-right: 0; } }
    .mukel-socmed__link:hover {
      transform: translateY(-2px); }
  .mukel-socmed__phone:hover {
    color: #eb2629; }
  .mukel-socmed__facebook:hover {
    color: #3b5998; }
  .mukel-socmed__instagram:hover {
    color: #c13584; }
  .mukel-socmed__twitter:hover {
    color: #1da1f2; }
  .mukel-socmed__youtube:hover {
    color: #ff0000; }
  .mukel-socmed__whatsapp:hover {
    color: #25d366; }
  .mukel-socmed__line:hover {
    color: #00c300; }
  .mukel-socmed__linkedin:hover {
    color: #0077b5; }

/* ==========================================================================
   MUKEL Component: Subscribe Form
   ========================================================================== */
.mukel-subscribe-form {
  width: 100%;
  position: relative; }
  .mukel-subscribe-form .mukel-input {
    font-size: 1.2rem;
    line-height: 1.6rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-subscribe-form .mukel-input {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
  .mukel-subscribe-form__btn {
    position: absolute;
    top: 50%;
    right: 0;
    outline: 0;
    border: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-color: transparent;
    color: #313131; }
    .mukel-subscribe-form__btn .mukel-fi {
      font-size: 1.6rem;
      position: absolute;
      top: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: all 0.3s ease; }
      .mukel-subscribe-form__btn .mukel-fi:first-child {
        opacity: 0;
        z-index: 1;
        transform: translate(-125%, -50%); }
      .mukel-subscribe-form__btn .mukel-fi:last-child {
        z-index: 2; }
    .mukel-subscribe-form__btn:hover {
      color: #eb2629; }
      .mukel-subscribe-form__btn:hover .mukel-fi:first-child {
        opacity: 1;
        transform: translate(-50%, -50%); }
      .mukel-subscribe-form__btn:hover .mukel-fi:last-child {
        opacity: 0;
        transform: translate(25%, -50%); }

/* ==========================================================================
   MUKEL Component: Regulator
   ========================================================================== */
.mukel-regulator {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 1; }
  .mukel-regulator__item {
    margin: 0 16px 0 0;
    display: inline-block;
    vertical-align: middle; }
    .mukel-regulator__item:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 1280px) {
      .mukel-regulator__item {
        margin-right: 12px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-regulator__item {
        margin-right: 16px; } }
  .mukel-regulator .mukel-lnk {
    display: block;
    transition: all 0.25s ease; }
    .mukel-regulator .mukel-lnk:hover {
      transform: translateY(-2px); }
  .mukel-regulator__logo {
    height: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-regulator__logo {
        height: 30px; } }

/* ==========================================================================
   MUKEL Component: Main Banner
   ========================================================================== */
.mukel-main-banner {
  min-height: 800px;
  height: 100vh;
  position: relative; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-main-banner {
      min-height: 660px; }
      .ios-browser .mukel-main-banner {
        height: 90.5vh; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-main-banner {
      min-height: 916px; }
      .ios-browser .mukel-main-banner {
        height: 92.95vh; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-main-banner {
      min-height: 592px; }
      .ios-browser .mukel-main-banner {
        height: 86.25vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 852px) {
      .ios-browser .mukel-main-banner {
        height: 99.95vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 720px) {
      .ios-browser .mukel-main-banner {
        height: 86.25vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 667px) {
      .ios-browser .mukel-main-banner {
        height: 100vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 647px) {
      .ios-browser .mukel-main-banner {
        height: 100vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 553px) {
      .ios-browser .mukel-main-banner {
        height: 88vh; } }
  @media only screen and (max-width: 767.98px) {
      .android-browser .mukel-main-banner {
        height: 93.5vh; } }
    @media only screen and (max-width: 767.98px) and (min-height: 556px) and (max-height: 674px) {
      .android-browser .mukel-main-banner {
        height: 92.25vh; } }
    @media only screen and (max-width: 767.98px) and (min-height: 740px) and (max-height: 794px) {
      .android-browser .mukel-main-banner {
        height: 93.5vh; } }
    @media only screen and (max-width: 767.98px) and (min-height: 700px) and (max-height: 729px) {
      .android-browser .mukel-main-banner {
        height: 100vh; } }
    @media only screen and (max-width: 767.98px) and (min-height: 800px) and (max-height: 862px) {
      .android-browser .mukel-main-banner {
        height: 100vh; } }
  .mukel-main-banner__item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .mukel-main-banner__item--light .mukel-main-banner__title,
    .mukel-main-banner__item--light .mukel-main-banner__desc {
      color: #fff; }
      .mukel-premier-site .mukel-main-banner__item--light .mukel-main-banner__title,
      .mukel-private-site .mukel-main-banner__item--light .mukel-main-banner__title, .mukel-premier-site
      .mukel-main-banner__item--light .mukel-main-banner__desc,
      .mukel-private-site
      .mukel-main-banner__item--light .mukel-main-banner__desc {
        color: #fff; }
    .mukel-main-banner__item--middle .mukel-main-banner__txt, .mukel-main-banner__item--rachel .mukel-main-banner__txt {
      margin-top: 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-main-banner__item--middle .mukel-main-banner__txt, .mukel-main-banner__item--rachel .mukel-main-banner__txt {
          margin-top: -36px; } }
  @media only screen and (max-width: 767.98px) and (max-height: 553px) {
    .ios-browser .mukel-main-banner__item--middle .mukel-main-banner__txt, .ios-browser .mukel-main-banner__item--rachel .mukel-main-banner__txt {
      margin-top: 0; } }
    .mukel-main-banner__item--rachel .mukel-main-banner__img-wrapper {
      background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
    .mukel-main-banner__item--rachel .mukel-main-banner__img-bg {
      background-size: cover;
      background-position: right bottom;
      background-repeat: no-repeat; }
  .mukel-main-banner__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(1.25);
    transition: all 5s ease;
    transition-delay: 0s; }
  .mukel-main-banner__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat; }
    .mukel-main-banner__img-bg--m {
      display: none; }
    @media only screen and (max-width: 991.98px) {
      .mukel-main-banner__img-bg {
        background-position: right bottom; }
        .mukel-main-banner__img-bg--d {
          display: none; }
        .mukel-main-banner__img-bg--m {
          display: block; } }
  .mukel-main-banner__txt-wrapper {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4; }
  .mukel-main-banner__middle-align {
    display: table-cell;
    vertical-align: middle; }
  .mukel-main-banner__txt {
    max-width: 664px;
    margin-top: -104px;
    word-wrap: break-word; }
    @media only screen and (max-width: 767.98px) {
      .mukel-main-banner__txt {
        max-width: 312px;
        margin-top: -155px; } }
  .mukel-main-banner__title {
    margin-bottom: 16px;
    opacity: 0;
    transform: translateX(16px);
    transition: all 1.25s ease;
    transition-delay: 0.25s;
    color: #eb2629;
    font-weight: 700;
    font-size: 5.6rem;
    line-height: 7.2rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-main-banner__title {
        font-size: 3.2rem;
        line-height: 4rem; } }
    .mukel-premier-site .mukel-main-banner__title {
      color: #8b7866; }
    .mukel-private-site .mukel-main-banner__title {
      color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-main-banner__title {
        margin-bottom: 8px; } }
  .mukel-main-banner__desc {
    max-width: 600px;
    margin-bottom: 0;
    opacity: 0;
    transform: translateX(16px);
    transition: all 1.25s ease;
    transition-delay: 0s;
    font-weight: 400;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-main-banner__desc {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-main-banner__desc,
    .mukel-private-site .mukel-main-banner__desc {
      color: #667584; }
  .mukel-main-banner__btn {
    display: inline-block;
    margin-right: 24px;
    margin-top: 32px;
    opacity: 0;
    transform: translateX(16px);
    transition: all 1.25s ease;
    transition-delay: 0s; }
    @media only screen and (max-width: 767.98px) {
      .mukel-main-banner__btn {
        margin-top: 24px; } }

/* ==========================================================================
   MUKEL Component: Promo Banner
   ========================================================================== */
.mukel-promo-banner__item {
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden; }
  .mukel-promo-banner__item--light .mukel-promo-banner__txt {
    color: #fff; }

.mukel-promo-banner__img-wrapper {
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1; }

.mukel-promo-banner__img-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }
  .mukel-promo-banner__img-bg--m {
    display: none; }
  @media only screen and (max-width: 767.98px) {
    .mukel-promo-banner__img-bg--d {
      display: none; }
    .mukel-promo-banner__img-bg--m {
      display: block; } }

.mukel-promo-banner__txt-wrapper {
  display: table;
  table-layout: fixed;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  min-height: 554px; }
  .mukel-promo-banner--landing .mukel-promo-banner__txt-wrapper {
    min-height: 592px; }

@-moz-document url-prefix() {
  .mukel-promo-banner__txt-wrapper {
    height: 554px; }
    .mukel-promo-banner--landing .mukel-promo-banner__txt-wrapper {
      height: 592px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-promo-banner__txt-wrapper {
      min-height: 360px; }
      .mukel-promo-banner--landing .mukel-promo-banner__txt-wrapper {
        min-height: 420px; }
    @-moz-document url-prefix() {
      .mukel-promo-banner__txt-wrapper {
        height: 360px; }
        .mukel-promo-banner--landing .mukel-promo-banner__txt-wrapper {
          height: 420px; } } }

.mukel-promo-banner__middle-align {
  padding: 48px 0;
  display: table-cell;
  vertical-align: middle; }
  .mukel-promo-banner--landing .mukel-promo-banner__middle-align {
    padding-top: 102px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-promo-banner--landing .mukel-promo-banner__middle-align {
        padding-top: 84px; } }

.mukel-promo-banner__txt {
  max-width: 460px;
  color: #313131; }
  @media only screen and (max-width: 767.98px) {
    .mukel-promo-banner__txt {
      max-width: 240px; } }

.mukel-promo-banner__label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  margin-bottom: 0;
  opacity: 0;
  transform: translateX(16px);
  transition: all 0.75s ease;
  transition-delay: 0s; }
  @media only screen and (max-width: 767.98px) {
    .mukel-promo-banner__label {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-promo-banner__title {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 700;
  margin-bottom: 16px;
  opacity: 0;
  transform: translateX(16px);
  transition: all 0.75s ease;
  transition-delay: 0s; }
  @media only screen and (max-width: 767.98px) {
    .mukel-promo-banner__title {
      font-size: 2rem;
      line-height: 3.2rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-promo-banner__title {
      margin-bottom: 8px; } }

.mukel-promo-banner__desc {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 400;
  margin-bottom: 24px;
  opacity: 0;
  transform: translateX(16px);
  transition: all 0.75s ease;
  transition-delay: 0s; }
  @media only screen and (max-width: 767.98px) {
    .mukel-promo-banner__desc {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-promo-banner .mukel-btn-txt-lnk {
  opacity: 0;
  transform: translateX(16px);
  transition: opacity 0.75s ease 0s, transform 0.75s ease 0s,
 color 0.3s ease 0s; }

/* ==========================================================================
   MUKEL Component: One Mobile
   ========================================================================== */
.mukel-one-mobile {
  min-height: 392px;
  position: relative;
  overflow: hidden; }
  .mukel-one-mobile--velocity {
    min-height: auto; }
    .mukel-one-mobile--velocity .mukel-one-mobile__middle-align {
      padding: 32px 0 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile--velocity .mukel-one-mobile__middle-align {
          padding: 40px 0 65%; } }
    .mukel-one-mobile--velocity .mukel-one-mobile__title {
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile--velocity .mukel-one-mobile__title {
          margin-bottom: 0; } }
    .mukel-one-mobile--velocity .mukel-one-mobile__lnk-apps {
      margin-top: 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile--velocity .mukel-one-mobile__lnk-apps {
          margin-top: 19px; } }
    .mukel-one-mobile--velocity .mukel-one-mobile__lnk-img {
      height: 56px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile--velocity .mukel-one-mobile__lnk-img {
          height: 46px; } }
  .mukel-one-mobile__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
  .mukel-one-mobile__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .mukel-one-mobile__img-bg--m {
      display: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-one-mobile__img-bg {
        background-size: cover;
        background-position: 53% center;
        background-repeat: no-repeat; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile__img-bg {
        background-position: center bottom; }
        .mukel-one-mobile__img-bg--d {
          display: none; }
        .mukel-one-mobile__img-bg--m {
          display: block; } }
  .mukel-one-mobile__txt-wrapper {
    display: table;
    table-layout: fixed;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4; }
  .mukel-one-mobile__middle-align {
    padding: 56px 0 48px;
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile__middle-align {
        padding: 40px 0 72%; } }
    @media only screen and (max-width: 370px) {
      .mukel-one-mobile__middle-align {
        padding-bottom: 77.5%; } }
  .mukel-one-mobile__txt {
    color: #fff;
    max-width: 704px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-one-mobile__txt {
        max-width: 576px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile__txt {
        max-width: 440px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile__txt {
        max-width: initial; } }
  .mukel-one-mobile__title {
    margin-bottom: 16px; }
  .mukel-one-mobile__desc {
    margin-bottom: 24px;
    font-weight: 400; }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile__desc {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 320px) {
      .mukel-one-mobile__desc {
        margin-bottom: 48px; } }
  .mukel-one-mobile__lnk-apps {
    margin-top: 56px;
    font-size: 0;
    line-height: 1; }
    .mukel-one-mobile__lnk-apps .mukel-lnk {
      display: inline-block;
      margin-right: 24px;
      transition: all 0.3s ease; }
      .mukel-one-mobile__lnk-apps .mukel-lnk:last-child {
        margin-right: 0; }
      .mukel-one-mobile__lnk-apps .mukel-lnk:hover {
        transform: translateY(-4px); }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile__lnk-apps {
        margin-top: 24px; }
        .mukel-one-mobile__lnk-apps .mukel-lnk {
          margin-right: 16px; } }
    @media only screen and (max-width: 320px) {
      .mukel-one-mobile__lnk-apps {
        margin-top: 16px; } }
  .mukel-one-mobile__lnk-img {
    height: 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile__lnk-img {
        height: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile__lnk-img {
        height: 48px; } }
    @media only screen and (max-width: 370px) {
      .mukel-one-mobile__lnk-img {
        height: 44px; } }
    @media only screen and (max-width: 350px) {
      .mukel-one-mobile__lnk-img {
        height: 40px; } }

/* ==========================================================================
   MUKEL Component: Card
   ========================================================================== */
.mukel-card {
  display: inline-block;
  vertical-align: middle;
  /* ==========================================================================
   MUKEL Component: Card Needs
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Head Product
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Promo
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Info
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Themes
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Upselling
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Article
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Suggestion
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Nyala
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Nyala Benefit
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Product Category
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card USP
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Recommendation
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Floating Card Apply
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Product SME
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Achievement
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Nyala Comparison
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Board of Directors
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Address
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Auction Info
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Partner
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Advisor
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Mutual Funds
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: File Report
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Report
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Country
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Legend
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Risk Profile
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Code Promo
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Head Product
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Article Program
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Location
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Career List
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Icon Title
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Product Comparison
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Chosen Product
   ========================================================================== */
  /* ==========================================================================
   MUKEL Component: Card Chosen Skeleton
   ========================================================================== */ }
  .mukel-card__box {
    overflow: hidden;
    position: relative; }
  .mukel-card .mukel-lnk {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-indent: -99999px;
    opacity: 0;
    z-index: 4; }
  .mukel-card__img {
    max-width: initial;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    transition: all 0.4s ease; }
    .mukel-card__img-wrapper {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1; }
      .mukel-card__img-wrapper::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.02) 45%, rgba(0, 0, 0, 0) 50%); }
  .mukel-card__txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 32px 24px;
    z-index: 2;
    color: #fff;
    transition: all 0.35s ease; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card__txt {
        padding: 32px 24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card__txt {
        padding: 24px 16px; } }
  .mukel-card__title {
    margin-bottom: 0;
    font-size: 2.4rem;
    line-height: 3.2rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-card__desc {
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-card__icon-nyala {
    max-width: initial;
    height: 128px;
    width: auto;
    margin-bottom: 16px;
    display: block; }
    .owl-carousel .owl-item .mukel-card__icon-nyala {
      height: 128px;
      width: auto; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card__icon-nyala {
        height: 80px; }
        .owl-carousel .owl-item .mukel-card__icon-nyala {
          height: 80px; } }
  .mukel-card--needs {
    position: relative;
    border-radius: 8px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--needs::after {
      content: "";
      position: absolute;
      bottom: -2px;
      z-index: 1;
      width: 24px;
      height: 24px;
      left: 50%;
      border-radius: 4px 0 4px 0;
      background-image: linear-gradient(123deg, #f14545 14%, #c41432 86%);
      transform: rotate(45deg) translateX(-50%);
      transform-origin: center top;
      transition: bottom 0.25s ease; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--needs::after {
          width: 22px;
          height: 22px; } }
    .mukel-card--needs .mukel-card__img {
      width: auto;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .mukel-card--needs .mukel-card__img-wrapper {
        position: absolute;
        /*width: 40px;
        height: 40px;
        right: 24px;
        bottom: 24px;*/
        transition: all .3s ease; }
        .mukel-card--needs .mukel-card__img-wrapper::after {
          content: none;
          display: none; }
    .mukel-card--needs .mukel-card__box {
      cursor: pointer;
      width: 288px;
      height: 144px;
      border-radius: 8px;
      position: relative;
      z-index: 2;
      background-color: #fff;
      overflow: hidden;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--needs .mukel-card__box {
          width: 254px;
          height: 128px; } }
      .mukel-card--needs .mukel-card__box::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10px;
        z-index: 4;
        background-image: linear-gradient(91deg, #f14545 13%, #c41432 88%);
        transition: all 0.25s ease;
        transform: scaleY(0);
        transform-origin: center bottom; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--needs .mukel-card__box::after {
            height: 9px; } }
    .mukel-card--needs .mukel-card__txt {
      position: absolute;
      top: 0;
      width: 100%;
      padding: 16px 24px;
      color: #313131; }
    .mukel-card--needs .mukel-card__desc {
      max-width: 200px;
      font-weight: 400;
      font-size: 2rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--needs .mukel-card__desc {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--needs .mukel-card__desc {
          max-width: 164px; } }
    .mukel-card--needs:hover .mukel-card__img-wrapper {
      transform: translateY(-2px); }
    .mukel-card--needs--lnk {
      transition: transform .3s ease, shadow .3s ease; }
      .mukel-card--needs--lnk::after {
        content: none;
        display: none; }
      .mukel-card--needs--lnk .mukel-card__box::after {
        content: none;
        display: none; }
      .mukel-card--needs--lnk:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--needs--showed::after {
      bottom: -23px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--needs--showed::after {
          bottom: -21px; } }
    .mukel-card--needs--showed .mukel-card__box::after {
      transform: scaleY(1); }
  .mukel-card--head-product .mukel-card__icon-nyala {
    margin-bottom: 0; }
  .mukel-card--head-product .mukel-card__desc {
    margin-top: 16px; }
  .mukel-card--head-product .mukel-card__box {
    width: 392px;
    height: 568px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--head-product .mukel-card__box {
        width: 306px;
        height: 442px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--head-product .mukel-card__box {
        width: 254px;
        height: 368px; } }
  .mukel-card--head-product:hover .mukel-card__txt {
    transform: translateY(-8px); }
  .mukel-card--head-product:hover .mukel-card__img {
    transform: scale(1.125); }
  .mukel-card--promo {
    display: block;
    max-width: 416px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--promo {
        max-width: 475px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--promo {
        max-width: initial; } }
    .mukel-card--promo .mukel-card__box {
      height: 360px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--promo .mukel-card__box {
          height: auto; } }
    .mukel-card--promo .mukel-card__img-wrapper {
      height: 260px;
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 8px;
      position: relative; }
      .mukel-card--promo .mukel-card__img-wrapper::after {
        content: none;
        display: none; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--promo .mukel-card__img-wrapper {
          height: 256px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--promo .mukel-card__img-wrapper {
          height: 224px; } }
      .mukel-card--promo .mukel-card__img-wrapper .mukel-lnk {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        width: 100%;
        height: 100%;
        opacity: 0; }
      .mukel-card--promo .mukel-card__img-wrapper:hover .mukel-card__img {
        transform: scale(1.1); }
    .mukel-card--promo .mukel-card__img {
      transition: all 0.5s ease;
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--promo .mukel-card__img {
          -o-object-position: right center;
             object-position: right center; } }
    .mukel-card--promo .mukel-card__txt {
      position: static;
      padding: 0;
      color: #313131; }
    .mukel-card--promo .mukel-card__label {
      margin-bottom: 0;
      color: #667584;
      font-size: 1.4rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--promo .mukel-card__label {
          font-size: 1.4rem;
          line-height: 2.4rem; } }
    .mukel-card--promo .mukel-card__title {
      margin-bottom: 0;
      font-size: 2rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--promo .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      .mukel-card--promo .mukel-card__title .mukel-lnk {
        color: #313131;
        transition: color 0.3s ease;
        text-decoration: none;
        position: static;
        text-indent: initial;
        opacity: initial; }
        .mukel-card--promo .mukel-card__title .mukel-lnk:hover {
          color: #eb2629; }
    .mukel-card--promo .mukel-card__date {
      margin-bottom: 0;
      color: #667584;
      font-size: 1.4rem;
      line-height: 2.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--promo .mukel-card__date {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card--promo--rectangle, .mukel-card--promo--square {
      max-width: 832px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--promo--rectangle, .mukel-card--promo--square {
          max-width: initial; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--promo--rectangle, .mukel-card--promo--square {
          max-width: initial; } }
      .mukel-card--promo--rectangle .mukel-card__box, .mukel-card--promo--square .mukel-card__box {
        position: relative;
        border-radius: 8px;
        overflow: hidden; }
      .mukel-card--promo--rectangle .mukel-card__img-wrapper, .mukel-card--promo--square .mukel-card__img-wrapper {
        height: 100%;
        position: static;
        margin-bottom: 0; }
        .mukel-card--promo--rectangle .mukel-card__img-wrapper::after, .mukel-card--promo--square .mukel-card__img-wrapper::after {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 74%, rgba(0, 0, 0, 0.8) 100%); }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--promo--rectangle .mukel-card__img-wrapper, .mukel-card--promo--square .mukel-card__img-wrapper {
            height: 100%; } }
        @media only screen and (max-width: 320px) {
          .mukel-card--promo--rectangle .mukel-card__img-wrapper, .mukel-card--promo--square .mukel-card__img-wrapper {
            height: 100%; } }
      .mukel-card--promo--rectangle .mukel-card__txt, .mukel-card--promo--square .mukel-card__txt {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 16px 24px;
        color: #fff;
        z-index: 2; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--promo--rectangle .mukel-card__txt, .mukel-card--promo--square .mukel-card__txt {
            padding: 16px; } }
      .mukel-card--promo--rectangle .mukel-card__label, .mukel-card--promo--square .mukel-card__label {
        margin-bottom: 0;
        color: #fff; }
      .mukel-card--promo--rectangle .mukel-card__date, .mukel-card--promo--square .mukel-card__date {
        color: #fff; }
      .mukel-card--promo--rectangle .mukel-card__title .mukel-lnk, .mukel-card--promo--square .mukel-card__title .mukel-lnk {
        color: #fff; }
      .mukel-card--promo--rectangle:hover .mukel-card__title .mukel-lnk, .mukel-card--promo--square:hover .mukel-card__title .mukel-lnk {
        text-decoration: underline; }
    .mukel-card--promo--rectangle .mukel-card__box {
      height: 360px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--promo--rectangle .mukel-card__box {
          height: 360px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--promo--rectangle .mukel-card__box {
          height: 328px; } }
    .mukel-card--promo--square .mukel-card__box {
      height: 360px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--promo--square .mukel-card__box {
          height: 264px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--promo--square .mukel-card__box {
          height: 232px; } }
    .mukel-card--promo__prod-detail .mukel-highlight-promo__title {
      font-weight: 700; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--promo__prod-detail {
        margin: -16px 0 -48px; } }
  .mukel-card-info {
    position: relative;
    max-width: 392px;
    height: 392px;
    padding: 24px 24px 76px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05);
    /* ==========================================================================
   MUKEL Component: Card Info FAQ
   ========================================================================== */
    /* ==========================================================================
   MUKEL Component: Card Info Article
   ========================================================================== */
    /* ==========================================================================
   MUKEL Component: Card Info Exchange Rate
   ========================================================================== */ }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-info {
        max-width: initial; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-info {
        height: auto;
        min-height: 330px;
        padding: 24px 16px 56px; } }
    .mukel-card-info__head {
      display: table;
      width: 100%;
      position: relative;
      padding-bottom: 12px;
      border-bottom: solid 1px #c2c9d1;
      /* -- button refresh remove
    .mukel-btn-icon {
      position: absolute;
      top: 2px;
      right: -4px;
      .mukel-fi {
        font-size: 1.6rem;
        margin-left: -8px;
        margin-top: -8px;
      }
      @include small {
        top: 0;
      }
    }
    */ }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info__head {
          padding-bottom: 16px; } }
    .mukel-card-info__title {
      display: table-cell;
      vertical-align: middle;
      margin-bottom: 0;
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card-info__date {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      font-size: 1.2rem;
      line-height: 1.6rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info__date {
          font-size: 1.2rem;
          line-height: 1.6rem; } }
    .mukel-card-info__btn {
      position: absolute;
      bottom: 24px;
      left: 24px;
      right: 24px;
      font-size: 0; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card-info__btn {
          left: 16px;
          right: 16px;
          bottom: 16px; } }
    .mukel-card-info__overlay {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      border-radius: 8px;
      background-color: rgba(49, 49, 49, 0.5); }
      .mukel-card-info__overlay .mukel-preloader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .mukel-card-info--faq .mukel-card-info__body {
      padding-top: 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info--faq .mukel-card-info__body {
          padding-top: 48px; } }
    .mukel-card-info--faq .mukel-form__row {
      margin-bottom: 32px; }
      .mukel-card-info--faq .mukel-form__row:last-child {
        margin-bottom: 0; }
    .mukel-card-info--article__item {
      height: 130px;
      padding: 16px 0;
      border-bottom: solid 1px #c2c9d1; }
      .mukel-card-info--article__item:last-child {
        border-bottom: 0; }
      .mukel-card-info--article__item:last-child {
        padding-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info--article__item {
          height: auto;
          padding: 16px 0 24px; } }
    .mukel-card-info--article__img-wrapper {
      width: 131px;
      height: 68px;
      border-radius: 2px;
      overflow: hidden;
      position: relative; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info--article__img-wrapper {
          width: 123px;
          height: 64px; } }
      .mukel-card-info--article__img-wrapper::after {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -16px;
        z-index: 1;
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: "";
        font-size: 3.2rem;
        color: #fff; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card-info--article__img-wrapper::after {
            font-size: 2.4rem;
            margin-top: -12px;
            margin-left: -12px; } }
      .mukel-card-info--article__img-wrapper .mukel-lnk {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 4; }
      .mukel-card-info--article__img-wrapper:hover .mukel-card-info--article__img {
        transform: scale(1.1); }
    .mukel-card-info--article__img {
      transition: all 0.5s ease;
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
    .mukel-card-info--article__title {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: 700;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info--article__title {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card-info--article .mukel-lnk {
      color: #313131;
      transition: color 0.3s ease;
      text-decoration: none; }
      .mukel-card-info--article .mukel-lnk:hover {
        color: #eb2629; }
    .mukel-card-info--article__desc {
      font-size: 1.4rem;
      line-height: 2.2rem;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info--article__desc {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card-info--article__desc {
          height: 44px;
          overflow: hidden;
          display: block;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card-info--article__desc {
          height: auto;
          overflow: hidden;
          display: block;
          display: -webkit-box;
          -webkit-line-clamp: 8;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-info--xr {
        padding-bottom: 48px; } }
    .mukel-card-info--xr__table {
      margin: 16px 0;
      width: 100%;
      border-collapse: collapse; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info--xr__table {
          margin: 8px 0 0; } }
    .mukel-card-info--xr__title {
      padding: 8px;
      vertical-align: middle;
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: 700; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info--xr__title {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
      .mukel-card-info--xr__title:first-child {
        text-align: left; }
      .mukel-card-info--xr__title:nth-child(2), .mukel-card-info--xr__title:nth-child(3) {
        width: 64px;
        text-align: center; }
      .mukel-card-info--xr__title:nth-child(2) {
        padding-right: 40px; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card-info--xr__title:nth-child(2) {
            padding-right: 24px; } }
    .mukel-card-info--xr__data {
      padding: 8px;
      font-size: 1.4rem;
      line-height: 2.2rem;
      vertical-align: middle; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-info--xr__data {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
      .mukel-card-info--xr__data:nth-child(2), .mukel-card-info--xr__data:nth-child(3) {
        width: 64px;
        text-align: right; }
      .mukel-card-info--xr__data:nth-child(2) {
        padding-right: 40px; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card-info--xr__data:nth-child(2) {
            padding-right: 24px; } }
    .mukel-card-info--xr__flag {
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      margin-right: 16px;
      border: solid 1px #dae0e6; }
      .mukel-card-info--xr__flag-img {
        max-width: initial;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center center;
           object-position: center center; }
  .mukel-card--theme-nyala .mukel-card__box {
    background-color: #313131; }
  .mukel-card--theme-secondary-1 .mukel-card__box {
    background-color: #feb06a; }
  .mukel-card--theme-secondary-2 .mukel-card__box {
    background-color: #e98c61; }
  .mukel-card--theme-secondary-3 .mukel-card__box {
    background-color: #fe8e78; }
  .mukel-card--theme-secondary-4 .mukel-card__box {
    background-color: #e76462; }
  .mukel-card--theme-secondary-5 .mukel-card__box {
    background-color: #e7626f; }
  .mukel-card--theme-independence .mukel-card__box {
    background-image: linear-gradient(113deg, #ff474e 0%, #cc090c 100%); }
  .mukel-card--theme-eid .mukel-card__box {
    background-image: linear-gradient(113deg, #d8fd00 0%, #005500 100%); }
  .mukel-card--theme-year-end .mukel-card__box {
    background-image: linear-gradient(113deg, #dd0562 0%, #60082d 100%); }
  .mukel-card--theme-anniversary .mukel-card__box {
    background-image: linear-gradient(113deg, #dd5a05 0%, #912303 100%); }
  .mukel-card--upselling {
    width: 100%; }
    .mukel-card--upselling .mukel-card__box {
      border-radius: 8px;
      background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling .mukel-card__box {
          min-height: 264px; } }
    .mukel-card--upselling .mukel-card__img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
      .mukel-card--upselling .mukel-card__img--m {
        display: none; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling .mukel-card__img--d {
          display: none; }
        .mukel-card--upselling .mukel-card__img--m {
          display: block; } }
    .mukel-card--upselling .mukel-card__txt {
      position: relative;
      display: table;
      height: 100%;
      width: 100%;
      z-index: 2;
      padding: 24px 120px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--upselling .mukel-card__txt {
          padding: 24px 32px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling .mukel-card__txt {
          min-height: 264px;
          padding: 24px 24px 96px;
          display: block; } }
    .mukel-card--upselling .mukel-card__col {
      display: table-cell;
      vertical-align: middle;
      color: #fff; }
      .mukel-card--upselling .mukel-card__col:first-child {
        padding-right: 24px; }
      .mukel-card--upselling .mukel-card__col:last-child {
        width: 344px; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-card--upselling .mukel-card__col:last-child {
            width: 272px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling .mukel-card__col {
          display: block; }
          .mukel-card--upselling .mukel-card__col:first-child {
            padding-right: 0; }
          .mukel-card--upselling .mukel-card__col:last-child {
            width: auto;
            position: absolute;
            left: 24px;
            right: 24px;
            bottom: 24px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--upselling .mukel-card__col:first-child {
          margin-bottom: 48px; } }
    .mukel-card--upselling .mukel-card__title {
      font-weight: 700;
      margin-bottom: 4px;
      font-size: 2.4rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--upselling .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling .mukel-card__title {
          margin-bottom: 16px; } }
      .mukel-card--upselling .mukel-card__title-small {
        font-size: 2rem;
        line-height: 3.2rem; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--upselling .mukel-card__title-small {
            font-size: 1.8rem;
            line-height: 2.4rem; } }
    .mukel-card--upselling .mukel-card__desc {
      margin-bottom: 0;
      font-size: 1.6rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--upselling .mukel-card__desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--upselling--border .mukel-card__box {
      background-image: none;
      border-radius: 0;
      border-top: 1px solid #dae0e6;
      border-bottom: 1px solid #dae0e6; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling--border .mukel-card__box {
          min-height: initial; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--upselling--border .mukel-card__txt {
        min-height: initial;
        padding-right: 64px;
        padding-left: 64px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--upselling--border .mukel-card__txt {
        padding: 40px 0;
        min-height: initial; } }
    .mukel-premier-site .mukel-card--upselling--border .mukel-card__title {
      max-width: 308px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--upselling--border .mukel-card__title {
        margin-bottom: 8px; } }
    .mukel-card--upselling--border .mukel-card__col {
      color: #313131; }
      .mukel-premier-site .mukel-card--upselling--border .mukel-card__col {
        color: #8b7866; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling--border .mukel-card__col {
          margin-bottom: 32px; }
          .mukel-card--upselling--border .mukel-card__col:last-child {
            position: static;
            margin-bottom: 0; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--upselling--border .mukel-card__col:first-child {
          margin-bottom: 32px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--upselling--small .mukel-card__box {
        min-height: initial; } }
    .mukel-card--upselling--small .mukel-card__txt {
      padding-left: 48px;
      padding-right: 48px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling--small .mukel-card__txt {
          padding: 40px 0; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--upselling--small .mukel-card__col .mukel-card__desc {
        margin-bottom: 32px; } }
    .mukel-card--upselling--small .mukel-card__col:last-child {
      width: initial; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--upselling--small .mukel-card__col:last-child {
          position: static; } }
  .mukel-card--article {
    display: block;
    max-width: 600px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--article {
        max-width: initial; } }
    .mukel-card--article .mukel-card__box {
      height: 338px;
      border-radius: 8px;
      position: relative; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--article .mukel-card__box {
          height: 343px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--article .mukel-card__box {
          height: 320px; } }
    .mukel-card--article .mukel-card__img-wrapper::after {
      background-image: linear-gradient(to top, #151927 -7%, rgba(79, 83, 94, 0.3) 45%, rgba(0, 0, 0, 0) 88%); }
      .mukel-private-site .mukel-card--article .mukel-card__img-wrapper::after {
        background-image: linear-gradient(to top, #4c5058, rgba(79, 80, 85, 0.47) 59%, rgba(170, 167, 174, 0)); }
    .mukel-card--article .mukel-card__txt {
      max-width: 446px;
      padding: 16px 24px; }
    .mukel-card--article .mukel-card__label {
      margin-bottom: 4px;
      font-weight: 500;
      font-size: 1.4rem;
      line-height: 2.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--article .mukel-card__label {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card--article .mukel-card__tag {
      display: inline-block;
      vertical-align: middle;
      max-width: 72.095%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--article .mukel-card__tag {
          max-width: 65%; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--article .mukel-card__tag {
          max-width: 65.039%; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--article .mukel-card__tag {
          max-width: 70%; } }
      @media only screen and (max-width: 374px) {
        .mukel-card--article .mukel-card__tag {
          max-width: 69%; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--article .mukel-card__tag {
          max-width: 64%; } }
    .mukel-card--article .mukel-card__title {
      margin-bottom: 16px;
      font-weight: 700;
      font-size: 2rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--article .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-card--article:hover .mukel-card__img {
      transform: scale(1.1); }
    .mukel-card--article:hover .mukel-btn-txt-lnk::after {
      transform: translateX(4px); }
  .mukel-card--suggestion {
    display: block;
    max-width: 392px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--suggestion {
        max-width: 100%; } }
    .mukel-card--suggestion .mukel-card__box {
      min-height: 296px;
      border-radius: 8px;
      padding: 24px 24px 96px;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--suggestion .mukel-card__box {
          min-height: 320px; } }
    .mukel-card--suggestion .mukel-card__title-icon {
      display: table;
      margin-bottom: 32px;
      width: 100%;
      table-layout: fixed; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--suggestion .mukel-card__title-icon {
          margin-bottom: 24px; } }
    .mukel-card--suggestion .mukel-card__icon {
      display: table-cell;
      vertical-align: top;
      padding-top: 4px;
      width: 24px;
      text-align: center; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--suggestion .mukel-card__icon {
          padding-top: 0; } }
      .mukel-card--suggestion .mukel-card__icon img {
        max-width: 24px;
        max-height: 24px;
        width: auto;
        height: auto; }
    .mukel-card--suggestion .mukel-card__title {
      display: table-cell;
      padding-left: 16px;
      vertical-align: top;
      font-weight: 700;
      margin-bottom: 0;
      font-size: 2rem;
      line-height: 3.2rem;
      padding-right: 8px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--suggestion .mukel-card__title {
          padding-right: 0;
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-card--suggestion .mukel-card__desc {
      color: #667584; }
    .mukel-card--suggestion .mukel-card__btn {
      position: absolute;
      left: 24px;
      right: 24px;
      bottom: 24px; }
    .mukel-card--suggestion .mukel-card__top,
    .mukel-card--suggestion .mukel-card__bottom {
      position: absolute;
      white-space: nowrap;
      font-size: 0; }
    .mukel-card--suggestion .mukel-card__top {
      bottom: 120px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--suggestion .mukel-card__top {
          bottom: 112px; } }
    .mukel-card--suggestion .mukel-card__bottom {
      bottom: 24px;
      margin-left: -48px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--suggestion .mukel-card__bottom {
          margin-left: -40px; } }
    .mukel-card--suggestion .mukel-card__rounded {
      width: 88px;
      height: 88px;
      margin: 0 4px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 50%;
      background-color: #fff;
      position: relative;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--suggestion .mukel-card__rounded {
          width: 80px;
          height: 80px;
          margin: 0 8px; } }
      .mukel-card--suggestion .mukel-card__rounded__wrapper {
        width: 56px;
        height: 56px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -28px;
        margin-top: -28px; }
      .mukel-card--suggestion .mukel-card__rounded__img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        transform: translate(-50%, -50%); }
  .mukel-card--nyala {
    position: relative;
    display: block;
    max-width: 392px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--nyala {
        max-width: initial; } }
    .mukel-card--nyala .mukel-card__box {
      min-height: 394px;
      border-radius: 8px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      transition: all 0.35s ease;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--nyala .mukel-card__box {
          min-height: 428px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--nyala .mukel-card__box {
          min-height: 356px; } }
    .mukel-card--nyala .mukel-card__img-wrapper {
      height: 120px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--nyala .mukel-card__img-wrapper {
          height: 104px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--nyala .mukel-card__img-wrapper {
          height: 160px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--nyala .mukel-card__img-wrapper {
          height: 104px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--nyala .mukel-card__img-wrapper {
          height: 96px; } }
    .mukel-card--nyala .mukel-card__img {
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--nyala .mukel-card__img {
          max-width: initial;
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center center;
             object-position: center center; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--nyala .mukel-card__img {
          max-width: initial;
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center top;
             object-position: center top; } }
    .mukel-card--nyala .mukel-card__txt {
      padding: 24px 24px 96px;
      position: static;
      color: #313131; }
    .mukel-card--nyala .mukel-card__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--nyala .mukel-card__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--nyala .mukel-card__title {
          margin-bottom: 16px; } }
    .mukel-card--nyala .mukel-card__list {
      list-style: none;
      margin: 0;
      padding: 0; }
    .mukel-card--nyala .mukel-card__item {
      padding-left: 24px;
      margin: 0 0 8px;
      font-size: 1.4rem;
      line-height: 2.2rem;
      position: relative; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--nyala .mukel-card__item {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
      .mukel-card--nyala .mukel-card__item:last-child {
        margin-bottom: 0; }
      .mukel-card--nyala .mukel-card__item .mukel-fi {
        font-size: 1.6rem;
        position: absolute;
        top: 3px;
        left: 0; }
    .mukel-card--nyala .mukel-card__btn {
      position: absolute;
      bottom: 24px;
      left: 24px;
      right: 24px; }
  .mukel-card--nyala-benefit .mukel-card__box {
    padding: 24px;
    width: 392px;
    min-height: 296px;
    border-radius: 8px;
    transition: all 0.35s ease;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--nyala-benefit .mukel-card__box {
        width: 320px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--nyala-benefit .mukel-card__box {
        width: 288px; } }
    @media only screen and (max-width: 320px) {
      .mukel-card--nyala-benefit .mukel-card__box {
        width: 272px; } }
  .mukel-card--nyala-benefit .mukel-card__txt {
    padding: 0;
    position: static;
    color: #313131; }
  .mukel-card--nyala-benefit .mukel-card__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--nyala-benefit .mukel-card__title {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-card--nyala-benefit .mukel-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #667584; }
    .mukel-card--nyala-benefit .mukel-card__list__item {
      margin-bottom: 8px;
      padding-left: 24px;
      position: relative;
      font-size: 1.6rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--nyala-benefit .mukel-card__list__item {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-card--nyala-benefit .mukel-card__list__item:last-child {
        margin-bottom: 0; }
      .mukel-card--nyala-benefit .mukel-card__list__item .mukel-fi {
        position: absolute;
        top: 4px;
        left: 0;
        color: #eb2629; }
  .mukel-card--prod-category {
    position: relative;
    max-width: 392px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--prod-category {
        display: block;
        max-width: initial; }
        .mukel-card-prod-category-carousel .mukel-card--prod-category {
          max-width: 392px;
          display: inline-block; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category-carousel .mukel-card--prod-category {
        max-width: 310px; } }
    @media only screen and (max-width: 374px) {
      .mukel-card-prod-category-carousel .mukel-card--prod-category {
        max-width: 300px; } }
    @media only screen and (max-width: 320px) {
      .mukel-card-prod-category-carousel .mukel-card--prod-category {
        max-width: 272px; } }
    .mukel-card--prod-category .mukel-card__box {
      height: 376px;
      border-radius: 8px;
      background-color: #fff;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05);
      transition: all .3s ease; }
      .mukel-card--prod-category .mukel-card__box:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--prod-category .mukel-card__img-wrapper {
      height: 176px; }
      .mukel-card--prod-category .mukel-card__img-wrapper::after {
        content: none;
        display: none; }
    .mukel-card--prod-category .mukel-card__img {
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
    .mukel-card--prod-category .mukel-card__txt {
      padding: 24px 24px 16px;
      position: static;
      color: #313131; }
    .mukel-card--prod-category .mukel-card__title {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--prod-category .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-card--prod-category .mukel-card__list {
      list-style: none;
      padding: 0;
      margin: 0;
      color: #667584; }
      .mukel-card--prod-category .mukel-card__list__item {
        margin-bottom: 8px;
        padding-left: 24px;
        position: relative;
        font-size: 1.6rem;
        line-height: 2.4rem; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--prod-category .mukel-card__list__item {
            font-size: 1.6rem;
            line-height: 2.4rem; } }
        .mukel-card--prod-category .mukel-card__list__item:last-child {
          margin-bottom: 0; }
        .mukel-card--prod-category .mukel-card__list__item .mukel-fi {
          position: absolute;
          top: 4px;
          left: 0;
          color: #eb2629; }
          .mukel-premier-site .mukel-card--prod-category .mukel-card__list__item .mukel-fi {
            color: #8b7866; }
          .mukel-private-site .mukel-card--prod-category .mukel-card__list__item .mukel-fi {
            color: #6a6d73; }
    .mukel-card--prod-category .mukel-card__desc {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--prod-category .mukel-card__desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--prod-category .mukel-card__btn {
      content: '';
      position: absolute;
      bottom: 24px;
      right: 24px;
      left: 24px; }
    .mukel-card--prod-category__with-button .mukel-card__box {
      height: 432px; }
  .mukel-card--usp .mukel-card__col {
    width: 100%;
    height: 100%;
    padding: 24px 16px 16px 144px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--usp .mukel-card__col {
        padding-top: 16px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--usp .mukel-card__col {
        padding: 16px 16px 16px 120px; } }
  .mukel-card--usp .mukel-card__wrapper {
    position: absolute;
    width: 128px;
    height: 100%;
    top: 0;
    background-color: #939fab; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--usp .mukel-card__wrapper {
        width: 104px; } }
  .mukel-card--usp .mukel-card__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45px; }
  .mukel-card--usp .mukel-card__title {
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--usp .mukel-card__title {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--usp .mukel-card__title {
        margin-bottom: 4px; } }
  .mukel-card--usp .mukel-card__desc {
    margin-bottom: 0;
    color: #667584;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--usp .mukel-card__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--usp .mukel-card__desc {
        font-size: 1.4rem;
        line-height: 2.4rem; } }
  .mukel-card--usp__overlap {
    position: relative;
    margin-top: -84px;
    z-index: 6;
    margin-bottom: 40px;
    transition: all 0.75s ease 1.3s; }
    .mukel-site-content--hide .mukel-card--usp__overlap {
      opacity: 0;
      transform: translateY(8px); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--usp__overlap {
        margin-top: -44px;
        margin-bottom: 48px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--usp__overlap {
        margin-top: -54px; } }
  .mukel-card--rec {
    border-radius: 8px;
    padding: 16px 16px 8px;
    text-align: center;
    width: 184px;
    min-height: 84px;
    margin-right: 24px;
    position: relative;
    text-decoration: none;
    background-color: #fff;
    vertical-align: top;
    transition: all .3s ease;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--rec:last-child {
      margin-right: 0; }
    .mukel-card--rec:hover {
      transform: translateY(-4px); }
    .mukel-card--rec__desc {
      color: #667584;
      margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--rec {
        width: 160px;
        margin-right: 0;
        margin-bottom: 16px;
        display: block; }
        .mukel-card--rec:last-child {
          margin-bottom: 0; }
        .mukel-card--rec::after {
          content: '';
          display: block;
          clear: both; } }
    .mukel-card--rec__scrollover {
      font-size: 0;
      line-height: 1; }
    .mukel-card--rec .mukel-card__img {
      max-width: 100%;
      width: auto;
      max-height: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: none; }
      .mukel-card--rec .mukel-card__img-wrapper {
        width: 22px;
        height: 22px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 8px; }
        .mukel-card--rec .mukel-card__img-wrapper::after {
          content: none; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--rec .mukel-card__img-wrapper {
            width: 24px;
            height: 24px; } }
    .mukel-card--rec .mukel-card__label {
      display: block; }
  .mukel-card--ca {
    min-height: 80px;
    border-radius: 8px;
    padding: 16px 120px;
    background-color: #fff;
    opacity: 1;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--ca::after {
      content: "";
      display: block;
      clear: both; }
    .mukel-card--ca .mukel-btn {
      margin-right: 16px; }
      .mukel-card--ca .mukel-btn:last-child {
        margin-right: 0; }
      .mukel-card--ca .mukel-btn::after {
        content: '';
        display: block;
        clear: both; }
    .mukel-card--ca__left {
      float: left; }
    .mukel-card--ca__right {
      float: right;
      text-align: right;
      font-size: 0;
      line-height: 1; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--ca__one-button {
        float: none;
        display: table-cell;
        vertical-align: middle; }
        .mukel-card--ca__one-button:first-child {
          width: 55%; }
        .mukel-card--ca__one-button:last-child {
          width: 45%; } }
    @media only screen and (max-width: 320px) {
      .mukel-card--ca__one-button:first-child {
        width: 49%; }
      .mukel-card--ca__one-button:last-child {
        width: 51%; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--ca__two-button {
        float: none;
        display: block;
        width: 100%; }
        .mukel-card--ca__two-button:last-child {
          margin-top: 8px;
          text-align: center; }
        .mukel-card--ca__two-button .mukel-btn {
          width: 47%;
          margin-right: 8px; }
          .mukel-card--ca__two-button .mukel-btn:last-child {
            margin-right: 0; }
        .mukel-card--ca__two-button .mukel-card--ca-txt {
          padding: 0; } }
    @media only screen and (max-width: 320px) {
      .mukel-card--ca__two-button .mukel-btn {
        width: auto; }
        .mukel-card--ca__two-button .mukel-btn:last-child {
          margin-right: 0; } }
    .mukel-card--ca-img, .mukel-card--ca-txt {
      display: inline-block;
      vertical-align: middle; }
    .mukel-card--ca-img {
      height: 48px;
      margin-right: 24px; }
    .mukel-card--ca-txt {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      margin: 0;
      padding: 8px 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--ca-txt {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--ca-txt {
          padding: 0; } }
    .mukel-card--ca__prod-detail {
      padding: 8px 0;
      position: fixed;
      transform: translateY(100%);
      transition: transform 0.35s ease;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 7; }
    .mukel-card--ca--floating {
      position: fixed;
      transform: translateY(0);
      transition: transform 0.5s ease; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--ca {
        padding: 16px 80px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--ca {
        padding: 16px 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--ca {
        padding: 16px;
        display: table;
        width: 100%; }
        .mukel-card--ca-img {
          display: none; } }
  .mukel-card--product-sme {
    display: block; }
    .mukel-card--product-sme .mukel-card__box {
      height: 360px;
      border-radius: 8px;
      position: relative; }
      @media only screen and (max-width: 320px) {
        .mukel-card--product-sme .mukel-card__box {
          height: 320px; } }
    .mukel-card--product-sme .mukel-card__img-wrapper::after {
      background-image: linear-gradient(to top, #151927 -7%, rgba(79, 83, 94, 0.3) 45%, rgba(0, 0, 0, 0) 88%); }
    .mukel-card--product-sme .mukel-card__txt {
      max-width: 446px;
      padding: 16px 24px 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--product-sme .mukel-card__txt {
          padding: 16px; } }
    .mukel-card--product-sme .mukel-card__label {
      margin-bottom: 0;
      font-weight: 500;
      font-size: 1.4rem;
      line-height: 2.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--product-sme .mukel-card__label {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card--product-sme .mukel-card__title {
      margin-bottom: 8px;
      font-weight: 700;
      font-size: 2.4rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--product-sme .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-card--product-sme .mukel-card__desc {
      font-weight: 400;
      font-size: 1.6rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--product-sme .mukel-card__desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--product-sme:hover .mukel-card__img {
      transform: scale(1.1); }
  .mukel-card--achievement {
    padding-top: 40px; }
    .mukel-card--achievement .mukel-card__box {
      width: 392px;
      overflow: visible; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--achievement .mukel-card__box {
          width: 288px; } }
    .mukel-card--achievement .mukel-card__inner-box {
      padding: 44px 0 8px;
      position: relative;
      border-radius: 8px;
      text-align: center;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
      .mukel-card--achievement .mukel-card__inner-box::before {
        content: '';
        display: block;
        width: 88px;
        height: 88px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        top: -36px;
        left: 50%;
        margin-left: -44px;
        z-index: 1;
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
      .mukel-card--achievement .mukel-card__inner-box::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 2;
        border-radius: 8px;
        background-color: #fff; }
    .mukel-card--achievement .mukel-card__circle {
      position: absolute;
      width: 72px;
      height: 72px;
      top: -28px;
      left: 50%;
      z-index: 3;
      margin-left: -36px; }
    .mukel-card--achievement .mukel-card__logo {
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
    .mukel-card--achievement .mukel-card__txt {
      padding: 16px 16px 64px;
      position: relative;
      z-index: 4;
      transition: none; }
      .mukel-card--achievement .mukel-card__txt::after {
        content: '';
        position: absolute;
        bottom: -8px;
        height: 8px;
        left: 0;
        width: 100%;
        border-radius: 0 0 8px 8px;
        background-image: linear-gradient(to right, #eeeeee, #dfe0e4 36%, #dadbe1 63%, #fff); }
    .mukel-card--achievement .mukel-card__date,
    .mukel-card--achievement .mukel-card__from,
    .mukel-card--achievement .mukel-card__location {
      color: #667584;
      font-size: 1.4rem;
      line-height: 2.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--achievement .mukel-card__date,
        .mukel-card--achievement .mukel-card__from,
        .mukel-card--achievement .mukel-card__location {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card--achievement .mukel-card__date,
    .mukel-card--achievement .mukel-card__location {
      margin-bottom: 0; }
    .mukel-card--achievement .mukel-card__date {
      max-width: 294px;
      margin: 0 auto;
      margin-bottom: 4px; }
    .mukel-card--achievement .mukel-card__from {
      max-width: 294px;
      margin: 0 auto; }
    .mukel-card--achievement .mukel-card__award {
      color: #313131;
      min-height: 96px;
      max-width: 294px;
      margin: 0 auto;
      margin-top: 16px; }
    .mukel-card--achievement .mukel-card__location {
      position: absolute;
      bottom: 32px;
      left: 16px;
      right: 16px; }
  .mukel-card--nyala-c {
    position: relative;
    display: block;
    max-width: 392px;
    background-color: #fff; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--nyala-c {
        max-width: initial;
        white-space: normal; } }
    .mukel-card--nyala-c .mukel-card__box {
      min-height: 600px;
      border-radius: 8px;
      transition: all 0.35s ease;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--nyala-c .mukel-card__box {
          min-height: 664px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--nyala-c .mukel-card__box {
          min-height: 640px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--nyala-c .mukel-card__box {
          min-height: 568px; } }
    .mukel-card--nyala-c .mukel-card__txt {
      padding: 24px 24px 96px;
      position: static;
      color: #313131; }
    .mukel-card--nyala-c .mukel-card__type {
      font-size: 3.2rem;
      line-height: 4rem;
      font-weight: 700;
      color: #eb2629;
      margin-bottom: 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--nyala-c .mukel-card__type {
          font-size: 2rem;
          line-height: 3.2rem; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--nyala-c .mukel-card__type {
          margin-bottom: 24px; } }
    .mukel-card--nyala-c .mukel-card__title {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--nyala-c .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--nyala-c .mukel-card__title {
          margin-bottom: 16px; } }
    .mukel-card--nyala-c .mukel-card__list {
      list-style: none;
      margin: 0;
      padding: 0;
      color: #667584; }
    .mukel-card--nyala-c .mukel-card__list {
      list-style: none;
      padding: 0;
      margin: 0;
      color: #667584; }
      .mukel-card--nyala-c .mukel-card__list__item {
        margin-bottom: 8px;
        padding-left: 24px;
        position: relative;
        font-size: 1.6rem;
        line-height: 2.4rem; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--nyala-c .mukel-card__list__item {
            font-size: 1.6rem;
            line-height: 2.4rem; } }
        .mukel-card--nyala-c .mukel-card__list__item:last-child {
          margin-bottom: 0; }
        .mukel-card--nyala-c .mukel-card__list__item .mukel-fi {
          position: absolute;
          top: 4px;
          left: 0;
          color: #eb2629; }
    .mukel-card--nyala-c .mukel-card__btn {
      position: absolute;
      bottom: 24px;
      left: 24px;
      right: 24px; }
  .mukel-card--bod {
    display: block;
    cursor: pointer; }
    .mukel-card--bod .mukel-card__img {
      position: absolute;
      top: 0;
      left: 0;
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
      .mukel-card--bod .mukel-card__img-wrapper {
        width: 100%;
        min-height: 256px;
        padding-bottom: 65%;
        overflow: hidden;
        border-radius: 8px;
        margin-bottom: 8px; }
        .mukel-card--bod .mukel-card__img-wrapper::after {
          content: none;
          display: none; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-card--bod .mukel-card__img-wrapper {
            min-height: initial; } }
    .mukel-card--bod .mukel-card__name {
      margin-bottom: 0;
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      color: #313131;
      transition: color .3s ease; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--bod .mukel-card__name {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-card--bod .mukel-card__position {
      margin-bottom: 0;
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      transition: color .3s ease; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--bod .mukel-card__position {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--bod:hover .mukel-card__img {
      transform: scale(1.05); }
    .mukel-card--bod:hover .mukel-card__name {
      color: #eb2629; }
      .mukel-premier-site .mukel-card--bod:hover .mukel-card__name {
        color: #8b7866; }
      .mukel-private-site .mukel-card--bod:hover .mukel-card__name {
        color: #6a6d73; }
    .mukel-card--bod:hover .mukel-card__position {
      color: #313131; }
  .mukel-card--address {
    width: 392px;
    background: #f0f1f5;
    min-height: 280px;
    padding: 24px;
    border-radius: 8px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--address {
        min-height: 320px;
        width: 29.5vw; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--address {
        min-height: 292px;
        width: 44.25vw; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--address {
        min-height: 292px;
        width: 100%; } }
    .mukel-card--address .mukel-card__company-name {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      margin-bottom: 24px;
      color: #313131; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--address .mukel-card__company-name {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--address .mukel-card__company-desc {
      font-size: 1.6rem;
      line-height: 2.4rem;
      margin-bottom: 0;
      color: #667584; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--address .mukel-card__company-desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-card--address .mukel-card__company-desc a {
        text-decoration: none;
        transition: color .25s ease; }
        .mukel-card--address .mukel-card__company-desc a:hover {
          color: #eb2629;
          text-decoration: underline; }
  .mukel-card--auction-info {
    position: relative;
    display: block;
    max-width: 392px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--auction-info {
        max-width: initial; } }
    .mukel-card--auction-info .mukel-card__box {
      border-radius: 8px;
      background-color: #fff;
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05);
      transition: all .3s ease; }
    .mukel-card--auction-info .mukel-card__img-wrapper {
      height: 176px; }
      .mukel-card--auction-info .mukel-card__img-wrapper::after {
        content: none;
        display: none; }
    .mukel-card--auction-info .mukel-card__img {
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--auction-info .mukel-card__img {
          max-width: initial;
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center center;
             object-position: center center; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--auction-info .mukel-card__img {
          max-width: initial;
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center top;
             object-position: center top; } }
    .mukel-card--auction-info .mukel-card__txt {
      padding: 24px 24px 16px;
      position: static;
      color: #313131; }
    .mukel-card--auction-info .mukel-card__title {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--auction-info .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-card--auction-info .mukel-card__list {
      list-style: none;
      padding: 0;
      margin: 0;
      color: #667584; }
      .mukel-card--auction-info .mukel-card__list__item {
        margin-bottom: 8px;
        padding-left: 24px;
        position: relative;
        font-size: 1.6rem;
        line-height: 2.4rem; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--auction-info .mukel-card__list__item {
            font-size: 1.6rem;
            line-height: 2.4rem; } }
        .mukel-card--auction-info .mukel-card__list__item:last-child {
          margin-bottom: 0; }
        .mukel-card--auction-info .mukel-card__list__item .mukel-fi {
          position: absolute;
          top: 4px;
          left: 0;
          color: #eb2629; }
    .mukel-card--auction-info .mukel-card__desc {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--auction-info .mukel-card__desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
  .mukel-card--partner {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    background-color: #f0f1f5;
    position: relative; }
    @media only screen and (max-width: 320px) {
      .mukel-card--partner {
        height: 176px; } }
    .mukel-card--partner .mukel-card__img {
      display: block;
      width: 224px;
      height: auto;
      -o-object-fit: contain;
         object-fit: contain;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media only screen and (max-width: 374px) {
        .mukel-card--partner .mukel-card__img {
          width: 208px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--partner .mukel-card__img {
          width: 176px; } }
  .mukel-card--advisor {
    display: block; }
    .mukel-card--advisor .mukel-card__box {
      background-color: #fff;
      min-height: 288px;
      padding: 40px 64px 24px 288px;
      border-radius: 8px;
      position: relative;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
      display: table;
      width: 100%; }

@-moz-document url-prefix() {
  .mukel-card--advisor .mukel-card__box {
    height: 288px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--advisor .mukel-card__box {
          min-height: 300px;
          padding: 32px 32px 24px 204px; }
        @-moz-document url-prefix() {
          .mukel-card--advisor .mukel-card__box {
            height: 300px; } } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--advisor .mukel-card__box {
          padding: 16px 8px 16px 138px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--advisor .mukel-card__box {
          min-height: 288px; }
        @-moz-document url-prefix() {
          .mukel-card--advisor .mukel-card__box {
            height: 288px; } } }
      @media only screen and (max-width: 374px) {
        .mukel-card--advisor .mukel-card__box {
          padding-left: 132px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--advisor .mukel-card__box {
          padding-left: 96px; } }
    .mukel-card--advisor .mukel-card__img {
      height: auto; }
      .mukel-card--advisor .mukel-card__img-wrapper {
        position: absolute;
        width: 260px;
        padding: 0 40px;
        height: auto;
        bottom: 0;
        left: 0;
        overflow: hidden; }
        .mukel-card--advisor .mukel-card__img-wrapper::after {
          display: none;
          content: none; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-card--advisor .mukel-card__img-wrapper {
            width: 204px;
            padding: 0 24px; } }
        @media only screen and (max-width: 991.98px) {
          .mukel-card--advisor .mukel-card__img-wrapper {
            width: 180px;
            padding: 0;
            left: -60px; } }
        @media only screen and (max-width: 374px) {
          .mukel-card--advisor .mukel-card__img-wrapper {
            left: -64px; } }
        @media only screen and (max-width: 320px) {
          .mukel-card--advisor .mukel-card__img-wrapper {
            width: 164px;
            left: -80px; } }
    .mukel-card--advisor .mukel-card__txt {
      display: table-cell;
      vertical-align: middle;
      position: static;
      padding: 0;
      max-width: 248px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--advisor .mukel-card__txt {
          max-width: initial; } }
    .mukel-card--advisor .mukel-card__label {
      margin-bottom: 0;
      font-weight: 500;
      font-size: 1.4rem;
      line-height: 2.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--advisor .mukel-card__label {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card--advisor .mukel-card__title {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      color: #313131;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--advisor .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-card--advisor .mukel-card__desc {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 400;
      color: #667584;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--advisor .mukel-card__desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--advisor .mukel-card__desc {
          margin-bottom: 16px; } }
    .mukel-card--advisor:hover .mukel-card__img {
      transform: scale(1.1); }
    .mukel-card--advisor:hover .mukel-btn-txt-lnk {
      color: #eb2629; }
      .mukel-card--advisor:hover .mukel-btn-txt-lnk::after {
        transform: translateX(4px); }
  .mukel-card--mutual-funds {
    display: block; }
    .mukel-card--mutual-funds .mukel-card__box {
      min-height: 272px;
      border-radius: 8px;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--mutual-funds .mukel-card__risk {
      position: relative;
      background-color: #f0f1f5;
      width: 100%;
      padding: 10px 16px 10px 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--mutual-funds .mukel-card__risk {
          padding: 10px 16px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--mutual-funds .mukel-card__risk {
          padding: 10px 12px; } }
      .mukel-card--mutual-funds .mukel-card__risk__lbl {
        font-size: 1.4rem;
        line-height: 2.2rem;
        color: #667584;
        margin-bottom: 0; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--mutual-funds .mukel-card__risk__lbl {
            font-size: 1.4rem;
            line-height: 2.2rem; } }
      .mukel-card--mutual-funds .mukel-card__risk__meter {
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%); }
        @media only screen and (max-width: 320px) {
          .mukel-card--mutual-funds .mukel-card__risk__meter {
            right: 12px; } }
      .mukel-card--mutual-funds .mukel-card__risk__bar {
        display: inline-block;
        vertical-align: middle;
        background-color: #c2c9d1;
        height: 8px;
        width: 20px;
        border-radius: 4px;
        margin-right: 4px; }
        .mukel-card--mutual-funds .mukel-card__risk__bar:last-child {
          margin-right: 0; }
        .mukel-card--mutual-funds .mukel-card__risk__bar--active {
          background-color: #eb2629; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--mutual-funds .mukel-card__risk__bar {
            width: 32px; } }
        @media only screen and (max-width: 374px) {
          .mukel-card--mutual-funds .mukel-card__risk__bar {
            width: 28px; } }
        @media only screen and (max-width: 320px) {
          .mukel-card--mutual-funds .mukel-card__risk__bar {
            width: 20px; } }
    .mukel-card--mutual-funds .mukel-card__detail {
      padding: 16px 24px 48px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--mutual-funds .mukel-card__detail {
          padding: 16px 16px 48px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--mutual-funds .mukel-card__detail {
          padding: 16px 12px 48px; } }
    .mukel-card--mutual-funds .mukel-card__type {
      font-size: 1.4rem;
      line-height: 2.2rem;
      color: #667584;
      margin-bottom: 2px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--mutual-funds .mukel-card__type {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card--mutual-funds .mukel-card__company {
      max-width: 240px;
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      min-height: 48px;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--mutual-funds .mukel-card__company {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--mutual-funds .mukel-card__curr-amount {
      padding: 8px 0;
      border-top: 1px solid #dae0e6;
      border-bottom: 1px solid #dae0e6; }
      .mukel-card--mutual-funds .mukel-card__curr-amount__row {
        display: table;
        width: 100%;
        margin-bottom: 2px; }
        .mukel-card--mutual-funds .mukel-card__curr-amount__row:last-child {
          margin-bottom: 0; }
    .mukel-card--mutual-funds .mukel-card__curr {
      display: table-cell;
      vertical-align: middle;
      font-size: 1.4rem;
      line-height: 2.2rem;
      color: #667584;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--mutual-funds .mukel-card__curr {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card--mutual-funds .mukel-card__amount {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      font-size: 1.4rem;
      line-height: 2.2rem;
      color: #313131;
      font-weight: 500;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--mutual-funds .mukel-card__amount {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
    .mukel-card--mutual-funds .mukel-card__btn-link {
      position: absolute;
      bottom: 12px;
      left: 24px;
      right: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--mutual-funds .mukel-card__btn-link {
          left: 16px;
          right: 16px; } }
      @media only screen and (max-width: 320px) {
        .mukel-card--mutual-funds .mukel-card__btn-link {
          left: 12px;
          right: 12px; } }
      .mukel-card--mutual-funds .mukel-card__btn-link .mukel-btn-txt-lnk {
        margin-right: 24px; }
        .mukel-card--mutual-funds .mukel-card__btn-link .mukel-btn-txt-lnk:last-child {
          margin-right: 0; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-card--mutual-funds .mukel-card__btn-link .mukel-btn-txt-lnk {
            margin-right: 32px; } }
        @media only screen and (max-width: 374px) {
          .mukel-card--mutual-funds .mukel-card__btn-link .mukel-btn-txt-lnk {
            margin-right: 24px; } }
        @media only screen and (max-width: 320px) {
          .mukel-card--mutual-funds .mukel-card__btn-link .mukel-btn-txt-lnk {
            margin-right: 12px; } }
  .mukel-card--file-report {
    position: relative;
    display: block; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--file-report {
        max-width: initial; } }
    .mukel-card--file-report .mukel-card__box {
      border-radius: 8px;
      padding: 24px 24px 48px 80px;
      background-color: #fff;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
      min-height: 136px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--file-report .mukel-card__box {
          min-height: 148px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--file-report .mukel-card__box {
          min-height: 120px;
          padding: 16px 24px 48px 64px; } }
    .mukel-card--file-report .mukel-card__icon {
      position: absolute;
      width: 40px;
      height: 40px;
      left: 24px;
      top: 28px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--file-report .mukel-card__icon {
          width: 24px;
          height: 24px;
          left: 24px;
          top: 16px; } }
    .mukel-card--file-report .mukel-card__txt {
      position: static;
      color: #313131;
      padding: 0; }
    .mukel-card--file-report .mukel-card__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--file-report .mukel-card__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--file-report .mukel-card__btn {
      position: absolute;
      bottom: 16px;
      left: 80px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--file-report .mukel-card__btn {
          left: 64px; } }
  .mukel-card--report {
    display: block;
    max-width: 392px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--report {
        max-width: initial; } }
    .mukel-card--report .mukel-card__box {
      min-height: 376px;
      border-radius: 8px;
      transition: all 0.35s ease;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      position: relative;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 320px) {
        .mukel-card--report .mukel-card__box {
          min-height: 360px; } }
    .mukel-card--report .mukel-card__img-wrapper {
      height: 208px; }
      .mukel-card--report .mukel-card__img-wrapper::after {
        display: none;
        content: none; }
      @media only screen and (max-width: 320px) {
        .mukel-card--report .mukel-card__img-wrapper {
          height: 180px; } }
    .mukel-card--report .mukel-card__img {
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--report .mukel-card__img {
          max-width: initial;
          display: block;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center top;
             object-position: center top; } }
    .mukel-card--report .mukel-card__txt {
      padding: 24px 24px 80px;
      position: static;
      color: #313131; }
    .mukel-card--report .mukel-card__title {
      font-weight: 700; }
    .mukel-card--report .mukel-card__btn {
      position: absolute;
      bottom: 16px;
      left: 24px;
      right: 24px; }
    .mukel-card--report .mukel-card__btn-more {
      margin-top: 24px; }
      @media only screen and (max-width: 320px) {
        .mukel-card--report .mukel-card__btn-more {
          margin-top: 16px; } }
  .mukel-card--country {
    display: block;
    position: relative; }
    .mukel-card--country .mukel-card__box {
      border-radius: 8px;
      background-color: #fff;
      border: solid 1px transparent;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
      transition: all .25s ease; }
    .mukel-card--country .mukel-card__input {
      outline: 0;
      border: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      z-index: 4;
      opacity: 0;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .mukel-card--country .mukel-card__input:hover + .mukel-card__box {
        transform: translateY(-2px);
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
        @media only screen and (max-width: 1199.98px) {
          .mukel-card--country .mukel-card__input:hover + .mukel-card__box {
            transform: none;
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); } }
      .mukel-card--country .mukel-card__input:checked + .mukel-card__box {
        border-color: #eb2629; }
    .mukel-card--country .mukel-card__content {
      display: table;
      width: 100%;
      min-height: 64px; }

@-moz-document url-prefix() {
  .mukel-card--country .mukel-card__content {
    height: 64px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--country .mukel-card__content {
          display: block;
          padding: 16px; }
        @-moz-document url-prefix() {
          .mukel-card--country .mukel-card__content {
            height: auto; } } }
    .mukel-card--country .mukel-card__country {
      display: table-cell;
      vertical-align: middle;
      padding: 16px 24px;
      font-size: 0;
      line-height: 1; }
      .mukel-card--country .mukel-card__country__name {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: #313131;
        margin-bottom: 0;
        display: inline-block;
        vertical-align: middle; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--country .mukel-card__country__name {
            font-size: 1.6rem;
            line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--country .mukel-card__country {
          display: block;
          padding: 0;
          margin-bottom: 24px; } }
    .mukel-card--country .mukel-card__flag {
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      margin-right: 16px;
      border: solid 1px #dae0e6; }
      .mukel-card--country .mukel-card__flag.riskprofile {
        width: 32px;
        height: 32px;
        border-radius: 0;
        border: none; }
      .mukel-card--country .mukel-card__flag-img {
        max-width: initial;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center center;
           object-position: center center; }
    .mukel-card--country .mukel-card__cost {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      padding: 16px 24px;
      font-size: 0;
      line-height: 1; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--country .mukel-card__cost {
          display: block;
          padding: 0;
          text-align: left; } }
    .mukel-card--country .mukel-card__label {
      font-size: 1.4rem;
      line-height: 2.2rem;
      color: #667584;
      margin-bottom: 0;
      display: inline-block;
      vertical-align: middle;
      margin-right: 16px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--country .mukel-card__label {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--country .mukel-card__label {
          display: block;
          margin-right: 0;
          margin-bottom: 2px; } }
    .mukel-card--country .mukel-card__number {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      color: #313131;
      margin-bottom: 0;
      display: inline-block;
      vertical-align: middle; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--country .mukel-card__number {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--country .mukel-card__number {
          display: block; } }
  .mukel-card--legend {
    position: relative;
    display: inline-block;
    border-radius: 8px;
    transition: all 0.3s ease; }
    .mukel-card--legend .mukel-card__box {
      width: 184px;
      height: 88px;
      border-radius: 8px;
      padding: 8px 16px 8px 8px;
      background-color: #fff;
      transition: all 0.3s ease;
      border: 1px solid transparent;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: pointer;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      user-select: none; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card--legend .mukel-card__box {
          width: 178px; } }
    .mukel-card--legend .mukel-card__dot {
      border-radius: 50%;
      width: 8px;
      height: 8px;
      position: absolute;
      top: 12px;
      left: 8px;
      background-color: #80909f; }
      @media print {
        .mukel-card--legend .mukel-card__dot {
          -webkit-print-color-adjust: exact;
          color-adjust: exact; } }
    .mukel-card--legend .mukel-card__txt {
      padding: 0;
      position: static;
      color: #313131; }
    .mukel-card--legend .mukel-card__title {
      color: #667584;
      font-size: 1.2rem;
      line-height: 1.6rem;
      overflow: hidden;
      display: block;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--legend .mukel-card__title {
          font-size: 1.2rem;
          line-height: 1.6rem; } }
    .mukel-card--legend .mukel-card__amount {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      color: #313131;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--legend .mukel-card__amount {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--legend .mukel-card__label {
      font-size: 1.2rem;
      line-height: 1.6rem;
      color: #667584;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--legend .mukel-card__label {
          font-size: 1.2rem;
          line-height: 1.6rem; } }
    .mukel-card--legend--dot .mukel-card__box {
      padding-left: 24px; }
    .mukel-card--legend--selected .mukel-card__box {
      border-color: #eb2629; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--legend {
        white-space: normal; } }
  .mukel-card--risk-profile {
    width: 100%; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--risk-profile {
        width: auto;
        display: block; } }
    .mukel-card--risk-profile .mukel-card__box {
      position: relative;
      padding: 24px 316px 24px 24px;
      border-radius: 8px;
      background-color: #fff;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--risk-profile .mukel-card__box {
          padding: 24px 16px 120px; } }
    .mukel-card--risk-profile .mukel-card__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--risk-profile .mukel-card__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--risk-profile .mukel-card__title {
          margin-bottom: 16px; } }
    .mukel-card--risk-profile .mukel-card__btn {
      position: absolute;
      top: 50%;
      right: 24px;
      transform: translateY(-50%); }
      .mukel-card--risk-profile .mukel-card__btn .mukel-btn {
        min-width: 225px; }
      .mukel-card--risk-profile .mukel-card__btn .mukel-card__img {
        display: block;
        position: absolute;
        width: 72px;
        height: 72px;
        top: 50%;
        left: -38px;
        margin-top: -36px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--risk-profile .mukel-card__btn {
          top: auto;
          transform: none;
          bottom: 32px;
          left: 48px;
          right: 16px; }
          .mukel-card--risk-profile .mukel-card__btn .mukel-btn {
            width: 100%;
            min-width: initial; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--risk-profile .mukel-field__input-group .mukel-field__input {
        width: 50%;
        margin-right: 0;
        padding-right: 24px;
        margin-bottom: 24px; }
        .mukel-card--risk-profile .mukel-field__input-group .mukel-field__input:nth-last-child(2), .mukel-card--risk-profile .mukel-field__input-group .mukel-field__input:last-child {
          margin-bottom: 0; } }
  .mukel-card--code-promo {
    display: block; }
    .mukel-card--code-promo .mukel-card__box {
      background-color: #667584;
      padding: 16px 24px;
      min-height: 180px;
      width: 100%;
      max-width: 392px;
      border-radius: 8px;
      position: relative;
      color: #fff;
      overflow: hidden;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--code-promo .mukel-card__title {
      font-size: 1.6rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--code-promo .mukel-card__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--code-promo .mukel-card__promo-code {
      position: relative;
      padding-bottom: 16px;
      margin-bottom: 16px;
      border-bottom: solid 1px #dae0e6;
      padding-right: 100px; }
      .mukel-card--code-promo .mukel-card__promo-code__code {
        font-size: 2rem;
        line-height: 3.2rem;
        font-weight: 700;
        margin-bottom: 0; }
      .mukel-card--code-promo .mukel-card__promo-code__btn {
        position: absolute;
        top: 6px;
        right: 0;
        padding: 0;
        margin: 0;
        border: 0;
        background-color: transparent;
        color: #fff;
        font-size: 0;
        line-height: 1;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      .mukel-card--code-promo .mukel-card__promo-code .mukel-fi {
        font-size: 2rem;
        display: inline-block;
        vertical-align: middle; }
      .mukel-card--code-promo .mukel-card__promo-code__txt {
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        font-size: 1.2rem;
        line-height: 1.6rem;
        transition: all 0.25s ease; }
        @media only screen and (max-width: 767.98px) {
          .mukel-card--code-promo .mukel-card__promo-code__txt {
            font-size: 1.2rem;
            line-height: 1.6rem; } }
    .mukel-card--code-promo .mukel-card__copy-text {
      display: inline-block;
      font-size: 1.2rem;
      line-height: 1.6rem;
      margin-bottom: 0;
      vertical-align: middle;
      margin-left: 4px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--code-promo .mukel-card__copy-text {
          font-size: 1.2rem;
          line-height: 1.6rem; } }
    .mukel-card--code-promo .mukel-card__description {
      font-size: 1.6rem;
      line-height: 2.4rem;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--code-promo .mukel-card__description {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
  .mukel-card--premier-product .mukel-card__box {
    width: 100%;
    height: 488px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--premier-product .mukel-card__box {
        height: 400px; } }
    @media only screen and (max-width: 320px) {
      .mukel-card--premier-product .mukel-card__box {
        height: 380px; } }
  .mukel-card--premier-product .mukel-card__img-wrapper::after {
    top: auto;
    bottom: 0;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.79) 58%, #000);
    transition: height .25s ease; }
    .mukel-premier-site .mukel-card--premier-product .mukel-card__img-wrapper::after {
      background-image: linear-gradient(to bottom, rgba(69, 69, 69, 0), rgba(51, 51, 51, 0.79) 58%, #212121); }
    .mukel-private-site .mukel-card--premier-product .mukel-card__img-wrapper::after {
      background-image: linear-gradient(to bottom, rgba(106, 109, 115, 0), rgba(106, 109, 115, 0.79) 58%, #6a6d73); }
  .mukel-card--premier-product .mukel-card__txt {
    padding: 16px 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--premier-product .mukel-card__txt {
        padding: 16px 56px 16px 24px; } }
    @media only screen and (max-width: 320px) {
      .mukel-card--premier-product .mukel-card__txt {
        padding: 16px 48px 16px 24px; } }
  .mukel-card--premier-product .mukel-card__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #fff;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--premier-product .mukel-card__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-card--premier-product .mukel-card__title {
      color: #bfad98; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--premier-product .mukel-card__title {
        height: 64px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--premier-product .mukel-card__title {
        height: auto; } }
  .mukel-card--premier-product .mukel-card__desc {
    color: #fff;
    height: 72px;
    margin-bottom: 24px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--premier-product .mukel-card__desc {
        height: 96px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--premier-product .mukel-card__desc {
        height: 72px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card--premier-product .mukel-card__desc {
        height: auto; } }
  .mukel-card--premier-product:hover .mukel-card__img {
    transform: scale(1.1); }
    .mukel-card--premier-product:hover .mukel-card__img-wrapper::after {
      height: 296px; }
  .mukel-card--premier-product:hover .mukel-btn-txt-lnk--gold-arrow::after {
    transform: translateX(4px); }
  .mukel-card--article-program {
    display: block;
    max-width: 600px; }
    .mukel-card--article-program .mukel-card__box {
      height: 280px;
      border-radius: 8px;
      position: relative; }
    .mukel-card--article-program .mukel-card__img-wrapper::after {
      background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.65) 69%, #000 100%); }
      .mukel-premier-site .mukel-card--article-program .mukel-card__img-wrapper::after {
        background-image: linear-gradient(270deg, rgba(92, 92, 92, 0) 29%, rgba(111, 93, 75, 0.65) 69%, #6f5d4b 100%); }
      .mukel-private-site .mukel-card--article-program .mukel-card__img-wrapper::after {
        background-image: linear-gradient(to right, #6a6d73 19%, rgba(131, 132, 138, 0.44) 42%, rgba(170, 167, 174, 0) 59%); }
    .mukel-card--article-program .mukel-card__txt {
      padding: 16px 24px; }
    .mukel-card--article-program .mukel-card__title {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      margin-bottom: 8px;
      max-width: 324px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--article-program .mukel-card__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-card--article-program .mukel-card__desc {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 400;
      margin-bottom: 16px;
      max-width: 324px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--article-program .mukel-card__desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--article-program:hover .mukel-card__img {
      transform: scale(1.1); }
    .mukel-card--article-program:hover .mukel-btn-txt-lnk::after {
      transform: translateX(4px); }
  .mukel-card--location {
    display: block;
    position: relative;
    padding-top: 28px;
    padding-bottom: 24px;
    padding-left: 48px;
    border-bottom: 1px solid #dae0e6;
    min-height: 364px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card--location {
        min-height: 388px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--location {
        min-height: initial; } }
    .mukel-card--location .mukel-card__icon {
      display: block; }
      .mukel-card--location .mukel-card__icon-wrapper {
        width: 32px;
        height: 32px;
        position: absolute;
        left: 0;
        top: 24px; }
    .mukel-card--location .mukel-card__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      color: #313131;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--location .mukel-card__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--location .mukel-card__txt {
      position: static;
      padding: 0;
      color: #667584; }
      .mukel-card--location .mukel-card__txt .mukel-lnk,
      .mukel-card--location .mukel-card__txt a {
        text-decoration: none;
        transition: color .25s ease; }
        .mukel-card--location .mukel-card__txt .mukel-lnk:hover,
        .mukel-card--location .mukel-card__txt a:hover {
          text-decoration: underline;
          color: #eb2629; }
    .mukel-card--location .mukel-card__desc {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-bottom: 16px;
      max-width: 320px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--location .mukel-card__desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-card--location .mukel-card__desc:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--location .mukel-card__desc {
          max-width: initial; } }
    .mukel-card--location .mukel-card__list {
      list-style: none;
      padding: 0;
      margin: 0; }
    .mukel-card--location .mukel-card__item {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-bottom: 8px;
      padding-left: 28px;
      position: relative; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--location .mukel-card__item {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-card--location .mukel-card__item:last-child {
        margin-bottom: 0; }
      .mukel-card--location .mukel-card__item .mukel-fi {
        position: absolute;
        top: 4px;
        left: 0;
        font-size: 1.6rem;
        color: #eb2629; }
    .mukel-card--location .mukel-card__title-list {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-bottom: 4px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--location .mukel-card__title-list {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--location .mukel-card__lnk {
      font-size: 0;
      line-height: 1;
      position: absolute;
      left: 48px;
      bottom: 24px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card--location .mukel-card__lnk {
          position: static;
          margin-top: 24px; } }
  .mukel-card--career-list {
    display: block; }
    .mukel-card--career-list .mukel-card__box {
      height: 136px;
      border-radius: 8px;
      position: relative;
      background-color: #fff;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
      padding: 16px;
      white-space: normal;
      transition: transform .3s ease, shadow .3s ease; }
      .mukel-card--career-list .mukel-card__box:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--career-list .mukel-card__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #313131;
      font-weight: 700; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--career-list .mukel-card__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--career-list .mukel-card__desc {
      position: absolute;
      bottom: 16px;
      left: 16px;
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      font-weight: 400; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--career-list .mukel-card__desc {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
  .mukel-card--icon-title {
    display: block; }
    .mukel-card--icon-title .mukel-card__box {
      height: 132px;
      border-radius: 8px;
      position: relative;
      background-color: #fff;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
      padding: 16px;
      white-space: normal;
      transition: transform .3s ease, shadow .3s ease; }
      .mukel-card--icon-title .mukel-card__box:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-card--icon-title .mukel-card__img {
      width: 32px;
      height: 32px; }
    .mukel-card--icon-title .mukel-card__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #313131;
      font-weight: 700;
      margin: 16px 0 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--icon-title .mukel-card__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
  .mukel-card--product-comparison {
    position: relative;
    display: block; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card--product-comparison {
        max-width: initial; } }
    .mukel-card--product-comparison .mukel-card__box {
      border-radius: 8px;
      padding: 36px 36px 36px 108px;
      background-color: #fff;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
      min-height: 96px; }
    .mukel-card--product-comparison .mukel-card__img {
      position: absolute;
      width: 80px;
      height: 80px;
      left: 8px;
      top: 8px;
      border-radius: 8px;
      overflow: hidden; }
    .mukel-card--product-comparison .mukel-card__txt {
      position: static;
      color: #313131;
      padding: 0; }
    .mukel-card--product-comparison .mukel-card__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      margin: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--product-comparison .mukel-card__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-card--product-comparison .mukel-card__checkbox {
      position: absolute;
      top: 36px;
      right: 24px; }
      .mukel-card--product-comparison .mukel-card__checkbox:checked + .mukel-card__mukel-checkbox::before {
        opacity: 1; }
      .mukel-card--product-comparison .mukel-card__checkbox:checked + .mukel-card__mukel-checkbox::after {
        transform: scale(1); }
      .mukel-card--product-comparison .mukel-card__checkbox--wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer; }
        .mukel-card--product-comparison .mukel-card__checkbox--wrapper::after {
          content: '';
          width: 24px;
          height: 24px;
          position: absolute;
          top: 36px;
          right: 24px;
          z-index: 2;
          border-radius: 4px;
          background-color: #fff;
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.25);
          transition: all .3s ease; }
    .mukel-card--product-comparison .mukel-card__mukel-checkbox {
      display: block; }
      .mukel-card--product-comparison .mukel-card__mukel-checkbox::before {
        content: '';
        width: 24px;
        height: 24px;
        position: absolute;
        top: 36px;
        right: 24px;
        z-index: 3;
        border-radius: 4px;
        opacity: 0;
        background-color: #fff;
        background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%);
        transition: all .3s ease; }
      .mukel-card--product-comparison .mukel-card__mukel-checkbox::after {
        position: absolute;
        font-size: 1.6rem;
        color: #fff;
        right: 28px;
        top: 40px;
        z-index: 4;
        transition: all .3s ease;
        transform: scale(0);
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
  .mukel-card--chosen-product {
    position: relative;
    transition: all 1s ease;
    float: none; }
    .mukel-card--chosen-product .mukel-card__box {
      height: 370px;
      border-radius: 8px;
      background-color: #fff;
      transition: all 1s ease; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--chosen-product .mukel-card__box {
          height: 440px; } }
    .mukel-card--chosen-product .mukel-card__img-wrapper {
      height: 162px; }
      .mukel-card--chosen-product .mukel-card__img-wrapper::after {
        content: none;
        display: none; }
    .mukel-card--chosen-product .mukel-card__img {
      border-radius: 8px;
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
    .mukel-card--chosen-product .mukel-card__txt {
      padding: 16px 0 0 0;
      position: static;
      color: #667584; }
    .mukel-card--chosen-product .mukel-card__description {
      overflow: hidden;
      display: block;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      margin-bottom: 24px;
      display: block;
      text-overflow: initial;
      line-clamp: initial;
      box-orient: initial;
      white-space: normal;
      overflow-x: auto; }
    .mukel-card--chosen-product .mukel-card__btn {
      position: absolute;
      bottom: 0;
      left: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--chosen-product .mukel-card__btn {
          right: 0; }
          .mukel-card--chosen-product .mukel-card__btn .mukel-btn {
            min-width: 100%; } }
    .mukel-card--chosen-product .mukel-card__btn-link {
      position: absolute;
      bottom: 72px;
      left: 0;
      -moz-appearance: none;
           appearance: none;
      -webkit-appearance: none; }
  .mukel-card--chosen-skeleton {
    position: relative;
    float: none;
    padding: 0 12px; }
    .mukel-card--chosen-skeleton .mukel-card__plus {
      content: '';
      cursor: pointer;
      position: absolute;
      width: 40px;
      height: 40px;
      background-image: url("../img/icon/plus.svg");
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .mukel-card--chosen-skeleton .mukel-card__box {
      height: 370px;
      border-radius: 8px;
      border: solid 2px #c2c9d1; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card--chosen-skeleton .mukel-card__box {
          width: 100%;
          height: 440px; } }

/* ==========================================================================
   MUKEL Component: Post Promo
   ========================================================================== */
.mukel-post-promo {
  width: 33.3333333%;
  float: left;
  padding: 12px; }
  .mukel-post-promo--rectangle {
    width: 66.6666666%; }
    .mukel-post-promo--rectangle .mukel-post-promo__box {
      position: relative;
      border-radius: 8px;
      overflow: hidden;
      height: 360px; }
      @media only screen and (max-width: 320px) {
        .mukel-post-promo--rectangle .mukel-post-promo__box {
          height: 328px; } }
    .mukel-post-promo--rectangle .mukel-post-promo__img-wrapper {
      height: 100%;
      position: static;
      margin-bottom: 0; }
      .mukel-post-promo--rectangle .mukel-post-promo__img-wrapper::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 74%, rgba(0, 0, 0, 0.8) 100%); }
    .mukel-post-promo--rectangle .mukel-post-promo__txt {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 16px 24px;
      color: #fff;
      z-index: 2; }
      @media only screen and (max-width: 767.98px) {
        .mukel-post-promo--rectangle .mukel-post-promo__txt {
          padding: 16px; } }
    .mukel-post-promo--rectangle .mukel-post-promo__label {
      margin-bottom: 0; }
    .mukel-post-promo--rectangle .mukel-post-promo__title .mukel-lnk {
      color: #fff; }
    .mukel-post-promo--rectangle:hover .mukel-post-promo__title .mukel-lnk {
      text-decoration: underline; }
  @media only screen and (max-width: 991.98px) {
    .mukel-post-promo {
      width: 50%; }
      .mukel-post-promo--rectangle {
        width: 100%; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-post-promo {
      width: 100%;
      float: none;
      margin-bottom: 16px;
      padding: 0; }
      .mukel-post-promo:last-child {
        margin-bottom: 0; } }
  .mukel-post-promo__box {
    height: 360px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-post-promo__box {
        height: auto; } }
  .mukel-post-promo__img-wrapper {
    height: 260px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
    position: relative; }
    @media only screen and (max-width: 767.98px) {
      .mukel-post-promo__img-wrapper {
        height: 256px; } }
    @media only screen and (max-width: 320px) {
      .mukel-post-promo__img-wrapper {
        height: 224px; } }
    .mukel-post-promo__img-wrapper .mukel-lnk {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 4;
      width: 100%;
      height: 100%;
      opacity: 0; }
    .mukel-post-promo__img-wrapper:hover .mukel-post-promo__img {
      transform: scale(1.1); }
  .mukel-post-promo__img {
    transition: all 0.5s ease;
    max-width: initial;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center; }
  .mukel-post-promo__label {
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-post-promo__label {
        font-size: 1.4rem;
        line-height: 2.4rem; } }
  .mukel-post-promo__title {
    margin-bottom: 0;
    font-size: 2.4rem;
    line-height: 3.2rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-post-promo__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-post-promo__title .mukel-lnk {
      color: #313131;
      transition: color 0.3s ease;
      text-decoration: none; }
      .mukel-post-promo__title .mukel-lnk:hover {
        color: #eb2629; }
  .mukel-post-promo__date {
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 2.2rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-post-promo__date {
        font-size: 1.4rem;
        line-height: 2.2rem; } }

/* ==========================================================================
   MUKEL Component: Widget Kurs Filter
   ========================================================================== */
.mukel-widget-xr-calc__head {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: 64px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-widget-xr-calc__head {
      margin-bottom: 16px; } }
  .mukel-widget-xr-calc__head .mukel-btn-icon {
    display: none;
    position: absolute;
    right: -4px;
    top: 4px; }
    .mukel-widget-xr-calc__head .mukel-btn-icon .mukel-fi {
      font-size: 1.6rem;
      margin-top: -8px;
      margin-left: -8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-calc__head .mukel-btn-icon {
        top: 0; } }

.mukel-widget-xr-calc__title {
  display: table-cell;
  vertical-align: middle;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-widget-xr-calc__label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #667584;
  display: block;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc__label {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc__label {
      margin-bottom: 8px; } }

.mukel-widget-xr-calc__date {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  display: none; }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc__date {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-widget-xr-calc__body {
  background-color: #fff;
  border-radius: 8px;
  padding: 32px 104px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
  @media only screen and (max-width: 1199.98px) {
    .mukel-widget-xr-calc__body {
      padding: 32px 64px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-widget-xr-calc__body {
      padding: 32px 24px; } }

.mukel-widget-xr-calc__type {
  margin-bottom: 24px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-widget-xr-calc__type {
      margin-bottom: 48px; } }
  .mukel-widget-xr-calc__type-text, .mukel-widget-xr-calc__type-option {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px; }
  .mukel-widget-xr-calc__type-text {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-calc__type-text {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 320px) {
      .mukel-widget-xr-calc__type-text {
        margin-right: 24px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-widget-xr-calc__type-option {
      margin-right: 32px; } }
  @media only screen and (max-width: 320px) {
    .mukel-widget-xr-calc__type-option {
      margin-right: 24px; } }
  .mukel-widget-xr-calc__type-option:last-child {
    margin-right: 0; }

.mukel-widget-xr-calc__form-input {
  width: 100%;
  display: table; }
  @media only screen and (max-width: 991.98px) {
    .mukel-widget-xr-calc__form-input {
      display: block; } }

.mukel-widget-xr-calc__input-col, .mukel-widget-xr-calc__switch, .mukel-widget-xr-calc__input-select, .mukel-widget-xr-calc__input-txt, .mukel-widget-xr-calc__input-btn {
  display: table-cell;
  vertical-align: middle; }

.mukel-widget-xr-calc__input-col {
  width: 400px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-widget-xr-calc__input-col {
      display: block;
      width: auto; } }

.mukel-widget-xr-calc__input-group {
  display: table;
  width: 100%;
  table-layout: fixed; }

.mukel-widget-xr-calc__input-select {
  width: 104px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc__input-select {
      width: 72px; } }

.mukel-widget-xr-calc__input-txt {
  padding-left: 24px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc__input-txt {
      padding-left: 16px; } }

.mukel-widget-xr-calc__switch {
  padding: 0 88px;
  text-align: center; }
  .mukel-widget-xr-calc__switch .mukel-btn-icon {
    width: 32px;
    height: 32px;
    padding: 0; }
  .mukel-widget-xr-calc__switch__icon {
    width: 100%;
    transition: all 0.25s ease; }
  .mukel-widget-xr-calc__switch--switched .mukel-btn-icon .mukel-widget-xr-calc__switch__icon {
    transform: rotateY(180deg); }
  @media only screen and (max-width: 1199.98px) {
    .mukel-widget-xr-calc__switch {
      padding: 0 48px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-widget-xr-calc__switch {
      display: block;
      width: auto;
      margin: 24px 0 4px;
      text-align: center;
      padding: 0 24px; }
      .mukel-widget-xr-calc__switch .mukel-btn-icon {
        transform: rotate(90deg);
        transform-origin: center center; } }

.mukel-widget-xr-calc__input-btn {
  text-align: right;
  padding-left: 64px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-widget-xr-calc__input-btn {
      padding-left: 32px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-widget-xr-calc__input-btn {
      display: block;
      margin-top: 48px;
      text-align: initial;
      padding-left: 0; }
      .mukel-widget-xr-calc__input-btn .mukel-btn {
        width: 100%; } }

.mukel-widget-xr-calc .mukel-input {
  font-weight: 700;
  border-color: #000;
  font-size: 2.4rem;
  line-height: 3.2rem;
  padding: 0 8px 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc .mukel-input {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc .mukel-input {
      padding-bottom: 4px; } }

.mukel-widget-xr-calc .mukel-select__text {
  font-weight: 700;
  border-color: #000;
  font-size: 2.4rem;
  line-height: 3.2rem;
  padding-left: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc .mukel-select__text {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .mukel-widget-xr-calc .mukel-select__text::after {
    right: 8px;
    bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-calc .mukel-select__text::after {
        right: 4px;
        bottom: 8px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc .mukel-select__text {
      padding-bottom: 4px; } }

.mukel-widget-xr-calc .mukel-select__item {
  color: #313131;
  padding-right: 32px;
  padding-left: 16px; }
  .mukel-widget-xr-calc .mukel-select__item::after {
    right: 12px; }
  .mukel-widget-xr-calc .mukel-select__item--selected {
    color: #eb2629; }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-calc .mukel-select__item {
      padding-right: 32px;
      padding-left: 8px; }
      .mukel-widget-xr-calc .mukel-select__item::after {
        right: 8px; } }

/* ==========================================================================
   MUKEL Component: Widget Kurs Table
   ========================================================================== */
.mukel-widget-xr-tbl {
  width: 100%;
  margin-bottom: 0; }
  .mukel-widget-xr-tbl-scrollover {
    font-size: 0;
    line-height: 1; }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-tbl-scrollover {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        margin-left: -16px;
        margin-right: -16px;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-widget-xr-tbl-scrollover::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-tbl-container {
      position: relative; } }
  .mukel-widget-xr-tbl__tab-wrapper {
    display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-tbl__tab-wrapper {
        margin-bottom: 16px;
        display: block; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-tbl__tab-btn {
      font-size: 2rem;
      line-height: 3.2rem;
      padding: 0 8px 16px 16px;
      color: #667584;
      position: relative;
      background-color: transparent;
      border: 0; } }
  @media only screen and (max-width: 767.98px) and (max-width: 767.98px) {
    .mukel-widget-xr-tbl__tab-btn {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-tbl__tab-btn::after {
        content: '';
        position: absolute;
        width: 32px;
        height: 4px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: #eb2629;
        transition: all .25s ease;
        transform: scaleX(0); }
      .mukel-widget-xr-tbl__tab-btn--active {
        font-weight: 700;
        color: #313131; }
        .mukel-widget-xr-tbl__tab-btn--active::after {
          transform: scaleX(1); } }
  .mukel-widget-xr-tbl-box {
    display: block;
    background-color: #fff;
    overflow-x: auto;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-tbl-box {
        overflow: hidden;
        display: inline-block; } }
    @media only screen and (max-width: 320px) {
      .mukel-widget-xr-tbl-box {
        margin-right: 16px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-widget-xr-tbl__head__row:first-child {
      display: none; } }
  .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th {
    padding: 16px 8px;
    font-weight: 700;
    text-align: center; }
    .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(1) {
      text-align: left;
      padding-left: 106px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(1) {
          padding-left: 64px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(1) {
          padding-left: 24px; } }
    .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(2) {
      padding-right: 200px; }
      @media only screen and (max-width: 1280px) {
        .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(2) {
          padding-right: 160px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(2) {
          padding-right: 88px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(2) {
          padding-right: 32px; } }
    .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(3) {
      padding-right: 104px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(3) {
          padding-right: 48px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__head__row:first-child .mukel-widget-xr-tbl__th:nth-child(3) {
          padding-right: 24px; } }
  .mukel-widget-xr-tbl__th {
    padding: 16px;
    background-color: #80909f;
    border-bottom: solid 1px #939fab;
    color: #fff;
    text-align: center;
    font-weight: 400;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-tbl__th {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-tbl__th {
        background-color: #80909f;
        color: #fff; }
        .mukel-widget-xr-tbl__th[data-type='tt'] {
          display: none; }
        .mukel-widget-xr-tbl__th[data-content='Mata Uang']::after {
          content: attr(data-content);
          display: block;
          color: #fff;
          text-align: center; }
        .mukel-widget-xr-tbl__th:nth-child(1) {
          padding-left: 24px; } }
    .mukel-widget-xr-tbl__th:nth-child(3) {
      width: 288px;
      padding-right: 200px; }
      @media only screen and (max-width: 1280px) {
        .mukel-widget-xr-tbl__th:nth-child(3) {
          width: 248px;
          padding-right: 160px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__th:nth-child(3) {
          width: 176px;
          padding-right: 88px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__th:nth-child(3) {
          width: 120px;
          padding-right: 32px; } }
    .mukel-widget-xr-tbl__th:nth-child(2), .mukel-widget-xr-tbl__th:nth-child(4) {
      width: 144px;
      padding-right: 56px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__th:nth-child(2), .mukel-widget-xr-tbl__th:nth-child(4) {
          width: 120px;
          padding-right: 32px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__th:nth-child(2), .mukel-widget-xr-tbl__th:nth-child(4) {
          width: 112px;
          padding-right: 24px; } }
    .mukel-widget-xr-tbl__th:nth-child(5) {
      width: 192px;
      padding-right: 104px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__th:nth-child(5) {
          width: 136px;
          padding-right: 48px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__th:nth-child(5) {
          width: 112px;
          padding-right: 24px; } }
  .mukel-widget-xr-tbl__body__row:nth-child(odd) .mukel-widget-xr-tbl__td {
    background-color: #fff; }
  .mukel-widget-xr-tbl__body__row:nth-child(even) .mukel-widget-xr-tbl__td {
    background-color: #f0f1f5; }
  .mukel-widget-xr-tbl__td {
    padding: 16px 8px;
    text-align: right;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584; }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-tbl__td {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-widget-xr-tbl__td[data-type="tt"] {
        display: none; } }
    .mukel-widget-xr-tbl__td:nth-child(1) {
      text-align: left;
      padding-left: 106px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__td:nth-child(1) {
          padding-left: 64px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__td:nth-child(1) {
          padding-left: 24px; } }
    .mukel-widget-xr-tbl__td:nth-child(3) {
      width: 288px;
      padding-right: 200px; }
      @media only screen and (max-width: 1280px) {
        .mukel-widget-xr-tbl__td:nth-child(3) {
          width: 248px;
          padding-right: 160px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__td:nth-child(3) {
          width: 176px;
          padding-right: 88px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__td:nth-child(3) {
          width: 120px;
          padding-right: 32px; } }
    .mukel-widget-xr-tbl__td:nth-child(2), .mukel-widget-xr-tbl__td:nth-child(4) {
      width: 144px;
      padding-right: 56px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__td:nth-child(2), .mukel-widget-xr-tbl__td:nth-child(4) {
          width: 120px;
          padding-right: 32px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__td:nth-child(2), .mukel-widget-xr-tbl__td:nth-child(4) {
          width: 112px;
          padding-right: 24px; } }
    .mukel-widget-xr-tbl__td:nth-child(5) {
      width: 192px;
      padding-right: 104px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-widget-xr-tbl__td:nth-child(5) {
          width: 136px;
          padding-right: 48px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-widget-xr-tbl__td:nth-child(5) {
          width: 120px;
          padding-right: 32px; } }
  .mukel-widget-xr-tbl__flag {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 16px;
    border: solid 1px #dae0e6; }
    .mukel-widget-xr-tbl__flag-img {
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
  .mukel-widget-xr-tbl__overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: 8px;
    background-color: rgba(49, 49, 49, 0.5); }
    .mukel-widget-xr-tbl__overlay .mukel-preloader {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

/* ==========================================================================
   MUKEL Component: Section Banner
   ========================================================================== */
.mukel-section-banner {
  position: relative;
  background-color: #c2c9d1; }
  .mukel-section-banner--light .mukel-section-banner__txt {
    color: #fff; }
  .mukel-section-banner--no-bb .mukel-section-banner__txt {
    border-bottom: 0; }
  .mukel-section-banner__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .mukel-section-banner__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    .mukel-section-banner__img-bg--m {
      display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__img-bg--d {
        display: none; }
      .mukel-section-banner__img-bg--m {
        display: block; } }
  .mukel-section-banner__txt-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4; }
  .mukel-section-banner__txt {
    padding: 64px 0 40px;
    color: #000;
    border-bottom: solid 1px #80909f; }
  .mukel-section-banner__icon-nyala {
    display: block;
    width: auto;
    height: 168px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-section-banner__icon-nyala {
        height: 120px; } }
  .mukel-section-banner__title {
    max-width: 704px;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
  .mukel-section-banner__desc {
    max-width: 704px;
    font-weight: 400;
    font-size: 2rem;
    line-height: 3.2rem;
    margin-top: 16px;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__desc {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-section-banner__btn-lnk {
    margin-top: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__btn-lnk {
        margin-top: 16px; } }
  .mukel-section-banner__btn {
    font-size: 0;
    line-height: 1;
    margin-top: 48px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__btn {
        margin-top: 32px; } }
    .mukel-section-banner__btn .mukel-btn:first-child {
      margin-right: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__btn .mukel-btn {
        display: table; }
        .mukel-section-banner__btn .mukel-btn:first-child {
          margin-right: 0;
          margin-bottom: 16px; } }
  .mukel-section-banner__sub-title {
    margin-top: 16px;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__sub-title {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-section-banner__multi-desc-wrapper {
    margin-bottom: 16px; }
  .mukel-section-banner__multi-desc {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__multi-desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-section-banner__lnk-apps {
    margin-top: 24px;
    font-size: 0;
    line-height: 1; }
    .mukel-section-banner__lnk-apps .mukel-lnk {
      display: inline-block;
      margin-right: 16px;
      transition: all 0.3s ease; }
      .mukel-section-banner__lnk-apps .mukel-lnk:last-child {
        margin-right: 0; }
      .mukel-section-banner__lnk-apps .mukel-lnk:hover {
        transform: translateY(-4px); }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner__lnk-apps {
        margin-top: 24px; }
        .mukel-section-banner__lnk-apps .mukel-lnk {
          margin-right: 16px; } }
    @media only screen and (max-width: 320px) {
      .mukel-section-banner__lnk-apps {
        margin-top: 32px; } }
  .mukel-section-banner__lnk-img {
    height: 48px; }
    @media only screen and (max-width: 370px) {
      .mukel-section-banner__lnk-img {
        height: 44px; } }
    @media only screen and (max-width: 350px) {
      .mukel-section-banner__lnk-img {
        height: 40px; } }
  .mukel-section-banner--min-height {
    min-height: 368px; }
    .mukel-section-banner--min-height .mukel-section-banner__title {
      max-width: 704px;
      font-weight: 700;
      font-size: 2rem;
      line-height: 3.2rem;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-section-banner--min-height .mukel-section-banner__title {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-section-banner--min-height .mukel-section-banner__list {
      list-style: none;
      padding: 0;
      margin-top: 8px; }
      .mukel-section-banner--min-height .mukel-section-banner__list__item {
        margin-bottom: 8px;
        font-size: 1.6rem;
        line-height: 2.4rem; }
        @media only screen and (max-width: 767.98px) {
          .mukel-section-banner--min-height .mukel-section-banner__list__item {
            font-size: 1.6rem;
            line-height: 2.4rem; } }
        .mukel-section-banner--min-height .mukel-section-banner__list__item:last-child {
          margin-bottom: 0; }
        .mukel-section-banner--min-height .mukel-section-banner__list__item .mukel-fi {
          margin-right: 4px; }
    .mukel-section-banner--min-height .mukel-section-banner__btn-lnk {
      margin-top: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-section-banner--min-height .mukel-section-banner__txt {
        padding: 32px 0; } }

/* ==========================================================================
   MUKEL Component: Section Scroll
   ========================================================================== */
.mukel-section-scroll__relative {
  position: relative; }

.mukel-section-scroll-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  z-index: 7;
  left: 36px;
  bottom: 96px; }
  .mukel-section-scroll-dots--white .mukel-section-scroll-dots__dot::after {
    background-color: #fff; }
  .mukel-section-scroll-dots--white .mukel-section-scroll-dots__dot:hover::after {
    background-color: #fff; }
  .mukel-section-scroll-dots--hide .mukel-section-scroll-dots__item {
    opacity: 0;
    transform: translateY(8px); }
  @media only screen and (max-width: 1366px) {
    .mukel-section-scroll-dots {
      left: 20px; } }
  @media only screen and (max-width: 1280px) {
    .mukel-section-scroll-dots {
      display: none; } }
  .mukel-section-scroll-dots__item {
    border: 0;
    outline: 0;
    padding: 0;
    line-height: 1;
    margin: 8px 0;
    transition: all 0.75s ease; }
    .mukel-section-scroll-dots__item:nth-child(1) {
      transition-delay: 1350ms; }
    .mukel-section-scroll-dots__item:nth-child(2) {
      transition-delay: 1450ms; }
    .mukel-section-scroll-dots__item:nth-child(3) {
      transition-delay: 1550ms; }
    .mukel-section-scroll-dots__item:nth-child(4) {
      transition-delay: 1650ms; }
    .mukel-section-scroll-dots__item:nth-child(5) {
      transition-delay: 1750ms; }
    .mukel-section-scroll-dots__item:nth-child(6) {
      transition-delay: 1850ms; }
  .mukel-section-scroll-dots__dot {
    border: 0;
    outline: 0;
    padding: 0;
    display: block;
    line-height: 1;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mukel-section-scroll-dots__dot::after {
      content: "";
      position: absolute;
      top: 4px;
      left: 4px;
      width: 8px;
      height: 8px;
      border-radius: 4px;
      background-color: #eb2629;
      transition: all 0.25s ease; }
    .mukel-section-scroll-dots__dot--active {
      height: 60px; }
      .mukel-section-scroll-dots__dot--active::after {
        height: 52px; }
    .mukel-section-scroll-dots__dot:hover::after {
      background-color: #c41432; }

/* ==========================================================================
   MUKEL Component: Section Banner
   ========================================================================== */
.mukel-prod-category-banner {
  position: relative; }
  .mukel-prod-category-banner__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
  .mukel-prod-category-banner__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    .mukel-prod-category-banner__img-bg--m {
      display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-category-banner__img-bg--d {
        display: none; }
      .mukel-prod-category-banner__img-bg--m {
        display: block; } }
  .mukel-prod-category-banner__txt-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4; }
  .mukel-prod-category-banner__txt {
    text-align: center;
    padding: 188px 0 116px;
    color: #fff;
    border-bottom: solid 1px #80909f; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-category-banner__txt {
        padding: 144px 0 292px; } }
  .mukel-prod-category-banner__title {
    width: 100%;
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-category-banner__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
  .mukel-prod-category-banner__desc {
    width: 100%;
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-category-banner__desc {
        font-size: 2rem;
        line-height: 3.2rem; } }

/* ==========================================================================
   MUKEL Component: Tagging Tab
   ========================================================================== */
.mukel-tagging-tab {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 100%; }
  .mukel-tagging-tab__wrapper {
    overflow: scroll;
    white-space: nowrap;
    padding: 16px 107px 0 107px;
    -ms-overflow-style: none; }
    @media only screen and (max-width: 991.98px) {
      .mukel-tagging-tab__wrapper {
        padding: 16px 16px 0 16px; } }
    .mukel-tagging-tab__wrapper::-webkit-scrollbar {
      display: none; }
  .mukel-tagging-tab__item {
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 16px 16px 0;
    padding: 6px 24px;
    height: 40px;
    border-radius: 32px;
    border: solid 1px #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tagging-tab__item {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-tagging-tab__item--active {
      color: #fff;
      background-color: #eb2629;
      border: 0; }
    .mukel-tagging-tab__item:hover {
      cursor: pointer; }

/* ==========================================================================
   MUKEL Component: Nyala Banner
   ========================================================================== */
.mukel-nyala-banner--red .mukel-nyala-banner__box {
  background-image: linear-gradient(97deg, #f14545 13%, #c41432 88%); }

.mukel-nyala-banner__box {
  display: table;
  height: 100%;
  width: 100%;
  background-color: #313131; }
  @media only screen and (max-width: 767.98px) {
    .mukel-nyala-banner__box {
      display: block; } }

.mukel-nyala-banner__txt {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  z-index: 2;
  padding: 48px 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-nyala-banner__txt {
      padding: 32px 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-nyala-banner__txt {
      display: block;
      padding: 24px 0; } }

.mukel-nyala-banner .mukel-col-xl-12 {
  display: table;
  table-layout: fixed; }

.mukel-nyala-banner__col {
  display: table-cell;
  vertical-align: middle;
  color: #fff; }
  .mukel-nyala-banner__col:first-child {
    width: 204px;
    padding-right: 40px; }
  .mukel-nyala-banner__col:nth-child(2) {
    padding-right: 32px; }
  .mukel-nyala-banner__col:nth-child(3) {
    width: 344px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-nyala-banner__col:first-child {
      width: 144px;
      padding-right: 32px; }
    .mukel-nyala-banner__col:nth-child(2) {
      padding-right: 24px; }
    .mukel-nyala-banner__col:nth-child(3) {
      width: 180px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-nyala-banner__col {
      display: block; }
      .mukel-nyala-banner__col:first-child {
        width: auto;
        padding-right: 0;
        margin-bottom: 24px; }
      .mukel-nyala-banner__col:nth-child(2) {
        padding-right: 0;
        margin-bottom: 24px; }
      .mukel-nyala-banner__col:nth-child(3) {
        width: auto; } }
  .mukel-nyala-banner__col .mukel-btn {
    max-width: 344px; }

.mukel-nyala-banner__img {
  width: 164px;
  display: block; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-nyala-banner__img {
      width: 112px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-nyala-banner__img {
      width: 137px; } }

.mukel-nyala-banner__title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  margin-bottom: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-nyala-banner__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-nyala-banner__title {
      margin-bottom: 16px; } }

.mukel-nyala-banner__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-nyala-banner__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-nyala-banner__prod-detail {
  margin-top: 32px; }

/* ==========================================================================
   MUKEL Component: FAQ Dropdown
   ========================================================================== */
.mukel-faq-dd {
  padding: 64px 0;
  max-width: 700px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-faq-dd {
      max-width: initial;
      padding: 48px 0; } }
  .mukel-faq-dd-txt {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 40px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-dd-txt {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-faq-dd-txt {
        margin-bottom: 16px; } }
  .mukel-faq-dd__qst {
    margin-bottom: 32px; }
  .mukel-faq-dd__ans-list {
    display: none; }
    .mukel-faq-dd__ans-list--active {
      display: block; }
  .mukel-faq-dd__ans-txt {
    margin-bottom: 32px;
    color: #667584; }
    .mukel-faq-dd__ans-txt a {
      text-decoration: none;
      transition: all .3s ease; }
      .mukel-faq-dd__ans-txt a:hover {
        text-decoration: underline;
        color: #eb2629; }
  .mukel-faq-dd__prod-detail {
    background-color: #f0f1f5; }
  .mukel-faq-dd__internship {
    background-color: #f0f1f5;
    margin-top: 32px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-faq-dd__internship {
        margin-top: 48px; } }
  .mukel-faq-dd__line {
    height: 1px;
    border-bottom: 1px;
    width: 100%;
    background-color: #80909f;
    margin-bottom: 36px; }
  .mukel-faq-dd__btm {
    display: table; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-dd__btm {
        display: block; } }
  .mukel-faq-dd__more {
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-dd__more {
        display: block; }
        .mukel-faq-dd__more:last-child {
          width: 48px; } }
  .mukel-faq-dd .mukel-faq-dd__more {
    padding-right: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-dd .mukel-faq-dd__more {
        padding-right: 0; } }

/* ==========================================================================
   MUKEL Component: Table Document Required
   ========================================================================== */
.mukel-tbl-dr {
  width: 100%;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-dr-scrollover {
      padding: 16px;
      margin-left: -16px;
      margin-right: -16px;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      .mukel-tbl-dr-scrollover::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-dr-container {
      position: relative; } }
  .mukel-tbl-dr-box {
    display: block;
    background-color: #fff;
    overflow-x: auto;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-dr-box {
        display: inline-block;
        padding: 0;
        overflow: hidden; } }
  .mukel-tbl-dr__th, .mukel-tbl-dr__td {
    border-right: 1px solid #dae0e6; }
  .mukel-tbl-dr__th {
    padding: 16px;
    background-color: #80909f;
    border-bottom: solid 1px #939fab;
    color: #fff;
    text-align: center;
    font-weight: 400;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-dr__th {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-dr__th {
        background-color: #80909f;
        color: #fff; } }
  .mukel-tbl-dr__body__row:nth-child(odd) .mukel-tbl-dr__td {
    background: #fff; }
  .mukel-tbl-dr__body__row:nth-child(even) .mukel-tbl-dr__td {
    background: #f0f1f5; }
  .mukel-tbl-dr__td {
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-dr__td {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-tbl-dr__td:nth-child(1) {
      padding-left: 48px;
      text-align: left; }
      @media only screen and (max-width: 767.98px) {
        .mukel-tbl-dr__td:nth-child(1) {
          padding-left: 16px; } }
  .mukel-tbl-dr__checklist {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #00b852; }

/* ==========================================================================
   MUKEL Component: Product Detail Banner
   ========================================================================== */
.mukel-prod-detail-banner {
  position: relative;
  height: 512px;
  width: 100%;
  display: table;
  table-layout: fixed;
  overflow: hidden; }
  @media only screen and (max-width: 991.98px) {
    .mukel-prod-detail-banner {
      height: 432px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-prod-detail-banner {
      height: 592px; } }
  .mukel-prod-detail-banner--light .mukel-prod-detail-banner__title {
    color: #313131; }
  .mukel-prod-detail-banner--light .mukel-prod-detail-banner__desc {
    color: #667584; }
  .mukel-prod-detail-banner--dark .mukel-prod-detail-banner__title,
  .mukel-prod-detail-banner--dark .mukel-prod-detail-banner__desc {
    color: #fff; }
  .mukel-prod-detail-banner__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 1.5s ease 0s; }
    .mukel-site-content--hide .mukel-prod-detail-banner__img-wrapper {
      opacity: 0;
      transform: scale(1.1); }
  .mukel-prod-detail-banner__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat; }
    .mukel-prod-detail-banner__img-bg--m {
      display: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-prod-detail-banner__img-bg {
        background-position: 75% top; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-banner__img-bg {
        background-position: right bottom; }
        .mukel-prod-detail-banner__img-bg--d {
          display: none; }
        .mukel-prod-detail-banner__img-bg--m {
          display: block; } }
  .mukel-prod-detail-banner__txt-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: table-cell;
    vertical-align: middle;
    padding-top: 48px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-banner__txt-wrapper {
        padding-top: 144px;
        vertical-align: top; } }
  .mukel-prod-detail-banner__txt {
    color: #313131;
    word-wrap: break-word; }
  .mukel-prod-detail-banner__icon-nyala {
    display: block;
    width: auto;
    height: 168px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-detail-banner__icon-nyala {
        height: 120px; } }
  .mukel-prod-detail-banner__title {
    margin-bottom: 0;
    max-width: 600px;
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    color: #313131;
    transition: all 1s ease 0.8s; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-banner__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    .mukel-site-content--hide .mukel-prod-detail-banner__title {
      opacity: 0;
      transform: translateX(16px); }
  .mukel-prod-detail-banner__desc {
    margin-top: 16px;
    margin-bottom: 0;
    max-width: 496px;
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #667584;
    transition: all 1s ease 1s; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-banner__desc {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-site-content--hide .mukel-prod-detail-banner__desc {
      opacity: 0;
      transform: translateX(16px); }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-detail-banner__desc {
        margin-top: 8px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-banner__desc {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding-right: 32px; } }
  @media only screen and (max-width: 767.98px) and (max-width: 767.98px) {
    .mukel-prod-detail-banner__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-prod-detail-banner__btn {
    margin-top: 32px;
    transition: all 1s ease 1.2s; }
    .mukel-site-content--hide .mukel-prod-detail-banner__btn {
      opacity: 0;
      transform: translateX(16px); }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-detail-banner__btn {
        margin-top: 24px; } }
    .mukel-prod-detail-banner__btn .mukel-btn:first-child {
      margin-right: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-banner__btn .mukel-btn {
        display: table; }
        .mukel-prod-detail-banner__btn .mukel-btn:first-child {
          margin-right: 0;
          margin-bottom: 16px; } }

/* ==========================================================================
   MUKEL Component: Product Detail Fragment
   ========================================================================== */
.mukel-prod-detail-fragment__img {
  width: 100%; }
  .mukel-prod-detail-fragment__img-wrapper {
    width: 32px;
    height: 32px;
    padding: 2px;
    margin-bottom: 16px; }

.mukel-prod-detail-fragment__title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-prod-detail-fragment__title {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-prod-detail-fragment__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-prod-detail-fragment__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-prod-detail-fragment__desc a {
    text-decoration: none;
    transition: color .3s ease; }
    .mukel-prod-detail-fragment__desc a:hover {
      color: #eb2629; }

.mukel-prod-detail-fragment__page {
  padding: 16px 0; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-prod-detail-fragment__page {
      height: 100%;
      padding: 0; } }
  .mukel-prod-detail-fragment__page--more-space {
    padding: 64px 0 44px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-prod-detail-fragment__page--more-space {
        padding: 56px 0 36px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-detail-fragment__page--more-space {
        padding: 56px 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-fragment__page--more-space {
        padding: 32px 0; } }
  .mukel-prod-detail-fragment__page--more-space-b {
    padding: 0 0 32px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-prod-detail-fragment__page--more-space-b {
        padding-bottom: 40px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-fragment__page--more-space-b .mukel-prod-detail-fragments {
        padding: 0; } }

.mukel-prod-detail-fragment__more {
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.2rem;
  margin-bottom: 32px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-prod-detail-fragment__more {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .mukel-prod-detail-fragment__more--large {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 48px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-fragment__more--large {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-prod-detail-fragment__page--more-space .mukel-prod-detail-fragment__more--large {
        margin-bottom: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-fragment__page--more-space .mukel-prod-detail-fragment__more--large {
        margin-bottom: 24px; } }

/* ==========================================================================
   MUKEL Component: Product Category Fragment
   ========================================================================== */
.mukel-prod-category-fragment {
  padding: 48px 56px 56px 40px;
  position: relative;
  min-height: 296px;
  overflow: hidden; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-prod-category-fragment {
      min-height: 304px;
      padding: 48px 40px 40px 32px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-prod-category-fragment {
      min-height: initial;
      padding: 32px 56px 32px 40px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-prod-category-fragment {
      padding: 32px 40px 32px 24px; } }
  .mukel-prod-category-fragment::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(0.9);
    background-image: linear-gradient(123deg, #f14545 14%, #c41432 86%);
    transition: all .35s ease; }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-category-fragment::before {
        background-image: linear-gradient(115deg, #f14545 14%, #c41432 86%); } }
    .mukel-premier-site .mukel-prod-category-fragment::before {
      background-image: linear-gradient(180deg, #bfad98 0%, #8b7866 100%); }
      @media only screen and (max-width: 991.98px) {
        .mukel-premier-site .mukel-prod-category-fragment::before {
          background-image: linear-gradient(180deg, #bfad98 0%, #8b7866 100%); } }
    .mukel-private-site .mukel-prod-category-fragment::before {
      background-image: linear-gradient(90deg, #e7e7e7 0%, #bdbdbd 100%); }
      @media only screen and (max-width: 991.98px) {
        .mukel-private-site .mukel-prod-category-fragment::before {
          background-image: linear-gradient(90deg, #e7e7e7 0%, #bdbdbd 100%); } }
  .mukel-prod-category-fragment__content {
    position: relative;
    z-index: 2; }
  .mukel-prod-category-fragment__img {
    width: 100%;
    display: block;
    position: absolute;
    transition: all .35s ease; }
    .mukel-prod-category-fragment__img--default {
      z-index: 1;
      transform: scale(1); }
    .mukel-prod-category-fragment__img--hover {
      z-index: 2;
      opacity: 0;
      transform: scale(1.1); }
    .mukel-prod-category-fragment__img-wrapper {
      width: 40px;
      height: 40px;
      margin-bottom: 24px;
      position: relative;
      overflow: hidden; }
      @media only screen and (max-width: 767.98px) {
        .mukel-prod-category-fragment__img-wrapper {
          width: 32px;
          height: 32px; } }
  .mukel-prod-category-fragment__title {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 16px;
    max-width: 168px;
    transition: color .3s ease;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-category-fragment__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-prod-category-fragment__title {
      color: #8b7866; }
    .mukel-private-site .mukel-prod-category-fragment__title {
      color: #313131; }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-category-fragment__title {
        max-width: initial; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-category-fragment__title {
        margin-bottom: 8px; } }
  .mukel-prod-category-fragment__desc {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 0;
    max-width: 312px;
    transition: color .3s ease; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-category-fragment__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-prod-category-fragment:hover::before {
    opacity: 1;
    transform: scale(1); }
  .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__img--default {
    opacity: 0;
    transform: scale(0.9); }
  .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__img--hover {
    opacity: 1;
    transform: scale(1); }
  .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__title,
  .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__desc {
    color: #fff; }
    .mukel-private-site .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__title, .mukel-private-site
    .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__desc {
      color: #313131; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-prod-category-fragment:hover::before {
      opacity: 0;
      transform: scale(0.9); }
    .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__img--default {
      opacity: 1;
      transform: scale(1); }
    .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__img--hover {
      opacity: 0;
      transform: scale(1.1); }
    .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__title {
      color: #313131; }
    .mukel-prod-category-fragment:hover .mukel-prod-category-fragment__desc {
      color: #667584; } }
  .mukel-prod-category-fragment:active::before {
    opacity: 1;
    transform: scale(1); }
  .mukel-prod-category-fragment:active .mukel-prod-category-fragment__img--default {
    opacity: 0;
    transform: scale(0.9); }
  .mukel-prod-category-fragment:active .mukel-prod-category-fragment__img--hover {
    opacity: 1;
    transform: scale(1); }
  .mukel-prod-category-fragment:active .mukel-prod-category-fragment__title,
  .mukel-prod-category-fragment:active .mukel-prod-category-fragment__desc {
    color: #fff; }
    .mukel-private-site .mukel-prod-category-fragment:active .mukel-prod-category-fragment__title, .mukel-private-site
    .mukel-prod-category-fragment:active .mukel-prod-category-fragment__desc {
      color: #313131; }

/* ==========================================================================
   MUKEL Component: Vertical Tab
   ========================================================================== */
.mukel-vertical-tab {
  display: inline-block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 288px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-vertical-tab {
      display: none; } }
  .mukel-vertical-tab__wrapper {
    position: relative; }
    .mukel-vertical-tab__wrapper--active .mukel-vertical-tab__item {
      color: #313131;
      font-weight: 700;
      border-bottom: 1px solid #eb2629; }
    .mukel-vertical-tab__wrapper--active .mukel-vertical-tab__icon {
      opacity: 1;
      transform: translateX(0); }
    .mukel-vertical-tab__wrapper--active .mukel-vertical-tab__sub-wrapper {
      height: auto; }
    .mukel-vertical-tab__wrapper--active .mukel-vertical-tab__sub-item {
      opacity: 1;
      transform: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vertical-tab__wrapper--active::after {
        content: '';
        position: absolute;
        width: 32px;
        height: 2px;
        background-color: #eb2629;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vertical-tab__wrapper {
        width: 100%;
        opacity: 0;
        border-bottom: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        transition: all .5s ease;
        text-align: center; }
        .mukel-vertical-tab__wrapper--active {
          opacity: 1;
          transition: all 1s ease; } }
  .mukel-vertical-tab__sub:first-child {
    padding-top: 8px; }
  .mukel-vertical-tab__sub:last-child {
    padding-bottom: 16px; }
  .mukel-vertical-tab__sub-wrapper {
    height: 0;
    overflow: hidden;
    padding-left: 16px; }
  .mukel-vertical-tab__sub-item {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #939fab;
    margin: 0;
    padding: 8px 0;
    cursor: pointer;
    transition: color .2s ease, opacity .35s ease, transform .35s ease;
    opacity: 0;
    transform: translateX(8px); }
    .mukel-vertical-tab__sub-item:hover {
      color: #313131; }
  .mukel-vertical-tab__sub--active .mukel-vertical-tab__sub-item {
    font-weight: 700;
    color: #313131; }
  .mukel-vertical-tab__item {
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #939fab;
    border-bottom: 1px solid #939fab;
    font-weight: 400;
    vertical-align: middle;
    padding: 16px 0;
    transition: color .3s ease;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vertical-tab__item {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-vertical-tab__item:hover {
      color: #313131; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vertical-tab__item {
        display: inline-block;
        margin: auto;
        padding-top: 0; } }
  .mukel-vertical-tab__icon {
    font-size: 1.6rem;
    line-height: 2.4rem;
    vertical-align: middle;
    color: #313131;
    position: absolute;
    top: 16px;
    right: 0;
    opacity: 0;
    transition: all .25s ease;
    transform: translateX(-8px); }
    @media only screen and (max-width: 767.98px) {
      .mukel-vertical-tab__icon {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vertical-tab__icon {
        display: none; } }
  .mukel-vertical-tab__small-icon {
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: absolute;
    color: #313131;
    display: none;
    opacity: 1;
    transition: all .5 ease;
    z-index: 5; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vertical-tab__small-icon {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vertical-tab__small-icon {
        display: inline-block;
        top: 0; }
        .mukel-vertical-tab__small-icon:first-child {
          left: 0; }
        .mukel-vertical-tab__small-icon:last-child {
          right: 0; }
        .mukel-vertical-tab__small-icon--hide {
          display: none; } }
  .mukel-vertical-tab__page {
    padding: 32px 0 64px; }
    .mukel-vertical-tab__page--faq {
      padding-top: 48px; }
    .mukel-tabs__content .mukel-vertical-tab__page {
      padding-bottom: 32px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vertical-tab__page {
        display: block;
        padding: 32px 0 48px; }
        .mukel-vertical-tab__page--faq {
          padding-top: 48px; }
        .mukel-tabs__content .mukel-vertical-tab__page {
          padding-bottom: 0; }
        .mukel-tabs__content .mukel-tabs__pane[data-pane="internship"] .mukel-vertical-tab__page {
          padding-bottom: 28px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-vertical-tab__page--faq {
        padding-top: 40px; }
      .mukel-tabs__content .mukel-vertical-tab__page {
        padding-bottom: 24px; }
      .mukel-tabs__content .mukel-tabs__pane[data-pane="internship"] .mukel-vertical-tab__page {
        padding-bottom: 24px; } }
  .mukel-vertical-tab__dd {
    display: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vertical-tab__dd {
        display: block; } }
    .mukel-vertical-tab__dd-txt {
      font-weight: 700; }
    .mukel-vertical-tab__dd__select .mukel-select__text {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700; }
      @media only screen and (max-width: 767.98px) {
        .mukel-vertical-tab__dd__select .mukel-select__text {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-vertical-tab__dd__qst {
      margin-bottom: 24px; }
    .mukel-vertical-tab__dd__ans-list {
      display: none; }
      .mukel-vertical-tab__dd__ans-list.active {
        display: block; }
  .mukel-vertical-tab--about {
    display: none;
    visibility: hidden;
    transform: translateY(-8px);
    opacity: 0;
    transition: all 0.35s ease; }
    .mukel-vertical-tab--about__active {
      display: block;
      visibility: visible;
      transform: translateY(0);
      opacity: 1; }

/* ==========================================================================
   MUKEL Component: Vertical Tab Content
   ========================================================================== */
.mukel-vt-content {
  width: 100%;
  display: none;
  vertical-align: top;
  padding: 16px 0 0 104px; }
  .mukel-vt-content[data-pane='prizes'] .mukel-vt-content__content-wrapper {
    font-size: 0;
    width: 74.25%; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vt-content[data-pane='prizes'] .mukel-vt-content__content-wrapper {
        width: 100%; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-vt-content[data-pane='prizes'] .mukel-vt-content__p-narrow {
      margin-bottom: 0; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-vt-content {
      padding: 16px 0 0 0; } }
  .mukel-vt-content__title {
    font-weight: 400;
    margin-bottom: 16px; }
    .mukel-vt-content__title--narrow {
      margin-bottom: 8px; }
    .mukel-vt-content__title--black {
      color: #313131; }
    .mukel-vt-content__title--bold {
      font-weight: 700; }
  .mukel-vt-content--active {
    display: block; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vt-content--active {
        display: block; } }
    .mukel-vt-content--active ul {
      color: #667584; }
  .mukel-vt-content__syarat {
    font-weight: 400; }
  .mukel-vt-content__table {
    width: 100%; }
  .mukel-vt-content__label-table {
    margin-top: 24px;
    margin-bottom: 0; }
  .mukel-vt-content__body {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vt-content__body {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-vt-content__body .mukel-schedule__desc:last-child {
      margin-bottom: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-vt-content__body .mukel-schedule__desc:last-child {
          margin-bottom: 16px; } }
    .mukel-vt-content__body p {
      margin-bottom: 8px; }
      .mukel-vt-content__body p:last-child {
        margin-bottom: 0; }
      .mukel-vt-content__body p strong {
        color: #313131; }
    .mukel-vt-content__body ol {
      padding-left: 0;
      margin-left: 24px; }
      .mukel-vt-content__body ol:last-child {
        margin-bottom: 0; }
      .mukel-vt-content__body ol > li {
        padding-left: 8px;
        margin-bottom: 16px; }
        .mukel-vt-content__body ol > li:last-child {
          margin-bottom: 0; }
      .mukel-vt-content__body ol ul {
        margin-top: 8px;
        list-style: disc; }
        .mukel-vt-content__body ol ul:last-child {
          margin-bottom: 0; }
        .mukel-vt-content__body ol ul > li {
          padding-left: 8px;
          margin-bottom: 8px; }
          .mukel-vt-content__body ol ul > li:last-child {
            margin-bottom: 0; }
    .mukel-vt-content__body .mukel-vt-content__iframe,
    .mukel-vt-content__body iframe {
      height: 453px;
      width: 100%;
      margin-bottom: 32px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-vt-content__body .mukel-vt-content__iframe,
        .mukel-vt-content__body iframe {
          height: 420px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-vt-content__body .mukel-vt-content__iframe,
        .mukel-vt-content__body iframe {
          height: 192px;
          margin-bottom: 24px; } }
    .mukel-vt-content__body .mukel-vt-content__about {
      position: relative; }
      .mukel-vt-content__body .mukel-vt-content__about .mukel-vt-content__iframe-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0; }
      .mukel-vt-content__body .mukel-vt-content__about .mukel-vt-content__iframe,
      .mukel-vt-content__body .mukel-vt-content__about iframe {
        height: 100%;
        width: 100%;
        margin: 0; }
  .mukel-vt-content--karir .mukel-vt-content__p,
  .mukel-vt-content--karir .mukel-vt-content p, .mukel-vt-content--karir .mukel-vt-content__ol,
  .mukel-vt-content--karir .mukel-vt-content ol, .mukel-vt-content--karir .mukel-vt-content__ul,
  .mukel-vt-content--karir .mukel-vt-content ul {
    margin-bottom: 24px; }
  .mukel-vt-content--karir .mukel-vt-content__li,
  .mukel-vt-content--karir .mukel-vt-content li {
    margin-bottom: 0px;
    padding-left: 0; }
  .mukel-vt-content--karir .mukel-vt-content__ul,
  .mukel-vt-content--karir .mukel-vt-content ul {
    padding-left: 12px; }
  .mukel-vt-content--karir .mukel-vt-content__ol,
  .mukel-vt-content--karir .mukel-vt-content ol {
    margin-left: 16px; }
  .mukel-vt-content--karir .mukel-vt-content__ul__li,
  .mukel-vt-content--karir .mukel-vt-content__ul li,
  .mukel-vt-content--karir .mukel-vt-content ul__li,
  .mukel-vt-content--karir .mukel-vt-content ul li {
    list-style-type: none;
    position: relative; }
    .mukel-vt-content--karir .mukel-vt-content__ul__li::after,
    .mukel-vt-content--karir .mukel-vt-content__ul li::after,
    .mukel-vt-content--karir .mukel-vt-content ul__li::after,
    .mukel-vt-content--karir .mukel-vt-content ul li::after {
      content: "";
      position: absolute;
      width: 4px;
      height: 4px;
      background: #667584;
      top: 9px;
      left: -12px;
      border-radius: 50%; }
  .mukel-vt-content--karir .mukel-vt-content__b,
  .mukel-vt-content--karir .mukel-vt-content b, .mukel-vt-content--karir .mukel-vt-content__i,
  .mukel-vt-content--karir .mukel-vt-content i {
    display: block; }
  .mukel-vt-content__img-prizes {
    display: inline-block;
    width: 50%; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vt-content__img-prizes {
        width: 100%;
        margin: 8px 0; } }
  .mukel-vt-content__img-content {
    width: 100%;
    margin-bottom: 32px; }
  .mukel-vt-content__content-wrapper {
    margin-bottom: 64px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vt-content__content-wrapper {
        margin-bottom: 48px; } }
    .mukel-vt-content__content-wrapper:last-child {
      margin-bottom: 0; }
    .mukel-vt-content__content-wrapper--mb-4 {
      margin-bottom: 40px; }
      .mukel-vt-content__content-wrapper--mb-4:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-vt-content__content-wrapper--mb-4 {
          margin-bottom: 40px; } }
  .mukel-vt-content__share-wrapper {
    text-align: right;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vt-content__share-wrapper {
        margin-bottom: 16px; } }
    .mukel-vt-content__share-wrapper ul {
      color: #000; }
  .mukel-vt-content__li {
    margin-bottom: 8px;
    padding-left: 0; }
    .mukel-vt-content__li:last-child {
      margin-bottom: 0; }
  .mukel-vt-content__ul {
    padding-left: 12px; }
  .mukel-vt-content__ul .mukel-vt-content__li {
    list-style-type: none;
    position: relative; }
    .mukel-vt-content__ul .mukel-vt-content__li::after {
      content: "";
      position: absolute;
      width: 4px;
      height: 4px;
      background: #667584;
      top: 9px;
      left: -12px;
      border-radius: 50%; }
  .mukel-vt-content a,
  .mukel-vt-content .mukel-lnk {
    text-decoration: none;
    transition: color .25s ease; }
    .mukel-vt-content a:hover,
    .mukel-vt-content .mukel-lnk:hover {
      color: #eb2629;
      text-decoration: underline; }
  .mukel-vt-content--landing-detail .mukel-vt-content__subtitle {
    font-weight: 700;
    margin-bottom: 8px; }
  .mukel-vt-content--landing-detail .mukel-vt-content__p,
  .mukel-vt-content--landing-detail .mukel-vt-content p, .mukel-vt-content--landing-detail .mukel-vt-content__ol,
  .mukel-vt-content--landing-detail .mukel-vt-content ol, .mukel-vt-content--landing-detail .mukel-vt-content__ul,
  .mukel-vt-content--landing-detail .mukel-vt-content ul {
    margin-bottom: 24px; }
    .mukel-vt-content--landing-detail .mukel-vt-content__p:last-child,
    .mukel-vt-content--landing-detail .mukel-vt-content p:last-child, .mukel-vt-content--landing-detail .mukel-vt-content__ol:last-child,
    .mukel-vt-content--landing-detail .mukel-vt-content ol:last-child, .mukel-vt-content--landing-detail .mukel-vt-content__ul:last-child,
    .mukel-vt-content--landing-detail .mukel-vt-content ul:last-child {
      margin-bottom: 0; }
  .mukel-vt-content--landing-detail .mukel-vt-content__p--no-margin {
    margin-bottom: 0; }
  .mukel-vt-content--landing-detail .mukel-vt-content__p-narrow {
    margin-bottom: 16px; }
  .mukel-vt-content--landing-detail .mukel-vt-content__li,
  .mukel-vt-content--landing-detail .mukel-vt-content li {
    margin-bottom: 0px;
    padding-left: 0; }
  .mukel-vt-content--landing-detail .mukel-vt-content__ul,
  .mukel-vt-content--landing-detail .mukel-vt-content ul {
    padding-left: 12px; }
  .mukel-vt-content--landing-detail .mukel-vt-content__ul--no-margin {
    margin-bottom: 0; }
  .mukel-vt-content--landing-detail .mukel-vt-content__ol,
  .mukel-vt-content--landing-detail .mukel-vt-content ol {
    margin-left: 16px; }
  .mukel-vt-content--landing-detail .mukel-vt-content__b,
  .mukel-vt-content--landing-detail .mukel-vt-content b, .mukel-vt-content--landing-detail .mukel-vt-content__strong,
  .mukel-vt-content--landing-detail .mukel-vt-content strong {
    font-weight: 700;
    color: inherit; }
  .mukel-vt-content--landing-detail .mukel-vt-content__i {
    font-style: italic; }
  .mukel-vt-content--landing-detail .mukel-vt-content__ul__li,
  .mukel-vt-content--landing-detail .mukel-vt-content__ul li,
  .mukel-vt-content--landing-detail .mukel-vt-content ul__li,
  .mukel-vt-content--landing-detail .mukel-vt-content ul li {
    list-style-type: none;
    position: relative; }
    .mukel-vt-content--landing-detail .mukel-vt-content__ul__li::after,
    .mukel-vt-content--landing-detail .mukel-vt-content__ul li::after,
    .mukel-vt-content--landing-detail .mukel-vt-content ul__li::after,
    .mukel-vt-content--landing-detail .mukel-vt-content ul li::after {
      content: "";
      position: absolute;
      width: 4px;
      height: 4px;
      background: #667584;
      top: 9px;
      left: -12px;
      border-radius: 50%; }
  .mukel-vt-content--landing-detail .mukel-vt-content__label-table__p,
  .mukel-vt-content--landing-detail .mukel-vt-content__label-table p {
    margin-bottom: 0; }
  .mukel-vt-content--landing-detail .mukel-vt-content__ol__li,
  .mukel-vt-content--landing-detail .mukel-vt-content__ol li,
  .mukel-vt-content--landing-detail .mukel-vt-content ol__li,
  .mukel-vt-content--landing-detail .mukel-vt-content ol li {
    list-style: decimal; }
    .mukel-vt-content--landing-detail .mukel-vt-content__ol__li::after,
    .mukel-vt-content--landing-detail .mukel-vt-content__ol li::after,
    .mukel-vt-content--landing-detail .mukel-vt-content ol__li::after,
    .mukel-vt-content--landing-detail .mukel-vt-content ol li::after {
      content: initial; }

/* ==========================================================================
   MUKEL Component: Table Bunga & Biaya
   ========================================================================== */
.mukel-tbl-bb {
  width: 100%;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-bb-scrollover {
      padding: 16px;
      margin-left: -16px;
      margin-right: -16px;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      .mukel-tbl-bb-scrollover::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-tbl-bb-container {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-bb-container {
      position: relative; } }
  .mukel-tbl-bb-box {
    display: block;
    background-color: #fff;
    overflow-x: auto;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-bb-box {
        display: inline-block;
        padding: 0;
        overflow: hidden; } }
  .mukel-tbl-bb__th, .mukel-tbl-bb__td {
    border-right: 1px solid #dae0e6; }
  .mukel-tbl-bb__th {
    padding: 16px;
    background-color: #80909f;
    border-bottom: solid 1px #939fab;
    color: #fff;
    text-align: center;
    font-weight: 400;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-bb__th {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-bb__th {
        background-color: #80909f;
        color: #fff; } }
  .mukel-tbl-bb__body__row:nth-child(odd) .mukel-tbl-bb__td {
    background: #fff; }
  .mukel-tbl-bb__body__row:nth-child(even) .mukel-tbl-bb__td {
    background: #f0f1f5; }
  .mukel-tbl-bb__td {
    padding: 8px;
    text-align: center;
    vertical-align: top;
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-bb__td {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-tbl-bb__td:nth-child(1) {
      width: 200px; }
    .mukel-tbl-bb__td:nth-child(2) {
      text-align: left;
      padding-left: 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-tbl-bb__td:nth-child(2) {
          padding-left: 8px; } }
    .mukel-tbl-bb__td:nth-child(3) {
      text-align: right;
      padding-right: 48px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-tbl-bb__td:nth-child(3) {
          padding-right: 24px; } }
  .mukel-tbl-bb__checklist {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #00b852; }

/* ==========================================================================
   MUKEL Component: Achievement Banner
   ========================================================================== */
.mukel-ac-banner {
  position: relative; }
  .mukel-ac-banner__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
  .mukel-ac-banner__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    .mukel-ac-banner__img-bg--m {
      display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ac-banner__img-bg {
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat; }
        .mukel-ac-banner__img-bg--d {
          display: none; }
        .mukel-ac-banner__img-bg--m {
          display: block; } }
  .mukel-ac-banner__txt-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    padding: 80px 0 96px;
    min-height: 368px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ac-banner__txt-wrapper {
        min-height: auto;
        padding: 48px 0 184px; } }
  .mukel-ac-banner__txt {
    max-width: 612px;
    word-wrap: break-word; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ac-banner__txt {
        max-width: 320px; } }
  .mukel-ac-banner__title {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 16px;
    color: #fff; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ac-banner__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ac-banner__title {
        margin-bottom: 8px; } }
  .mukel-ac-banner__desc {
    font-weight: 400;
    font-size: 2rem;
    line-height: 3.2rem;
    min-height: 64px;
    margin-bottom: 24px;
    color: #fff; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ac-banner__desc {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ac-banner__desc {
        min-height: 96px; } }

/* ==========================================================================
   MUKEL Component: Slider Testimonial
   ========================================================================== */
.mukel-slider-testimonial__item {
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial__item {
      padding-left: 32px;
      padding-right: 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-slider-testimonial__item {
      padding-left: 16px;
      padding-right: 16px; } }

.mukel-slider-testimonial__img-wrapper {
  width: calc(50% + 12px);
  padding-right: 0;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial__img-wrapper {
      width: 100%;
      z-index: 1; } }

.mukel-slider-testimonial__content {
  padding: 48px 0 48px 116px;
  float: right;
  width: 50%; }
  @media only screen and (max-width: 1280px) {
    .mukel-slider-testimonial__content {
      padding: 32px 0 32px 84px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-slider-testimonial__content {
      padding: 16px 0 16px 52px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial__content {
      float: none;
      width: 100%;
      padding: 0 24px 0 0; } }
  .mukel-slider-testimonial__content-wrapper {
    max-width: 1248px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
    z-index: 1; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-slider-testimonial__content-wrapper {
        padding-left: 32px;
        padding-right: 32px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-slider-testimonial__content-wrapper {
        position: relative;
        padding: 0;
        margin-top: -40px;
        z-index: 2; } }
    @media only screen and (max-width: 320px) {
      .mukel-slider-testimonial__content-wrapper {
        margin-top: -35px; } }

.mukel-slider-testimonial__quote, .mukel-slider-testimonial__name, .mukel-slider-testimonial__desc, .mukel-slider-testimonial__btn-lnk {
  opacity: 0;
  transition: all .75s ease;
  transition-delay: 0s;
  transform: translateX(16px); }

.mukel-slider-testimonial__quote {
  width: 149px;
  margin-bottom: 40px;
  display: block; }
  @media only screen and (max-width: 1280px) {
    .mukel-slider-testimonial__quote {
      width: 136px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-slider-testimonial__quote {
      width: 92px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial__quote {
      margin-bottom: 16px; } }
  @media only screen and (max-width: 320px) {
    .mukel-slider-testimonial__quote {
      width: 80px; } }

.mukel-slider-testimonial__name {
  margin-bottom: 16px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial__name {
      margin-bottom: 8px; } }

.mukel-slider-testimonial__desc {
  font-weight: 400;
  margin-bottom: 24px;
  max-width: 392px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial__desc {
      margin-bottom: 16px;
      max-width: initial; } }

.mukel-slider-testimonial--reverse::before, .mukel-slider-testimonial--reverse::after {
  content: " ";
  display: table; }

.mukel-slider-testimonial--reverse::after {
  clear: both; }

.mukel-slider-testimonial--reverse .mukel-slider-testimonial__img-wrapper {
  float: right; }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial--reverse .mukel-slider-testimonial__img-wrapper {
      float: none; } }

.mukel-slider-testimonial--reverse .mukel-slider-testimonial__content {
  padding: 48px 116px 48px 0;
  float: none; }
  @media only screen and (max-width: 1280px) {
    .mukel-slider-testimonial--reverse .mukel-slider-testimonial__content {
      padding: 32px 84px 32px 0; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-slider-testimonial--reverse .mukel-slider-testimonial__content {
      padding: 16px 52px 16px 0; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial--reverse .mukel-slider-testimonial__content {
      padding: 0; } }

/* ==========================================================================
   MUKEL Component: Dropdown Tagging
   ========================================================================== */
.mukel-dd-tag__wrapper {
  max-width: 392px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-dd-tag__wrapper {
      max-width: 100%; } }

.mukel-dd-tag__select .mukel-select__list {
  width: calc(100% - 48px); }

.mukel-dd-tag__select .mukel-select__item {
  padding: 6px 55px 8px 24px; }
  .mukel-dd-tag__select .mukel-select__item:last-child {
    margin-bottom: 4px; }
  .mukel-dd-tag__select .mukel-select__item__text {
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-dd-tag__select .mukel-select__item__text {
        font-size: 1.6rem;
        line-height: 2.4rem; } }

.mukel-dd-tag__select .mukel-select__text {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  padding-top: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-dd-tag__select .mukel-select__text {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Component: One Mobile
   ========================================================================== */
.mukel-nyala-htb {
  min-height: 400px;
  position: relative;
  overflow: hidden;
  background-color: #eb2629; }
  .mukel-nyala-htb__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
  .mukel-nyala-htb__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat; }
    .mukel-nyala-htb__img-bg--m {
      display: none; }
    @media only screen and (max-width: 991.98px) {
      .mukel-nyala-htb__img-bg {
        background-position: center bottom; }
        .mukel-nyala-htb__img-bg--d {
          display: none; }
        .mukel-nyala-htb__img-bg--m {
          display: block; } }
  .mukel-nyala-htb__txt-wrapper {
    display: table;
    table-layout: fixed;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4; }
  .mukel-nyala-htb__middle-align {
    padding: 88px 0 56px;
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 991.98px) {
      .mukel-nyala-htb__middle-align {
        padding: 32px 0 85%; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-nyala-htb__middle-align {
        padding-bottom: 92.5%; } }
    @media only screen and (max-width: 320px) {
      .mukel-nyala-htb__middle-align {
        padding-bottom: 100%; } }
  .mukel-nyala-htb__txt {
    color: #fff;
    max-width: 392px;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 991.98px) {
      .mukel-nyala-htb__txt {
        max-width: initial;
        margin-bottom: 40px; } }
    @media only screen and (max-width: 320px) {
      .mukel-nyala-htb__txt {
        margin-bottom: 32px; } }
  .mukel-nyala-htb__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-nyala-htb__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-nyala-htb__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-nyala-htb__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-nyala-htb__desc {
        margin-top: 8px; } }
  .mukel-nyala-htb__lnk-apps {
    margin-top: 48px;
    font-size: 0;
    line-height: 1; }
    .mukel-nyala-htb__lnk-apps .mukel-lnk {
      display: inline-block;
      margin-right: 24px;
      transition: all 0.3s ease; }
      .mukel-nyala-htb__lnk-apps .mukel-lnk:last-child {
        margin-right: 0; }
      .mukel-nyala-htb__lnk-apps .mukel-lnk:hover {
        transform: translateY(-4px); }
    @media only screen and (max-width: 991.98px) {
      .mukel-nyala-htb__lnk-apps {
        margin-top: 24px; }
        .mukel-nyala-htb__lnk-apps .mukel-lnk {
          margin-right: 16px; } }
    @media only screen and (max-width: 320px) {
      .mukel-nyala-htb__lnk-apps {
        margin-top: 16px; } }
  .mukel-nyala-htb__lnk-img {
    height: 40px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-nyala-htb__lnk-img {
        height: 48px; } }
    @media only screen and (max-width: 374px) {
      .mukel-nyala-htb__lnk-img {
        height: 40px; } }
  .mukel-nyala-htb__list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff; }
    .mukel-nyala-htb__list-wrapper {
      position: absolute;
      top: 50%;
      left: 59.5%;
      margin-top: -16px;
      transform: translateY(-50%);
      z-index: 4; }
    .mukel-nyala-htb__list__item {
      margin-bottom: 16px;
      padding-left: 40px;
      position: relative;
      font-size: 2rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-nyala-htb__list__item {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      .mukel-nyala-htb__list__item:last-child {
        margin-bottom: 0; }
      .mukel-nyala-htb__list__item .mukel-fi {
        font-size: 1.6rem;
        position: absolute;
        top: 8px;
        left: 0; }
        @media only screen and (max-width: 767.98px) {
          .mukel-nyala-htb__list__item .mukel-fi {
            top: 4px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-nyala-htb__list-wrapper {
        position: static;
        transform: none;
        margin-top: 0; }
      .mukel-nyala-htb__list__item {
        margin-bottom: 8px;
        padding-left: 24px; }
        .mukel-nyala-htb__list__item:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Component: Tabs
   ========================================================================== */
.mukel-tabs {
  /* ==========================================================================
   MUKEL Component: Tabs Controll
   ========================================================================== */ }
  .mukel-tabs__controll {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 1; }
    .mukel-tabs__controll__item {
      padding: 20px 0;
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 400;
      color: #667584;
      display: inline-block;
      vertical-align: middle;
      margin-right: 32px;
      position: relative;
      transition: color .3s ease;
      cursor: pointer;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      @media only screen and (max-width: 767.98px) {
        .mukel-tabs__controll__item {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      .mukel-premier-site .mukel-tabs__controll__item {
        color: #fff; }
      .mukel-private-site .mukel-tabs__controll__item {
        color: #fff; }
      .mukel-tabs__controll__item:last-child {
        margin-right: 0; }
      .mukel-tabs__controll__item::after {
        content: '';
        display: block;
        width: 48px;
        height: 4px;
        background-color: #eb2629;
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -24px;
        transition: all .3s ease;
        transform: scaleX(0);
        transform-origin: center center; }
        .mukel-premier-site .mukel-tabs__controll__item::after {
          background-color: #fff; }
        .mukel-private-site .mukel-tabs__controll__item::after {
          background-color: #fff; }
      .mukel-tabs__controll__item--active {
        color: #313131;
        font-weight: 700; }
        .mukel-tabs__controll__item--active::after {
          transform: scaleX(1); }
        .mukel-premier-site .mukel-tabs__controll__item--active {
          color: #fff; }
        .mukel-private-site .mukel-tabs__controll__item--active {
          color: #fff; }
      .mukel-tabs__controll__item:hover {
        color: #313131; }
        .mukel-premier-site .mukel-tabs__controll__item:hover {
          color: #fff; }
        .mukel-private-site .mukel-tabs__controll__item:hover {
          color: #fff; }
    @media only screen and (max-width: 991.98px) {
      .mukel-tabs__controll__item {
        padding: 16px 0;
        margin-right: 24px; }
        .mukel-tabs__controll__item::after {
          width: 40px;
          margin-left: -20px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-tabs__controll__item::after {
        width: 32px;
        margin-left: -16px; } }

/* ==========================================================================
   MUKEL Component: Search Banner
   ========================================================================== */
.mukel-srch-banner {
  position: relative;
  z-index: 6;
  min-height: 320px;
  background-color: #c2c9d1; }
  @media only screen and (max-width: 767.98px) {
    .mukel-srch-banner {
      min-height: 340px; } }
  .mukel-srch-banner__img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .mukel-srch-banner__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat; }
    .mukel-srch-banner__img-bg--m {
      display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-srch-banner__img-bg--d {
        display: none; }
      .mukel-srch-banner__img-bg--m {
        display: block; } }
  .mukel-srch-banner__content {
    max-width: 496px; }
    .mukel-srch-banner__content-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      padding: 136px 0 72px;
      z-index: 4; }
    @media only screen and (max-width: 991.98px) {
      .mukel-srch-banner__content {
        max-width: 400px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-srch-banner__content-wrapper {
        padding: 112px 0 140px; } }
  .mukel-srch-banner__title {
    margin-bottom: 16px; }

/* ==========================================================================
   MUKEL Component: Field
   ========================================================================== */
.mukel-field {
  margin-bottom: 24px; }
  .mukel-field--white .mukel-field__label {
    color: #fff; }
  .mukel-field--white .mukel-input {
    color: #fff;
    border-bottom: 1px solid #fff; }
    .mukel-field--white .mukel-input:-webkit-autofill, .mukel-field--white .mukel-input:-webkit-autofill:hover, .mukel-field--white .mukel-input:-webkit-autofill:focus {
      -webkit-text-fill-color: #fff;
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 400;
      -webkit-animation-name: autofilFormText;
              animation-name: autofilFormText;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      box-shadow: inset 0 0 0 48px #f0f1f5; }
      .mukel-premier-site .mukel-field--white .mukel-input:-webkit-autofill, .mukel-premier-site .mukel-field--white .mukel-input:-webkit-autofill:hover, .mukel-premier-site .mukel-field--white .mukel-input:-webkit-autofill:focus {
        box-shadow: inset 0 0 0 48px #bfad98; }
      .mukel-private-site .mukel-field--white .mukel-input:-webkit-autofill, .mukel-private-site .mukel-field--white .mukel-input:-webkit-autofill:hover, .mukel-private-site .mukel-field--white .mukel-input:-webkit-autofill:focus {
        box-shadow: inset 0 0 0 48px #aaa7ae; }
  .mukel-field--textarea {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-field--textarea {
        margin-bottom: 24px; } }
  .mukel-field--recaptcha {
    margin-bottom: 44px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-field--recaptcha {
        margin-bottom: 24px; } }
  .mukel-field--aggreement {
    margin-bottom: 40px; }
    .mukel-field--aggreement .mukel-field__error {
      padding-left: 40px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-field--aggreement {
        margin-bottom: 24px; } }
  .mukel-field--is-error .mukel-field__error {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  .mukel-field--is-error .mukel-input {
    border-color: #eb2629; }
  .mukel-field--is-error .mukel-select .mukel-select__text {
    border-color: #eb2629; }
  .mukel-field__label {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-field__label {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-field__label--mbm {
      margin-bottom: 24px; }
  .mukel-field__input--textarea {
    padding-top: 8px; }
  .mukel-field__input--checkbox {
    padding-top: 0;
    position: relative; }
    .mukel-field__input--checkbox .mukel-input {
      opacity: 0;
      border: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      z-index: 3; }
      .mukel-field__input--checkbox .mukel-input:checked + .mukel-field__input--checkbox__label::after {
        transform: scale(1); }
    .mukel-field__input--checkbox__label {
      position: relative;
      display: block;
      padding-left: 40px;
      color: #313131;
      font-size: 1.6rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-field__input--checkbox__label {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-field__input--checkbox__label::before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        top: 4px;
        left: 0;
        z-index: 1;
        box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.25); }
      .mukel-field__input--checkbox__label::after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        z-index: 2;
        top: 8px;
        left: 4px;
        background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%);
        transition: all .25s ease;
        transform: scale(0); }
    .mukel-field__input--checkbox__txt {
      padding-left: 40px; }
  .mukel-field__input--radio {
    padding-top: 0;
    position: relative; }
    .mukel-field__input--radio .mukel-input {
      opacity: 0;
      border: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      z-index: 3; }
      .mukel-field__input--radio .mukel-input:checked + .mukel-field__input--radio__label::after {
        transform: scale(1); }
    .mukel-field__input--radio__label {
      position: relative;
      display: block;
      padding-left: 24px;
      color: #313131;
      font-size: 1.6rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-field__input--radio__label {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-field__input--radio__label::before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        top: 4px;
        left: 0;
        z-index: 1;
        box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.25); }
      .mukel-field__input--radio__label::after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        z-index: 2;
        top: 8px;
        left: 4px;
        background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%);
        transition: all .25s ease;
        transform: scale(0); }
  .mukel-field__input--recaptcha {
    padding-top: 0; }
    .mukel-field__input--recaptcha iframe {
      display: block; }
  .mukel-field__input-group {
    font-size: 0;
    line-height: 1; }
    .mukel-field__input-group .mukel-field__input {
      display: inline-block;
      vertical-align: middle;
      margin-right: 40px; }
      .mukel-field__input-group .mukel-field__input:last-child {
        margin-right: 0; }
  .mukel-field__select .mukel-select__text {
    color: rgba(102, 117, 132, 0.6); }
  .mukel-field__select .mukel-select--filled .mukel-select__text {
    color: #313131; }
  .mukel-field__error {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #eb2629;
    margin: 8px 0 0;
    opacity: 0;
    min-height: 16px;
    visibility: hidden;
    transform: translateY(2px);
    transition: all .15s ease; }
    @media only screen and (max-width: 767.98px) {
      .mukel-field__error {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
  .mukel-field__note {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #667584;
    margin: 8px 0 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-field__note {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
  .mukel-field--error-note .mukel-field__note {
    color: #eb2629; }

@-webkit-keyframes autofilFormWhite {
  to {
    color: #fff;
    background: transparent; } }

@keyframes autofilFormWhite {
  to {
    color: #fff;
    background: transparent; } }

/* ==========================================================================
   MUKEL Component: Image Circle
   ========================================================================== */
.mukel-image-circle {
  position: relative;
  width: 683px;
  height: 683px;
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-image-circle {
      width: 528px;
      height: 528px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-image-circle {
      width: 400px;
      height: 400px; } }
  @media only screen and (max-width: 320px) {
    .mukel-image-circle {
      width: 360px;
      height: 360px; } }
  .mukel-image-circle__img-wrapper {
    height: 505px;
    width: 505px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-image-circle__img-wrapper {
        height: 385px;
        width: 385px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-image-circle__img-wrapper {
        width: 292px;
        height: 292px; } }
    @media only screen and (max-width: 320px) {
      .mukel-image-circle__img-wrapper {
        width: 264px;
        height: 264px; } }
  .mukel-image-circle__img {
    max-width: initial;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center; }
  .mukel-image-circle--red {
    background-color: #c41432; }
  .mukel-image-circle--blue {
    background-color: #145c93; }
  .mukel-image-circle--gray {
    background-color: #dae0e6; }
  .mukel-image-circle--premier {
    background-image: linear-gradient(to bottom, #bfad98, #8b7866); }
  .mukel-image-circle--private {
    background-image: linear-gradient(to bottom, #6a6d73, #aaa7ae); }
  .mukel-image-circle--large {
    width: 854px;
    height: 854px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-image-circle--large {
        width: 698px;
        height: 698px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-image-circle--large {
        width: 400px;
        height: 400px; } }
    @media only screen and (max-width: 320px) {
      .mukel-image-circle--large {
        width: 360px;
        height: 360px; } }
    .mukel-image-circle--large .mukel-image-circle__img-wrapper {
      width: 656px;
      height: 656px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-image-circle--large .mukel-image-circle__img-wrapper {
          width: 536px;
          height: 536px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-image-circle--large .mukel-image-circle__img-wrapper {
          width: 292px;
          height: 292px; } }
      @media only screen and (max-width: 320px) {
        .mukel-image-circle--large .mukel-image-circle__img-wrapper {
          width: 264px;
          height: 264px; } }
  .mukel-image-circle--small {
    width: 600px;
    height: 600px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-image-circle--small {
        width: 516px;
        height: 516px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-image-circle--small {
        width: 456px;
        height: 456px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-image-circle--small {
        width: 400px;
        height: 400px; } }
    @media only screen and (max-width: 320px) {
      .mukel-image-circle--small {
        width: 344px;
        height: 344px; } }
    .mukel-image-circle--small .mukel-image-circle__img-wrapper {
      width: 520px;
      height: 520px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-image-circle--small .mukel-image-circle__img-wrapper {
          width: 440px;
          height: 440px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-image-circle--small .mukel-image-circle__img-wrapper {
          width: 384px;
          height: 384px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-image-circle--small .mukel-image-circle__img-wrapper {
          width: 330px;
          height: 330px; } }
      @media only screen and (max-width: 320px) {
        .mukel-image-circle--small .mukel-image-circle__img-wrapper {
          width: 284px;
          height: 284px; } }

/* ==========================================================================
   MUKEL Component: Visi Section
   ========================================================================== */
.mukel-vision-section {
  overflow: hidden; }
  .mukel-vision-section__content {
    position: relative; }
  .mukel-vision-section__image {
    position: absolute;
    right: -298px;
    top: -308px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vision-section__image {
        right: -240px;
        top: -152px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-vision-section__image {
        right: -116px;
        top: -116px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-vision-section__image {
        right: -128px;
        top: -144px; } }
  .mukel-vision-section__txt {
    padding: 88px 0 200px;
    max-width: 496px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-vision-section__txt {
        padding: 88px 0;
        max-width: 400px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-vision-section__txt {
        padding: 264px 0 48px;
        max-width: initial; } }
    @media only screen and (max-width: 320px) {
      .mukel-vision-section__txt {
        padding: 224px 0 40px; } }
  .mukel-vision-section__title {
    color: #eb2629;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vision-section__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-vision-section__title {
        margin-bottom: 8px; } }
  .mukel-vision-section__desc {
    color: #313131;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-vision-section__desc {
        font-size: 2rem;
        line-height: 3.2rem; } }

/* ==========================================================================
   MUKEL Component: Text Column
   ========================================================================== */
.mukel-txt-col__title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt-col__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .mukel-premier-site .mukel-txt-col__title {
    color: #8b7866; }
  .mukel-private-site .mukel-txt-col__title {
    color: #6a6d73; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt-col__title {
      margin-bottom: 8px; } }

.mukel-txt-col__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 24px;
  max-width: 496px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt-col__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt-col__desc {
      max-width: initial; } }

/* ==========================================================================
   MUKEL Component: Visi Section
   ========================================================================== */
.mukel-mission-section {
  background-color: #f0f1f5;
  overflow: hidden; }
  .mukel-mission-section__content {
    position: relative;
    padding-left: 33.3333333%; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mission-section__content {
        padding-left: 25%; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-mission-section__content {
        padding-left: 0; } }
  .mukel-mission-section__image {
    position: absolute;
    left: -272px;
    top: -156px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mission-section__image {
        top: 50%;
        transform: translateY(-50%); } }
    @media only screen and (max-width: 991.98px) {
      .mukel-mission-section__image {
        left: -80px;
        top: -96px;
        transform: none; } }
  .mukel-mission-section__txt {
    padding: 88px 0 80px 44px;
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-mission-section__txt::before, .mukel-mission-section__txt::after {
      content: " ";
      display: table; }
    .mukel-mission-section__txt::after {
      clear: both; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mission-section__txt {
        padding: 72px 0 64px 48px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-mission-section__txt {
        padding: 338px 0 48px;
        margin-left: 0;
        margin-right: 0; } }
    @media only screen and (max-width: 320px) {
      .mukel-mission-section__txt {
        padding: 292px 0 40px; } }
  .mukel-mission-section__item {
    float: left;
    width: 50%;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 72px; }
    .mukel-mission-section__item:last-child, .mukel-mission-section__item:nth-last-child(2) {
      margin-bottom: 0; }
    .mukel-mission-section__item:nth-child(2n+1) {
      clear: both; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-mission-section__item {
        margin-bottom: 48px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-mission-section__item {
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 48px; }
        .mukel-mission-section__item:nth-last-child(2) {
          margin-bottom: 48px; } }
    @media only screen and (max-width: 320px) {
      .mukel-mission-section__item {
        margin-bottom: 40px; }
        .mukel-mission-section__item:nth-last-child(2) {
          margin-bottom: 40px; } }
  .mukel-mission-section__title {
    color: #313131;
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-mission-section__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-mission-section__desc {
    margin-bottom: 0;
    color: #667584; }

/* ==========================================================================
   MUKEL Component: Result List
   ========================================================================== */
.mukel-result-list__item {
  position: relative;
  padding-left: 80px;
  padding-bottom: 16px;
  border-bottom: 1px solid #c2c9d1;
  transition: border-color .3s ease; }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__item {
      padding-bottom: 12px;
      padding-left: 64px; } }
  .mukel-result-list__item .mukel-lnk {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 2; }
  .mukel-result-list__item:hover {
    border-color: #eb2629; }
    .mukel-result-list__item:hover .mukel-result-list__title {
      color: #eb2629; }
    .mukel-result-list__item:hover .mukel-result-list__desc {
      color: #313131; }
    .mukel-result-list__item:hover .mukel-result-list__txt::after {
      color: #eb2629;
      transform: translateX(4px); }

.mukel-result-list__icon {
  width: 32px; }
  .mukel-result-list__icon-box {
    width: 64px;
    height: 64px;
    padding: 16px;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-result-list__icon-box {
        padding: 12px;
        width: 48px;
        height: 48px; } }

.mukel-result-list__txt {
  min-height: 64px;
  padding-right: 56px;
  padding-top: 8px;
  position: relative; }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__txt {
      min-height: 48px;
      padding-top: 0; } }
  .mukel-result-list__txt::after {
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 1;
    font-size: 1.6rem;
    margin-top: -8px;
    color: #313131;
    font-family: "MUKEL NISP Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "";
    transition: all .3s ease; }

.mukel-result-list__title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 4px;
  transition: color .3s ease; }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__title {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-result-list__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #667584;
  margin-bottom: 0;
  max-width: 496px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .3s ease; }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__desc {
      white-space: normal;
      overflow: hidden;
      display: block;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis; } }

/* ==========================================================================
   MUKEL Component: Pagination
   ========================================================================== */
.mukel-pagination {
  text-align: center;
  font-size: 0;
  line-height: 1; }
  .mukel-pagination-container {
    margin-top: 52px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-pagination-container {
        margin-top: 32px; } }
  .mukel-pagination__item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 0 4px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 320px) {
      .mukel-pagination__item {
        width: 36px;
        height: 36px;
        margin: 0 3px; } }
    .mukel-pagination__item .mukel-lnk {
      outline: 0;
      border: 0;
      padding: 0;
      background-color: transparent;
      text-align: center;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #313131;
      z-index: 2;
      font-size: 1.6rem;
      line-height: 2.4rem;
      line-height: 40px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-pagination__item .mukel-lnk {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-pagination__item .mukel-lnk {
          line-height: 40px; } }
      @media only screen and (max-width: 320px) {
        .mukel-pagination__item .mukel-lnk {
          line-height: 36px; } }
    .mukel-pagination__item .mukel-fi {
      line-height: 40px; }
      @media only screen and (max-width: 320px) {
        .mukel-pagination__item .mukel-fi {
          line-height: 36px; } }
    .mukel-pagination__item--prev {
      margin-left: 0; }
    .mukel-pagination__item--next {
      margin-right: 0; }
    .mukel-pagination__item::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%);
      opacity: 0;
      transition: opacity .3s ease; }
    .mukel-pagination__item:hover:not(.mukel-pagination__item--disabled):not(.mukel-pagination__item--more)::after, .mukel-pagination__item--active::after {
      opacity: 1; }
    .mukel-pagination__item:hover:not(.mukel-pagination__item--disabled):not(.mukel-pagination__item--more) .mukel-lnk, .mukel-pagination__item--active .mukel-lnk {
      color: #fff; }
    .mukel-pagination__item--disabled .mukel-lnk {
      cursor: default;
      opacity: 0.5;
      pointer-events: none; }
    .mukel-pagination__item--disabled::after {
      content: none;
      display: none; }
    .mukel-pagination__item--more {
      width: 36px;
      box-shadow: none;
      background-color: transparent;
      font-size: 0;
      line-height: 1;
      padding: 18px 0; }
      .mukel-pagination__item--more::after {
        content: none;
        display: none; }
      @media only screen and (max-width: 320px) {
        .mukel-pagination__item--more {
          padding: 16px 0; } }
  .mukel-pagination__more-icon {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #80909f;
    position: relative; }
    .mukel-pagination__more-icon::before {
      content: '';
      display: inline-block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      position: absolute;
      left: -8px;
      top: 0;
      background-color: #80909f; }
    .mukel-pagination__more-icon::after {
      content: '';
      display: inline-block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      position: absolute;
      right: -8px;
      top: 0;
      background-color: #80909f; }
  .mukel-pagination--landing {
    margin-top: 24px;
    margin-bottom: 64px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-pagination--landing {
        margin-top: 0;
        margin-bottom: 48px; } }

/* ==========================================================================
   MUKEL Component: Search Filter
   ========================================================================== */
.mukel-filter-container {
  margin-bottom: 40px; }
  .mukel-filter-container:last-child {
    margin-bottom: 0; }

.mukel-filter-title {
  margin-bottom: 16px; }
  .mukel-filter-title__txt {
    margin-bottom: 0; }

.mukel-filter-checkbox {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #c2c9d1; }
  .mukel-filter-checkbox::after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    transition: all .3s ease; }
  .mukel-filter-checkbox:last-child {
    margin-bottom: 0; }
  .mukel-filter-checkbox__icon {
    width: 100%;
    vertical-align: top; }
    .mukel-filter-checkbox__icon-wrapper {
      display: block;
      width: 24px;
      height: 24px;
      padding: 2px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
  .mukel-filter-checkbox__label {
    display: block;
    padding-left: 0;
    padding-right: 32px;
    color: #667584;
    font-size: 1.6rem;
    line-height: 2.4rem;
    transition: color .3s ease;
    position: relative; }
    @media only screen and (max-width: 767.98px) {
      .mukel-filter-checkbox__label {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-filter-checkbox__label::before {
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 3;
      border-radius: 4px;
      opacity: 0;
      background-color: #fff;
      background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%);
      transition: all .3s ease; }
    .mukel-filter-checkbox__label::after {
      position: absolute;
      font-size: 1.6rem;
      color: #fff;
      right: 4px;
      top: 4px;
      z-index: 4;
      transition: all .3s ease;
      transform: scale(0);
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: ""; }
  .mukel-filter-checkbox__input {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    outline: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 5; }
    .mukel-filter-checkbox__input:checked + .mukel-filter-checkbox__label {
      color: #313131;
      font-weight: 700; }
      .mukel-filter-checkbox__input:checked + .mukel-filter-checkbox__label::before {
        opacity: 1; }
      .mukel-filter-checkbox__input:checked + .mukel-filter-checkbox__label::after {
        transform: scale(1); }
  .mukel-filter-checkbox--icon .mukel-filter-checkbox__label {
    padding-left: 32px; }

/* ==========================================================================
   MUKEL Component: CSR Description
   ========================================================================== */
.mukel-csr-description__highlight {
  margin-left: -42px;
  height: 180px; }
  @media only screen and (max-width: 1280px) {
    .mukel-csr-description__highlight {
      margin-left: -16px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-csr-description__highlight {
      height: 136px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-csr-description__highlight {
      height: 88px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-csr-description__highlight {
      margin-left: 0; } }
  @media only screen and (max-width: 374px) {
    .mukel-csr-description__highlight {
      height: 80px; } }
  @media only screen and (max-width: 320px) {
    .mukel-csr-description__highlight {
      height: 72px; } }

.mukel-csr-description__img {
  height: 100%;
  width: auto; }

.mukel-csr-description__list {
  margin-top: -32px;
  position: 2; }

.mukel-csr-description__item {
  display: table;
  width: 100%;
  max-width: 624px;
  margin-bottom: 32px; }
  .mukel-csr-description__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-csr-description__item {
      max-width: 560px; } }

.mukel-csr-description__icon {
  width: 100%; }
  .mukel-csr-description__icon-wrapper {
    display: table-cell;
    width: 64px;
    height: 64px;
    vertical-align: top; }
    @media only screen and (max-width: 767.98px) {
      .mukel-csr-description__icon-wrapper {
        width: 48px;
        height: 48px; } }

.mukel-csr-description__title {
  vertical-align: top;
  padding-left: 32px;
  display: table-cell;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.2rem;
  color: #667584; }
  @media only screen and (max-width: 767.98px) {
    .mukel-csr-description__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .mukel-csr-description__title strong {
    color: #313131; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-csr-description__title {
      padding-left: 28px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-csr-description__title {
      padding-left: 24px; } }

/* ==========================================================================
   MUKEL Component: CSR Program
   ========================================================================== */
.mukel-csr-program {
  overflow: hidden;
  position: relative;
  margin-bottom: -56px; }
  .mukel-private-site .mukel-csr-program {
    margin-bottom: -48px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-private-site .mukel-csr-program {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-private-site .mukel-csr-program {
        margin-bottom: 48px; } }
    @media only screen and (max-width: 320px) {
      .mukel-private-site .mukel-csr-program {
        margin-bottom: 40px; } }
  .mukel-csr-program:last-child {
    margin-bottom: 0; }
    .mukel-private-site .mukel-csr-program:last-child {
      margin-bottom: -120px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-private-site .mukel-csr-program:last-child {
          margin-bottom: 0; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-csr-program {
      margin-bottom: 56px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-csr-program {
      margin-bottom: 48px; } }
  @media only screen and (max-width: 320px) {
    .mukel-csr-program {
      margin-bottom: 40px; } }
  .mukel-csr-program-container {
    padding-bottom: 32px; }
    .mukel-csr-program-container--mobile-pb {
      padding-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-program-container {
        padding-bottom: 24px; }
        .mukel-csr-program-container--mobile-pb {
          padding-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-csr-program-container--mobile-pb {
        padding-bottom: 48px; } }
  .mukel-csr-program__content {
    min-height: 600px;
    display: table;
    width: 100%;
    position: relative; }

@-moz-document url-prefix() {
  .mukel-csr-program__content {
    height: 600px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program__content {
        min-height: 480px; }
      @-moz-document url-prefix() {
        .mukel-csr-program__content {
          height: 480px; } } }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-program__content {
        display: block;
        min-height: initial; }
      @-moz-document url-prefix() {
        .mukel-csr-program__content {
          height: auto; } } }
  .mukel-csr-program__img {
    width: 100%;
    height: auto; }
    .mukel-csr-program__img-wrapper {
      width: 600px;
      position: absolute;
      left: -72px;
      top: 0; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-csr-program__img-wrapper {
          width: 480px;
          left: -56px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-csr-program__img-wrapper {
          width: 400px;
          position: static;
          margin-left: -72px;
          margin-bottom: 32px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__img-wrapper {
          margin-left: -56px; } }
      @media only screen and (max-width: 320px) {
        .mukel-csr-program__img-wrapper {
          width: 360px;
          margin-bottom: 24px; } }
  .mukel-csr-program__txt {
    display: table-cell;
    vertical-align: middle;
    padding-left: 648px;
    padding-right: 72px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program__txt {
        padding-left: 504px;
        padding-right: 32px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-program__txt {
        padding-left: 0;
        padding-right: 0;
        display: block; } }
  .mukel-csr-program__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-csr-program__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-csr-program__title {
        margin-bottom: 16px; } }
    .mukel-csr-program__title--large {
      font-size: 2.4rem;
      line-height: 3.2rem;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__title--large {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__title--large {
          margin-bottom: 8px; } }
    .mukel-csr-program__title--x-large {
      font-size: 3.2rem;
      line-height: 4rem;
      margin-bottom: 16px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__title--x-large {
          font-size: 2rem;
          line-height: 3.2rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__title--x-large {
          margin-bottom: 8px; } }
  .mukel-csr-program__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-csr-program__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-csr-program__desc {
        margin-bottom: 24px; } }
    .mukel-csr-program__desc--large {
      font-size: 2.4rem;
      line-height: 3.2rem;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__desc--large {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__desc--large {
          margin-bottom: 0; } }
    .mukel-csr-program__desc--medium {
      font-size: 2rem;
      line-height: 3.2rem;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__desc--medium {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-csr-program__desc--medium {
          margin-bottom: 0; } }
  .mukel-csr-program--reverse .mukel-csr-program__img-wrapper {
    left: auto;
    right: -72px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program--reverse .mukel-csr-program__img-wrapper {
        right: -56px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-program--reverse .mukel-csr-program__img-wrapper {
        right: auto;
        left: -72px; } }
  .mukel-csr-program--reverse .mukel-csr-program__txt {
    padding-left: 0;
    padding-right: 648px;
    padding-left: 72px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program--reverse .mukel-csr-program__txt {
        padding-right: 504px;
        padding-left: 32px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-program--reverse .mukel-csr-program__txt {
        padding-right: 0;
        padding-left: 0; } }
  .mukel-csr-program--large-img .mukel-csr-program__content {
    min-height: 856px; }

@-moz-document url-prefix() {
  .mukel-csr-program--large-img .mukel-csr-program__content {
    height: 856px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program--large-img .mukel-csr-program__content {
        min-height: 600px; }
      @-moz-document url-prefix() {
        .mukel-csr-program--large-img .mukel-csr-program__content {
          height: 600px; } } }
  .mukel-csr-program--large-img .mukel-csr-program__img-wrapper {
    width: 856px;
    left: -228px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program--large-img .mukel-csr-program__img-wrapper {
        width: 600px;
        left: -120px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-program--large-img .mukel-csr-program__img-wrapper {
        width: 400px; } }
  .mukel-csr-program--large-img .mukel-csr-program__txt {
    padding-left: 728px;
    padding-right: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program--large-img .mukel-csr-program__txt {
        padding-left: 524px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-program--large-img .mukel-csr-program__txt {
        padding-left: 0; } }
  .mukel-csr-program--large-img.mukel-csr-program--reverse .mukel-csr-program__img-wrapper {
    right: -228px;
    left: auto; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program--large-img.mukel-csr-program--reverse .mukel-csr-program__img-wrapper {
        right: -120px; } }
  .mukel-csr-program--large-img.mukel-csr-program--reverse .mukel-csr-program__txt {
    padding-right: 728px;
    padding-left: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-program--large-img.mukel-csr-program--reverse .mukel-csr-program__txt {
        padding-right: 524px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-program--large-img.mukel-csr-program--reverse .mukel-csr-program__txt {
        padding-right: 0; } }

/* ==========================================================================
   MUKEL Component: No Result
   ========================================================================== */
.mukel-no-result {
  padding: 112px 0;
  text-align: center;
  display: none; }
  .mukel-no-result__img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .mukel-no-result__img-wrapper {
      width: 56px;
      height: 56px;
      margin: 0 auto 24px;
      position: relative; }
  .mukel-no-result__desc {
    margin-bottom: 0; }
  .mukel-no-result--pencapaian {
    display: block;
    clear: both; }

/* ==========================================================================
   MUKEL Component: Sort Fragment
   ========================================================================== */
.mukel-sort {
  padding: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  color: #313131;
  background-color: transparent;
  font-size: 2rem;
  line-height: 3.2rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-sort {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-sort__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0;
    height: 24px;
    width: 24px;
    margin-right: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-sort__icon {
        height: 20px;
        width: 20px;
        padding: 3px 0; } }
  .mukel-sort__bar {
    display: block;
    height: 2px;
    border-radius: 2px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    background-color: #313131;
    transition: all .35s ease; }
    .mukel-sort__bar:nth-child(1) {
      width: 20px; }
    .mukel-sort__bar:nth-child(2) {
      width: 13px; }
    .mukel-sort__bar:nth-child(3) {
      background-color: #eb2629;
      width: 7px;
      margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-sort__bar {
        margin-bottom: 3px; }
        .mukel-sort__bar:nth-child(1) {
          width: 18px; }
        .mukel-sort__bar:nth-child(2) {
          width: 11px; }
        .mukel-sort__bar:nth-child(3) {
          width: 5px; } }
  .mukel-sort--oldest .mukel-sort__bar:nth-child(1) {
    width: 7px;
    background-color: #eb2629; }
  .mukel-sort--oldest .mukel-sort__bar:nth-child(3) {
    width: 20px;
    background-color: #313131; }
  @media only screen and (max-width: 767.98px) {
    .mukel-sort--oldest .mukel-sort__bar:nth-child(1) {
      width: 5px; }
    .mukel-sort--oldest .mukel-sort__bar:nth-child(3) {
      width: 18px; } }

/* ==========================================================================
   MUKEL Component: Announcement List
   ========================================================================== */
.mukel-announcement__item {
  min-height: 64px;
  position: relative;
  padding: 16px 64px 16px 24px;
  border-radius: 8px;
  color: #313131;
  transition: all .3s ease;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
  .mukel-announcement__item::after {
    font-family: "MUKEL NISP Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    z-index: 1;
    font-size: 1.6rem;
    margin-top: -8px; }
  .mukel-announcement__item .mukel-lnk {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 2; }
  .mukel-announcement__item:hover {
    color: #eb2629;
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
  @media only screen and (max-width: 767.98px) {
    .mukel-announcement__item {
      padding: 16px 64px;
      min-height: initial; }
      .mukel-announcement__item::after {
        top: 20px;
        margin-top: 0; } }

.mukel-announcement__btn-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 2; }

.mukel-announcement__icon {
  width: 32px; }
  .mukel-announcement__icon-box {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-announcement__icon {
      width: 24px; }
      .mukel-announcement__icon-box {
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 16px;
        left: 24px;
        margin-right: 0; } }

.mukel-announcement__txt {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  transition: color .3s ease;
  max-width: 520px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-announcement__txt {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-announcement__txt {
      display: block; } }

/* ==========================================================================
   MUKEL Component: Company History
   ========================================================================== */
.mukel-company-history {
  overflow: hidden;
  margin-bottom: -88px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 991.98px) {
    .mukel-company-history {
      margin-bottom: 0;
      min-height: 512px;
      padding-bottom: 48px; } }
  .mukel-company-history__wrapper {
    position: relative; }
  .mukel-company-history__ctrl {
    position: absolute;
    left: -40px;
    top: 56px;
    z-index: 2;
    padding: 40px 0; }
    @media only screen and (max-width: 1280px) {
      .mukel-company-history__ctrl {
        left: 0;
        top: 40px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-company-history__ctrl {
        top: 64px; } }
    .mukel-company-history__ctrl .swiper-slide {
      height: auto !important; }
    .mukel-company-history__ctrl .swiper-container {
      height: 472px;
      margin-left: 8px;
      padding: 168px 0 64px;
      z-index: 3; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-company-history__ctrl .swiper-container {
          height: 352px;
          padding: 120px 0 40px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-company-history__ctrl .swiper-container {
          height: 360px;
          padding: 128px 0 48px; } }
    .mukel-company-history__ctrl::before {
      content: '';
      display: block;
      position: absolute;
      left: 16px;
      top: 8px;
      bottom: 12px;
      z-index: 2;
      border-left: solid 1px #c2c9d1; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-company-history__ctrl {
        left: -8px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-company-history__ctrl {
        left: 0; } }
    .mukel-company-history__ctrl__item {
      line-height: 1; }
      .mukel-company-history__ctrl__item--blue .mukel-company-history__ctrl__txt:hover {
        color: #145c93; }
        .mukel-company-history__ctrl__item--blue .mukel-company-history__ctrl__txt:hover::before {
          background-color: #145c93; }
      .mukel-company-history__ctrl__item--red .mukel-company-history__ctrl__txt:hover {
        color: #eb2629; }
        .mukel-company-history__ctrl__item--red .mukel-company-history__ctrl__txt:hover::before {
          background-color: #eb2629; }
      .mukel-company-history__ctrl__item--active .mukel-company-history__ctrl__txt {
        font-size: 2.4rem;
        font-weight: 700; }
        .mukel-company-history__ctrl__item--active .mukel-company-history__ctrl__txt::before {
          transform: scale(2); }
        @media only screen and (max-width: 991.98px) {
          .mukel-company-history__ctrl__item--active .mukel-company-history__ctrl__txt {
            font-size: 1.8rem; } }
      .mukel-company-history__ctrl__item--active.mukel-company-history__ctrl__item--blue .mukel-company-history__ctrl__txt {
        color: #145c93; }
        .mukel-company-history__ctrl__item--active.mukel-company-history__ctrl__item--blue .mukel-company-history__ctrl__txt::before {
          background-color: #145c93; }
      .mukel-company-history__ctrl__item--active.mukel-company-history__ctrl__item--red .mukel-company-history__ctrl__txt {
        color: #eb2629; }
        .mukel-company-history__ctrl__item--active.mukel-company-history__ctrl__item--red .mukel-company-history__ctrl__txt::before {
          background-color: #eb2629; }
    .mukel-company-history__ctrl__txt {
      outline: 0;
      padding: 0 0 0 28px;
      border: 0;
      background-color: transparent;
      position: relative;
      color: #667584;
      cursor: pointer;
      z-index: 3;
      transition: all .3s ease;
      font-size: 1.8rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 991.98px) {
        .mukel-company-history__ctrl__txt {
          line-height: 2.4rem;
          padding-left: 24px; } }
      .mukel-company-history__ctrl__txt::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 4px;
        background-color: #667584;
        transition: all .3s ease;
        transform-origin: center center; }
    .mukel-company-history__ctrl .swiper-button-prev,
    .mukel-company-history__ctrl .swiper-button-next {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      position: absolute;
      margin-top: 0;
      left: 0;
      outline: 0;
      right: auto;
      cursor: pointer;
      color: #fff;
      z-index: 3;
      background-color: #939fab;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      .mukel-company-history__ctrl .swiper-button-prev::after,
      .mukel-company-history__ctrl .swiper-button-next::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        z-index: 3;
        background-image: linear-gradient(131deg, #f14545 0%, #c41432 99%);
        transition: all .3s ease; }
      .mukel-company-history__ctrl .swiper-button-prev::before,
      .mukel-company-history__ctrl .swiper-button-next::before {
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 1.4rem;
        z-index: 4;
        transform: translate(-50%, -50%); }
      .mukel-company-history__ctrl .swiper-button-prev.swiper-button-disabled,
      .mukel-company-history__ctrl .swiper-button-next.swiper-button-disabled {
        opacity: 1;
        cursor: default; }
        .mukel-company-history__ctrl .swiper-button-prev.swiper-button-disabled::after,
        .mukel-company-history__ctrl .swiper-button-next.swiper-button-disabled::after {
          opacity: 0; }
    .mukel-company-history__ctrl .swiper-button-prev {
      top: 0; }
      .mukel-company-history__ctrl .swiper-button-prev::before {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
    .mukel-company-history__ctrl .swiper-button-next {
      top: auto;
      bottom: 0; }
      .mukel-company-history__ctrl .swiper-button-next::before {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
    .mukel-company-history__ctrl .swiper-notification {
      display: none; }
  .mukel-company-history__content {
    min-height: 707px;
    padding-left: 104px;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 1280px) {
      .mukel-company-history__content {
        padding-left: 128px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-company-history__content {
        min-height: 552px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-company-history__content {
        min-height: initial;
        padding-left: 104px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-company-history__content {
        padding-left: 90px; } }
  .mukel-company-history__pane {
    display: none; }
    .mukel-company-history__pane--active {
      display: block; }
  .mukel-company-history__image {
    position: absolute;
    right: -132px;
    top: 24px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-company-history__image {
        right: -140px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-company-history__image {
        right: -116px;
        top: -116px;
        bottom: auto; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-company-history__image {
        right: -128px;
        top: -144px; } }
    @media only screen and (max-width: 374px) {
      .mukel-company-history__image {
        right: -140px; } }
  .mukel-company-history__txt {
    max-width: 456px;
    padding: 206px 0 80px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-company-history__txt {
        padding: 128px 0 72px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-company-history__txt {
        padding: 296px 0 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-company-history__txt {
        padding-top: 280px; } }
    @media only screen and (max-width: 320px) {
      .mukel-company-history__txt {
        padding-top: 240px; } }
  .mukel-company-history__title {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-company-history__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-company-history__title {
        margin-bottom: 8px; } }
  .mukel-company-history__desc {
    margin-bottom: 0;
    color: #667584; }

/* ==========================================================================
   MUKEL Component: Company Shareholder
   ========================================================================== */
.mukel-company-shareholder {
  overflow: hidden; }
  .mukel-company-shareholder__content {
    position: relative;
    padding-left: 50%; }
    @media only screen and (max-width: 991.98px) {
      .mukel-company-shareholder__content {
        padding-left: 0; } }
  .mukel-company-shareholder__image {
    position: absolute;
    left: -132px;
    top: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-company-shareholder__image {
        left: -72px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-company-shareholder__image {
        left: -64px; } }
  .mukel-company-shareholder__txt {
    min-height: 683px;
    padding: 208px 0 184px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-company-shareholder__txt {
        min-height: 528px;
        padding: 112px 0 72px 24px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-company-shareholder__txt {
        padding: 432px 0 24px; } }
    @media only screen and (max-width: 320px) {
      .mukel-company-shareholder__txt {
        padding-top: 392px; } }
  .mukel-company-shareholder__title {
    color: #313131;
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-company-shareholder__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-company-shareholder__title {
        margin-bottom: 8px; } }
  .mukel-company-shareholder__desc {
    margin-bottom: 44px;
    color: #667584; }
    @media only screen and (max-width: 991.98px) {
      .mukel-company-shareholder__desc {
        margin-bottom: 24px; } }

/* ==========================================================================
   MUKEL Component: Search Filter
   ========================================================================== */
.mukel-filter__head {
  position: relative; }
  .mukel-filter__head--accordion {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: all .5s ease; }
    .mukel-filter__head--accordion::after {
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: "";
      font-size: 1.6rem;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -8px;
      transform: rotateX(180deg);
      transform-origin: center center;
      transition: all .5s ease; }
    .mukel-filter__head--accordion[data-accordion="mobile"] {
      cursor: default; }
      .mukel-filter__head--accordion[data-accordion="mobile"]::after {
        display: none; }
      @media only screen and (max-width: 767.98px) {
        .mukel-filter__head--accordion[data-accordion="mobile"] {
          cursor: pointer; }
          .mukel-filter__head--accordion[data-accordion="mobile"]::after {
            display: block; } }

.mukel-filter__title {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-filter__body {
  margin-top: 16px; }

.mukel-filter__element {
  opacity: 1;
  transition: all .5s ease; }

.mukel-filter__item--accordion-collapse .mukel-filter__head--accordion::after {
  transform: none; }

.mukel-filter__item--accordion-collapse .mukel-filter__element {
  opacity: 0;
  transform: translateX(8px); }

/* ==========================================================================
   MUKEL Component: Tax Amnesty Section
   ========================================================================== */
.mukel-tax-amnesty-section {
  overflow: hidden;
  position: relative;
  padding: 64px 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tax-amnesty-section {
      padding: 48px 0; } }
  .mukel-tax-amnesty-section--reverse .mukel-tax-amnesty-section__img-wrapper {
    left: auto;
    right: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-tax-amnesty-section--reverse .mukel-tax-amnesty-section__img-wrapper {
        right: 0; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-tax-amnesty-section--reverse .mukel-tax-amnesty-section__img-wrapper {
        right: auto;
        left: 0; } }
  .mukel-tax-amnesty-section--reverse .mukel-tax-amnesty-section__txt {
    padding-left: 0;
    padding-right: 728px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-tax-amnesty-section--reverse .mukel-tax-amnesty-section__txt {
        padding-right: 512px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-tax-amnesty-section--reverse .mukel-tax-amnesty-section__txt {
        padding-right: 0; } }
  .mukel-tax-amnesty-section__content {
    min-height: 600px;
    display: table;
    width: 100%;
    position: relative;
    border-radius: 50%;
    margin: 0;
    left: 0; }

@-moz-document url-prefix() {
  .mukel-tax-amnesty-section__content {
    height: 600px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-tax-amnesty-section__content {
        min-height: 480px; }
      @-moz-document url-prefix() {
        .mukel-tax-amnesty-section__content {
          height: 480px; } } }
    @media only screen and (max-width: 991.98px) {
      .mukel-tax-amnesty-section__content {
        display: block;
        min-height: initial; }
      @-moz-document url-prefix() {
        .mukel-tax-amnesty-section__content {
          height: auto; } } }
  .mukel-tax-amnesty-section__img {
    width: 100%;
    height: auto; }
    .mukel-tax-amnesty-section__img-wrapper {
      width: 600px;
      position: absolute;
      left: 0;
      top: 0; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-tax-amnesty-section__img-wrapper {
          width: 480px;
          left: 0; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-tax-amnesty-section__img-wrapper {
          width: 400px;
          position: static;
          margin-left: -72px;
          margin-bottom: 40px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-tax-amnesty-section__img-wrapper {
          margin-left: 0;
          margin-left: -56px; } }
      @media only screen and (max-width: 320px) {
        .mukel-tax-amnesty-section__img-wrapper {
          width: 360px;
          margin-bottom: 32px; } }
  .mukel-tax-amnesty-section__txt {
    display: table-cell;
    vertical-align: middle;
    padding-left: 728px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-tax-amnesty-section__txt {
        padding-left: 536px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-tax-amnesty-section__txt {
        padding-left: 0;
        display: block; } }
  .mukel-tax-amnesty-section__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tax-amnesty-section__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-tax-amnesty-section__title {
        margin-bottom: 16px; } }
  .mukel-tax-amnesty-section__desc {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tax-amnesty-section__desc {
        font-size: 1.8rem;
        line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Component: Table Calculator
   ========================================================================== */
.mukel-tbl-calc__title {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #313131;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-calc__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-tbl-calc__tbl {
  padding: 24px;
  background-color: #313131;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
  @media print {
    .mukel-tbl-calc__tbl {
      -webkit-print-color-adjust: exact;
      color-adjust: exact; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-calc__tbl {
      margin-left: -16px;
      margin-right: -16px;
      padding: 24px 16px;
      border-radius: 0; } }
  .mukel-tbl-calc__tbl__row {
    display: table;
    width: 100%;
    margin-bottom: 16px; }
    .mukel-tbl-calc__tbl__row:last-child {
      margin-bottom: 0; }
    .mukel-tbl-calc__tbl__row--bt {
      border-top: solid 1px #667584; }
      .mukel-tbl-calc__tbl__row--bt .mukel-tbl-calc__tbl__col {
        padding-top: 16px; }
  .mukel-tbl-calc__tbl__col {
    display: table-cell;
    vertical-align: top;
    color: #fff; }
    @media print {
      .mukel-tbl-calc__tbl__col {
        -webkit-print-color-adjust: exact;
        color-adjust: exact; } }
    .mukel-tbl-calc__tbl__col:last-child {
      width: 120px;
      text-align: right; }
  .mukel-tbl-calc__tbl__txt {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-calc__tbl__txt {
        font-size: 1.6rem;
        line-height: 2.4rem; } }

.mukel-tbl-calc__desc {
  margin-top: 16px;
  max-width: 704px; }
  .mukel-tbl-calc__desc__txt {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #667584;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-calc__desc__txt {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    .mukel-tbl-calc__desc__txt:last-child {
      margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-calc__desc {
      padding-right: 24px; } }

/* ==========================================================================
   MUKEL Component: Input Range Slider
   ========================================================================== */
.mukel-input-range-slider__top {
  margin-bottom: 16px; }

.mukel-input-range-slider__label {
  margin-bottom: 0;
  font-size: 0;
  line-height: 1; }
  .mukel-input-range-slider__label__txt {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: #313131;
    display: inline-block;
    vertical-align: middle; }
    @media only screen and (max-width: 767.98px) {
      .mukel-input-range-slider__label__txt {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-input-range-slider__label__txt__reg {
      font-weight: 400; }
  .mukel-input-range-slider__label__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #667584;
    margin-left: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-input-range-slider__label__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-input-range-slider__label .mukel-calc__flds__del__btn {
    margin-left: 16px; }

.mukel-input-range-slider__desc {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #667584;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-input-range-slider__desc {
      font-size: 1.4rem;
      line-height: 2.2rem; } }
  .mukel-calc__flds__item--error-desc .mukel-input-range-slider__desc {
    color: #eb2629; }

/* ==========================================================================
   MUKEL Component: Search Section
   ========================================================================== */
.mukel-search-section__form-wrapper {
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.45s ease;
  transition-delay: 200ms;
  margin-bottom: 16px; }
  .mukel-search-form--show .mukel-search-section__form-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 300ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-section__form-wrapper {
      padding: 12px 0;
      margin-bottom: 0;
      transform: translateY(4px);
      position: relative;
      z-index: 3; }
      .mukel-search-form--show .mukel-search-section__form-wrapper {
        transform: translateY(0); } }

.mukel-search-section__form {
  position: relative;
  width: 100%; }
  .mukel-search-section__form .mukel-input {
    padding-left: 44px;
    padding-right: 40px; }

.mukel-search-section .mukel-fi {
  font-size: 1.6rem;
  margin-left: -8px;
  margin-top: -8px; }

.mukel-search-section__submit {
  position: absolute;
  left: 8px;
  top: 8px;
  color: #313131; }

.mukel-search-section__close {
  position: absolute;
  top: 8px;
  right: 8px; }

.mukel-search-section .mukel-input {
  width: 100%; }

.mukel-search-section__quick-links {
  padding: 16px 24px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease;
  transition-delay: 175ms;
  height: 296px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
  .mukel-search-form--show .mukel-search-section__quick-links {
    opacity: 1;
    visibility: visible;
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-section__quick-links {
      position: absolute;
      top: 64px;
      left: 16px;
      right: 16px;
      bottom: 0;
      padding-bottom: 16px;
      z-index: 2;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      .mukel-search-section__quick-links::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; }
      .mukel-search-section__quick-links::before {
        content: none;
        display: none; } }

.mukel-search-section__no-result {
  display: none;
  text-align: center;
  padding: 72px 24px; }
  .mukel-search-section__no-result__icon {
    width: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .mukel-search-section__no-result__icon-wrapper {
      position: relative;
      width: 56px;
      height: 56px;
      margin: 0 auto 40px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-search-section__no-result__icon-wrapper {
          margin-bottom: 32px; } }
  .mukel-search-section__no-result__txt {
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-search-section__no-result__txt {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-section__no-result {
      padding: 64px 24px; } }

.mukel-search-section__title {
  margin-bottom: 8px;
  color: #313131;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.45s ease;
  transition-delay: 150ms; }
  @media only screen and (max-width: 767.98px) {
    .mukel-search-section__title {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-search-form--show .mukel-search-section__title {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-section__title {
      transform: translateY(4px); }
      .mukel-search-form--show .mukel-search-section__title {
        transform: translateY(0); } }

.mukel-search-section__list {
  list-style: none;
  margin: 0;
  padding: 0 16px 8px 0; }
  .mukel-search-section__list-container {
    margin-right: -16px;
    max-height: 232px; }

.mukel-search-section .mCSB_inside > .mCSB_container {
  margin-right: 0; }

.mukel-search-section .mCSB_scrollTools {
  width: 4px;
  opacity: 1; }

.mukel-search-section .mCSB_scrollTools .mCSB_draggerRail {
  display: none; }

.mukel-search-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  border-radius: 2px;
  background-color: #c2c9d1; }

.mukel-search-section__item {
  padding: 10px 0;
  border-bottom: solid 1px #dae0e6;
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.35s ease;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .mukel-search-section__item:nth-child(1) {
    transition-delay: 125ms; }
  .mukel-search-section__item:nth-child(2) {
    transition-delay: 100ms; }
  .mukel-search-section__item:nth-child(3) {
    transition-delay: 75ms; }
  .mukel-search-section__item:nth-child(4) {
    transition-delay: 50ms; }
  .mukel-search-section__item:nth-child(5) {
    transition-delay: 25ms; }
  .mukel-search-section__item:nth-child(6) {
    transition-delay: 0ms; }
  .mukel-search-form--show .mukel-search-section__item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
    .mukel-search-form--show .mukel-search-section__item:nth-child(1) {
      transition-delay: 400ms; }
    .mukel-search-form--show .mukel-search-section__item:nth-child(2) {
      transition-delay: 450ms; }
    .mukel-search-form--show .mukel-search-section__item:nth-child(3) {
      transition-delay: 500ms; }
    .mukel-search-form--show .mukel-search-section__item:nth-child(4) {
      transition-delay: 550ms; }
    .mukel-search-form--show .mukel-search-section__item:nth-child(5) {
      transition-delay: 600ms; }
    .mukel-search-form--show .mukel-search-section__item:nth-child(6) {
      transition-delay: 650ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-section__item {
      transform: translateY(4px); }
      .mukel-search-form--show .mukel-search-section__item {
        transform: translateY(0); } }

.mukel-search-section .mukel-lnk {
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  transition: color 0.3s ease;
  text-transform: capitalize; }
  @media only screen and (max-width: 767.98px) {
    .mukel-search-section .mukel-lnk {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-search-section .mukel-lnk:hover {
    color: #eb2629; }
    .mukel-premier-site .mukel-search-section .mukel-lnk:hover {
      color: #8b7866; }
    .mukel-private-site .mukel-search-section .mukel-lnk:hover {
      color: #6a6d73; }

.mukel-search-section__highlight {
  font-weight: 700; }

.mukel-search-section--inline {
  position: relative; }
  .mukel-search-section--inline .mukel-search-section__form .mukel-input {
    padding: 16px 96px 15px 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-search-section--inline .mukel-search-section__form .mukel-input {
        padding: 8px 32px 7px 0; } }
  .mukel-search-section--inline .mukel-search-section__form .mukel-search-section__submit {
    left: auto;
    right: 0;
    top: 16px;
    z-index: 2; }
    @media only screen and (max-width: 767.98px) {
      .mukel-search-section--inline .mukel-search-section__form .mukel-search-section__submit {
        top: 8px; } }
  .mukel-search-section--inline .mukel-search-section__form .mukel-fi {
    font-size: 2.4rem;
    margin-left: -12px;
    margin-top: -12px; }
  .mukel-search-section--inline .mukel-search-section__form-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    margin-bottom: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-search-section--inline .mukel-search-section__form-wrapper {
        padding: 0; } }
  .mukel-search-section--inline .mukel-search-section__quick-links {
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 8px; }
    .mukel-search-form--show .mukel-search-section--inline .mukel-search-section__quick-links {
      opacity: 0;
      visibility: hidden;
      transition-delay: 175ms; }
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__quick-links {
      opacity: 1;
      visibility: visible;
      transition-delay: 350ms; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-search-section--inline .mukel-search-section__quick-links {
        top: auto;
        bottom: auto; } }
  .mukel-search-form--show .mukel-search-section--inline .mukel-search-section__title {
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);
    transition-delay: 150ms; }
  .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__title {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-form--show .mukel-search-section--inline .mukel-search-section__title {
      transform: translateY(4px); }
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__title {
      transform: translateY(0); } }
  .mukel-search-form--show .mukel-search-section--inline .mukel-search-section__item {
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px); }
  .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__item:nth-child(1) {
      transition-delay: 400ms; }
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__item:nth-child(2) {
      transition-delay: 450ms; }
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__item:nth-child(3) {
      transition-delay: 500ms; }
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__item:nth-child(4) {
      transition-delay: 550ms; }
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__item:nth-child(5) {
      transition-delay: 600ms; }
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__item:nth-child(6) {
      transition-delay: 650ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-form--show-inline .mukel-search-section--inline .mukel-search-section__item {
      transform: translateY(0); } }

/* ==========================================================================
   MUKEL Component: Table Striped
   ========================================================================== */
.mukel-tbl-striped {
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped {
      min-width: 600px; } }
  .mukel-tbl-striped__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #313131;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-tbl-striped__subtitle {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 0;
    margin-top: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped__subtitle {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-tbl-striped__wrapper {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped__wrapper {
        border-radius: 0;
        overflow: initial;
        box-shadow: none;
        margin-bottom: -16px; } }
  .mukel-tbl-striped__scrollover {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped__scrollover {
        padding-left: 16px;
        padding-right: 16px;
        margin-left: -16px;
        margin-right: -16px;
        padding-bottom: 16px; }
        .mukel-tbl-striped__scrollover .mukel-tbl-striped {
          padding-right: 16px; } }
  .mukel-tbl-striped table, .mukel-tbl-striped__tbl {
    white-space: normal;
    width: 100%;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped table, .mukel-tbl-striped__tbl {
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); } }
  .mukel-tbl-striped thead tr:not(:first-child) .mukel-tbl-striped__th,
  .mukel-tbl-striped__head tr:not(:first-child) .mukel-tbl-striped__th, .mukel-tbl-striped__row-head:not(:first-child) .mukel-tbl-striped__th {
    border-top: solid 1px #fff; }
  .mukel-tbl-striped thead tr:only-child .mukel-tbl-striped__th,
  .mukel-tbl-striped__head tr:only-child .mukel-tbl-striped__th, .mukel-tbl-striped__row-head:only-child .mukel-tbl-striped__th {
    border-top: none; }
  .mukel-tbl-striped thead th,
  .mukel-tbl-striped__head th, .mukel-tbl-striped__th {
    padding: 16px;
    background-color: #80909f;
    color: #fff;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped thead th,
      .mukel-tbl-striped__head th, .mukel-tbl-striped__th {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-tbl-striped tbody .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td, .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td {
    background: #fff; }
    .mukel-tbl-striped tbody .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td[colspan], .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td[colspan] {
      background: #dae0e6; }
  .mukel-tbl-striped tbody .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td, .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td {
    background: #f0f1f5; }
    .mukel-tbl-striped tbody .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td[colspan], .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td[colspan] {
      background: #dae0e6; }
  .mukel-tbl-striped tbody td,
  .mukel-tbl-striped__body td, .mukel-tbl-striped__td {
    padding: 16px;
    vertical-align: middle;
    color: #667584;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped tbody td,
      .mukel-tbl-striped__body td, .mukel-tbl-striped__td {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-tbl-striped tbody td[colspan],
    .mukel-tbl-striped__body td[colspan], .mukel-tbl-striped__td[colspan] {
      font-weight: 700;
      color: #313131; }
    .mukel-tbl-striped tbody td strong,
    .mukel-tbl-striped__body td strong, .mukel-tbl-striped__td strong {
      color: #313131; }
  .mukel-tbl-striped__list,
  .mukel-tbl-striped ol,
  .mukel-tbl-striped ul {
    padding-left: 0;
    margin-left: 18px;
    margin-bottom: 0; }
    .mukel-tbl-striped__list__item,
    .mukel-tbl-striped__list li,
    .mukel-tbl-striped ol__item,
    .mukel-tbl-striped ol li,
    .mukel-tbl-striped ul__item,
    .mukel-tbl-striped ul li {
      padding-left: 4px;
      margin-bottom: 0; }
  .mukel-tbl-striped__legend {
    margin-top: 32px;
    font-size: 0;
    line-height: 1;
    padding: 0 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped__legend {
        margin-top: 24px; } }
    .mukel-tbl-striped__legend__item {
      display: inline-block;
      vertical-align: middle;
      margin-right: 24px; }
      .mukel-tbl-striped__legend__item:last-child {
        margin-right: 0; }
    .mukel-tbl-striped__legend__txt {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #313131;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-tbl-striped__legend__txt {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-tbl-striped__legend__separator {
      display: inline-block;
      vertical-align: middle;
      margin: 0 8px; }
    .mukel-tbl-striped__legend .mukel-fi {
      color: #00b852;
      font-size: 1.6rem;
      display: inline-block;
      vertical-align: middle; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--shareholders {
      min-width: 700px; } }
  .mukel-tbl-striped--shareholders tbody td:first-child,
  .mukel-tbl-striped--shareholders tbody .mukel-tbl-striped__td:first-child,
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body td:first-child,
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body .mukel-tbl-striped__td:first-child {
    width: 256px; }
  .mukel-tbl-striped--shareholders tbody td:nth-child(2), .mukel-tbl-striped--shareholders tbody td:nth-child(4),
  .mukel-tbl-striped--shareholders tbody .mukel-tbl-striped__td:nth-child(2),
  .mukel-tbl-striped--shareholders tbody .mukel-tbl-striped__td:nth-child(4),
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body td:nth-child(2),
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body td:nth-child(4),
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(2),
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(4) {
    text-align: right;
    padding-right: 40px; }
  .mukel-tbl-striped--shareholders tbody td:nth-child(3), .mukel-tbl-striped--shareholders tbody td:nth-child(5),
  .mukel-tbl-striped--shareholders tbody .mukel-tbl-striped__td:nth-child(3),
  .mukel-tbl-striped--shareholders tbody .mukel-tbl-striped__td:nth-child(5),
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body td:nth-child(3),
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body td:nth-child(5),
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(3),
  .mukel-tbl-striped--shareholders .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(5) {
    text-align: center; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--largest-shareholders {
      min-width: 700px; } }
  .mukel-tbl-striped--largest-shareholders thead th:nth-child(1),
  .mukel-tbl-striped--largest-shareholders thead .mukel-tbl-striped__th:nth-child(1),
  .mukel-tbl-striped--largest-shareholders .mukel-tbl-striped__head th:nth-child(1),
  .mukel-tbl-striped--largest-shareholders .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(1) {
    text-align: left; }
  .mukel-tbl-striped--largest-shareholders thead th:nth-child(3),
  .mukel-tbl-striped--largest-shareholders thead .mukel-tbl-striped__th:nth-child(3),
  .mukel-tbl-striped--largest-shareholders .mukel-tbl-striped__head th:nth-child(3),
  .mukel-tbl-striped--largest-shareholders .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(3) {
    text-align: center;
    padding-right: 48px;
    width: 116px; }
  .mukel-tbl-striped--largest-shareholders tbody td:nth-child(2),
  .mukel-tbl-striped--largest-shareholders tbody .mukel-tbl-striped__td:nth-child(2),
  .mukel-tbl-striped--largest-shareholders .mukel-tbl-striped__body td:nth-child(2),
  .mukel-tbl-striped--largest-shareholders .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(2) {
    width: 256px;
    text-align: center; }
  .mukel-tbl-striped--largest-shareholders tbody td:nth-child(3),
  .mukel-tbl-striped--largest-shareholders tbody .mukel-tbl-striped__td:nth-child(3),
  .mukel-tbl-striped--largest-shareholders .mukel-tbl-striped__body td:nth-child(3),
  .mukel-tbl-striped--largest-shareholders .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(3) {
    text-align: right;
    padding-right: 48px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--financial-overview {
      min-width: 808px; } }
  .mukel-tbl-striped--financial-overview thead th:nth-child(1),
  .mukel-tbl-striped--financial-overview thead .mukel-tbl-striped__th:nth-child(1),
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__head th:nth-child(1),
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(1) {
    text-align: left; }
  .mukel-tbl-striped--financial-overview tbody tr:nth-child(odd) td,
  .mukel-tbl-striped--financial-overview tbody tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--financial-overview tbody .mukel-tbl-striped__tr:nth-child(odd) td,
  .mukel-tbl-striped--financial-overview tbody .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body tr:nth-child(odd) td,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(odd) td,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td {
    background: #f0f1f5; }
  .mukel-tbl-striped--financial-overview tbody tr:nth-child(even) td,
  .mukel-tbl-striped--financial-overview tbody tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--financial-overview tbody .mukel-tbl-striped__tr:nth-child(even) td,
  .mukel-tbl-striped--financial-overview tbody .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body tr:nth-child(even) td,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(even) td,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td {
    background: #fff; }
  .mukel-tbl-striped--financial-overview tbody td:not(:first-child),
  .mukel-tbl-striped--financial-overview tbody .mukel-tbl-striped__td:not(:first-child),
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body td:not(:first-child),
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body .mukel-tbl-striped__td:not(:first-child) {
    text-align: center; }
  .mukel-tbl-striped--financial-overview tbody td:first-child,
  .mukel-tbl-striped--financial-overview tbody .mukel-tbl-striped__td:first-child,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body td:first-child,
  .mukel-tbl-striped--financial-overview .mukel-tbl-striped__body .mukel-tbl-striped__td:first-child {
    width: 256px; }
  .mukel-tbl-striped--fitch-rating thead th:nth-child(1),
  .mukel-tbl-striped--fitch-rating thead .mukel-tbl-striped__th:nth-child(1),
  .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__head th:nth-child(1),
  .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(1), .mukel-tbl-striped--pefindo thead th:nth-child(1),
  .mukel-tbl-striped--pefindo thead .mukel-tbl-striped__th:nth-child(1),
  .mukel-tbl-striped--pefindo .mukel-tbl-striped__head th:nth-child(1),
  .mukel-tbl-striped--pefindo .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(1) {
    text-align: left; }
  .mukel-tbl-striped--fitch-rating thead th:nth-child(2),
  .mukel-tbl-striped--fitch-rating thead .mukel-tbl-striped__th:nth-child(2),
  .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__head th:nth-child(2),
  .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(2), .mukel-tbl-striped--pefindo thead th:nth-child(2),
  .mukel-tbl-striped--pefindo thead .mukel-tbl-striped__th:nth-child(2),
  .mukel-tbl-striped--pefindo .mukel-tbl-striped__head th:nth-child(2),
  .mukel-tbl-striped--pefindo .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(2) {
    width: 292px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped--fitch-rating thead th:nth-child(2),
      .mukel-tbl-striped--fitch-rating thead .mukel-tbl-striped__th:nth-child(2),
      .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__head th:nth-child(2),
      .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(2), .mukel-tbl-striped--pefindo thead th:nth-child(2),
      .mukel-tbl-striped--pefindo thead .mukel-tbl-striped__th:nth-child(2),
      .mukel-tbl-striped--pefindo .mukel-tbl-striped__head th:nth-child(2),
      .mukel-tbl-striped--pefindo .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(2) {
        width: 200px; } }
  .mukel-tbl-striped--fitch-rating tbody td:nth-child(2),
  .mukel-tbl-striped--fitch-rating tbody .mukel-tbl-striped__td:nth-child(2),
  .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__body td:nth-child(2),
  .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(2), .mukel-tbl-striped--pefindo tbody td:nth-child(2),
  .mukel-tbl-striped--pefindo tbody .mukel-tbl-striped__td:nth-child(2),
  .mukel-tbl-striped--pefindo .mukel-tbl-striped__body td:nth-child(2),
  .mukel-tbl-striped--pefindo .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(2) {
    text-align: center;
    width: 292px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped--fitch-rating tbody td:nth-child(2),
      .mukel-tbl-striped--fitch-rating tbody .mukel-tbl-striped__td:nth-child(2),
      .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__body td:nth-child(2),
      .mukel-tbl-striped--fitch-rating .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(2), .mukel-tbl-striped--pefindo tbody td:nth-child(2),
      .mukel-tbl-striped--pefindo tbody .mukel-tbl-striped__td:nth-child(2),
      .mukel-tbl-striped--pefindo .mukel-tbl-striped__body td:nth-child(2),
      .mukel-tbl-striped--pefindo .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(2) {
        width: 200px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--equity-action {
      min-width: 872px; } }
  .mukel-tbl-striped--equity-action tbody td,
  .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td,
  .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td,
  .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td {
    padding: 16px 8px;
    vertical-align: top; }
    .mukel-tbl-striped--equity-action tbody td:first-child,
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:first-child,
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:first-child,
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:first-child {
      padding-left: 16px; }
    .mukel-tbl-striped--equity-action tbody td:last-child,
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:last-child,
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:last-child,
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:last-child {
      padding-right: 16px; }
    .mukel-tbl-striped--equity-action tbody td:nth-child(2), .mukel-tbl-striped--equity-action tbody td:nth-child(3), .mukel-tbl-striped--equity-action tbody td:nth-child(4), .mukel-tbl-striped--equity-action tbody td:nth-child(5), .mukel-tbl-striped--equity-action tbody td:nth-child(7),
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:nth-child(2),
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:nth-child(3),
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:nth-child(4),
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:nth-child(5),
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:nth-child(7),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:nth-child(2),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:nth-child(3),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:nth-child(4),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:nth-child(5),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:nth-child(7),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(2),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(3),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(4),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(5),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(7) {
      text-align: center; }
    .mukel-tbl-striped--equity-action tbody td:nth-child(6),
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:nth-child(6),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:nth-child(6),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(6) {
      text-align: right; }
    .mukel-tbl-striped--equity-action tbody td:nth-child(7),
    .mukel-tbl-striped--equity-action tbody .mukel-tbl-striped__td:nth-child(7),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body td:nth-child(7),
    .mukel-tbl-striped--equity-action .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(7) {
      width: 129px; }
  .mukel-tbl-striped--stock-transactions thead th,
  .mukel-tbl-striped--stock-transactions thead .mukel-tbl-striped__th,
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__head th,
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__head .mukel-tbl-striped__th {
    padding-top: 16px;
    vertical-align: top; }
    .mukel-tbl-striped--stock-transactions thead th:first-child,
    .mukel-tbl-striped--stock-transactions thead .mukel-tbl-striped__th:first-child,
    .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__head th:first-child,
    .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__head .mukel-tbl-striped__th:first-child {
      width: 176px;
      text-align: left;
      padding-right: 8px;
      padding-left: 16px; }
    .mukel-tbl-striped--stock-transactions thead th:not(:first-child),
    .mukel-tbl-striped--stock-transactions thead .mukel-tbl-striped__th:not(:first-child),
    .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__head th:not(:first-child),
    .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__head .mukel-tbl-striped__th:not(:first-child) {
      width: 122px;
      padding-left: 12px;
      padding-right: 12px; }
    .mukel-tbl-striped--stock-transactions thead th:last-child,
    .mukel-tbl-striped--stock-transactions thead .mukel-tbl-striped__th:last-child,
    .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__head th:last-child,
    .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__head .mukel-tbl-striped__th:last-child {
      padding-right: 16px; }
  .mukel-tbl-striped--stock-transactions tbody tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--stock-transactions tbody .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__body tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td {
    background: #f0f1f5; }
  .mukel-tbl-striped--stock-transactions tbody tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--stock-transactions tbody .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__body tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td {
    background: #fff; }
  .mukel-tbl-striped--stock-transactions tbody td:first-child,
  .mukel-tbl-striped--stock-transactions tbody .mukel-tbl-striped__td:first-child,
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__body td:first-child,
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__body .mukel-tbl-striped__td:first-child {
    width: 161px; }
  .mukel-tbl-striped--stock-transactions tbody td:not(:first-child),
  .mukel-tbl-striped--stock-transactions tbody .mukel-tbl-striped__td:not(:first-child),
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__body td:not(:first-child),
  .mukel-tbl-striped--stock-transactions .mukel-tbl-striped__body .mukel-tbl-striped__td:not(:first-child) {
    text-align: right;
    padding-right: 24px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--bond-action {
      min-width: 872px; } }
  .mukel-tbl-striped--bond-action thead th,
  .mukel-tbl-striped--bond-action thead .mukel-tbl-striped__th,
  .mukel-tbl-striped--bond-action .mukel-tbl-striped__head th,
  .mukel-tbl-striped--bond-action .mukel-tbl-striped__head .mukel-tbl-striped__th {
    padding-left: 8px;
    padding-right: 8px; }
    .mukel-tbl-striped--bond-action thead th:first-child,
    .mukel-tbl-striped--bond-action thead .mukel-tbl-striped__th:first-child,
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__head th:first-child,
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__head .mukel-tbl-striped__th:first-child {
      text-align: left;
      padding-left: 16px; }
    .mukel-tbl-striped--bond-action thead th:nth-child(8),
    .mukel-tbl-striped--bond-action thead .mukel-tbl-striped__th:nth-child(8),
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__head th:nth-child(8),
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__head .mukel-tbl-striped__th:nth-child(8) {
      width: 80px; }
    .mukel-tbl-striped--bond-action thead th:last-child,
    .mukel-tbl-striped--bond-action thead .mukel-tbl-striped__th:last-child,
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__head th:last-child,
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__head .mukel-tbl-striped__th:last-child {
      text-align: right;
      width: 122px;
      padding-right: 16px; }
  .mukel-tbl-striped--bond-action tbody tr:last-child .mukel-tbl-striped__td,
  .mukel-tbl-striped--bond-action tbody .mukel-tbl-striped__tr:last-child .mukel-tbl-striped__td,
  .mukel-tbl-striped--bond-action .mukel-tbl-striped__body tr:last-child .mukel-tbl-striped__td,
  .mukel-tbl-striped--bond-action .mukel-tbl-striped__body .mukel-tbl-striped__tr:last-child .mukel-tbl-striped__td {
    vertical-align: top;
    background: #f0f1f5; }
  .mukel-tbl-striped--bond-action tbody td,
  .mukel-tbl-striped--bond-action tbody .mukel-tbl-striped__td,
  .mukel-tbl-striped--bond-action .mukel-tbl-striped__body td,
  .mukel-tbl-striped--bond-action .mukel-tbl-striped__body .mukel-tbl-striped__td {
    word-break: break-word; }
    .mukel-tbl-striped--bond-action tbody td:not(:first-child),
    .mukel-tbl-striped--bond-action tbody .mukel-tbl-striped__td:not(:first-child),
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__body td:not(:first-child),
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__body .mukel-tbl-striped__td:not(:first-child) {
      vertical-align: top;
      text-align: center;
      padding: 16px 0px; }
    .mukel-tbl-striped--bond-action tbody td:first-child,
    .mukel-tbl-striped--bond-action tbody .mukel-tbl-striped__td:first-child,
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__body td:first-child,
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__body .mukel-tbl-striped__td:first-child {
      width: 88px;
      padding-right: 0; }
    .mukel-tbl-striped--bond-action tbody td:nth-child(4),
    .mukel-tbl-striped--bond-action tbody .mukel-tbl-striped__td:nth-child(4),
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__body td:nth-child(4),
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(4) {
      width: 64px; }
    .mukel-tbl-striped--bond-action tbody td:last-child,
    .mukel-tbl-striped--bond-action tbody .mukel-tbl-striped__td:last-child,
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__body td:last-child,
    .mukel-tbl-striped--bond-action .mukel-tbl-striped__body .mukel-tbl-striped__td:last-child {
      padding-right: 8px; }
  .mukel-tbl-striped--sbdb-idr tbody td,
  .mukel-tbl-striped--sbdb-idr tbody .mukel-tbl-striped__td,
  .mukel-tbl-striped--sbdb-idr .mukel-tbl-striped__body td,
  .mukel-tbl-striped--sbdb-idr .mukel-tbl-striped__body .mukel-tbl-striped__td {
    text-align: center; }
  .mukel-tbl-striped--sbdb-usd thead tr:not(:first-child) th,
  .mukel-tbl-striped--sbdb-usd thead tr:not(:first-child) .mukel-tbl-striped__th,
  .mukel-tbl-striped--sbdb-usd thead .mukel-tbl-striped__row-head:not(:first-child) th,
  .mukel-tbl-striped--sbdb-usd thead .mukel-tbl-striped__row-head:not(:first-child) .mukel-tbl-striped__th,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__head tr:not(:first-child) th,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__head tr:not(:first-child) .mukel-tbl-striped__th,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__head .mukel-tbl-striped__row-head:not(:first-child) th,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__head .mukel-tbl-striped__row-head:not(:first-child) .mukel-tbl-striped__th {
    font-weight: 400; }
  .mukel-tbl-striped--sbdb-usd thead tr th:first-child,
  .mukel-tbl-striped--sbdb-usd thead tr .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--sbdb-usd thead .mukel-tbl-striped__row-head th:first-child,
  .mukel-tbl-striped--sbdb-usd thead .mukel-tbl-striped__row-head .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__head tr th:first-child,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__head tr .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__head .mukel-tbl-striped__row-head th:first-child,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__head .mukel-tbl-striped__row-head .mukel-tbl-striped__th:first-child {
    width: 208px; }
  .mukel-tbl-striped--sbdb-usd tbody td,
  .mukel-tbl-striped--sbdb-usd tbody .mukel-tbl-striped__td,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__body td,
  .mukel-tbl-striped--sbdb-usd .mukel-tbl-striped__body .mukel-tbl-striped__td {
    text-align: center; }
  .mukel-tbl-striped--sbdk tbody tr,
  .mukel-tbl-striped--sbdk tbody .mukel-tbl-striped__tr,
  .mukel-tbl-striped--sbdk .mukel-tbl-striped__body tr,
  .mukel-tbl-striped--sbdk .mukel-tbl-striped__body .mukel-tbl-striped__tr {
    text-align: center; }
    .mukel-tbl-striped--sbdk tbody tr:first-child td:last-child,
    .mukel-tbl-striped--sbdk tbody tr:first-child .mukel-tbl-striped__td:last-child,
    .mukel-tbl-striped--sbdk tbody .mukel-tbl-striped__tr:first-child td:last-child,
    .mukel-tbl-striped--sbdk tbody .mukel-tbl-striped__tr:first-child .mukel-tbl-striped__td:last-child,
    .mukel-tbl-striped--sbdk .mukel-tbl-striped__body tr:first-child td:last-child,
    .mukel-tbl-striped--sbdk .mukel-tbl-striped__body tr:first-child .mukel-tbl-striped__td:last-child,
    .mukel-tbl-striped--sbdk .mukel-tbl-striped__body .mukel-tbl-striped__tr:first-child td:last-child,
    .mukel-tbl-striped--sbdk .mukel-tbl-striped__body .mukel-tbl-striped__tr:first-child .mukel-tbl-striped__td:last-child {
      font-weight: 400;
      background-color: #fff;
      color: #667584; }
  .mukel-tbl-striped--governance thead tr:last-child th,
  .mukel-tbl-striped--governance thead tr:last-child .mukel-tbl-striped__th,
  .mukel-tbl-striped--governance thead .mukel-tbl-striped__row-head:last-child th,
  .mukel-tbl-striped--governance thead .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th,
  .mukel-tbl-striped--governance .mukel-tbl-striped__head tr:last-child th,
  .mukel-tbl-striped--governance .mukel-tbl-striped__head tr:last-child .mukel-tbl-striped__th,
  .mukel-tbl-striped--governance .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child th,
  .mukel-tbl-striped--governance .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.4rem;
    width: 96px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped--governance thead tr:last-child th,
      .mukel-tbl-striped--governance thead tr:last-child .mukel-tbl-striped__th,
      .mukel-tbl-striped--governance thead .mukel-tbl-striped__row-head:last-child th,
      .mukel-tbl-striped--governance thead .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th,
      .mukel-tbl-striped--governance .mukel-tbl-striped__head tr:last-child th,
      .mukel-tbl-striped--governance .mukel-tbl-striped__head tr:last-child .mukel-tbl-striped__th,
      .mukel-tbl-striped--governance .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child th,
      .mukel-tbl-striped--governance .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th {
        font-size: 1.4rem;
        line-height: 2.4rem; } }
  .mukel-tbl-striped--governance thead th,
  .mukel-tbl-striped--governance thead .mukel-tbl-striped__th,
  .mukel-tbl-striped--governance .mukel-tbl-striped__head th,
  .mukel-tbl-striped--governance .mukel-tbl-striped__head .mukel-tbl-striped__th {
    border: solid 1px #c2c9d1; }
  .mukel-tbl-striped--governance tbody tr td .mukel-fi,
  .mukel-tbl-striped--governance tbody tr .mukel-tbl-striped__td .mukel-fi,
  .mukel-tbl-striped--governance tbody .mukel-tbl-striped__tr td .mukel-fi,
  .mukel-tbl-striped--governance tbody .mukel-tbl-striped__tr .mukel-tbl-striped__td .mukel-fi,
  .mukel-tbl-striped--governance .mukel-tbl-striped__body tr td .mukel-fi,
  .mukel-tbl-striped--governance .mukel-tbl-striped__body tr .mukel-tbl-striped__td .mukel-fi,
  .mukel-tbl-striped--governance .mukel-tbl-striped__body .mukel-tbl-striped__tr td .mukel-fi,
  .mukel-tbl-striped--governance .mukel-tbl-striped__body .mukel-tbl-striped__tr .mukel-tbl-striped__td .mukel-fi {
    color: #00b852; }
  .mukel-tbl-striped--governance tbody tr td:nth-child(n + 2),
  .mukel-tbl-striped--governance tbody tr .mukel-tbl-striped__td:nth-child(n + 2),
  .mukel-tbl-striped--governance tbody .mukel-tbl-striped__tr td:nth-child(n + 2),
  .mukel-tbl-striped--governance tbody .mukel-tbl-striped__tr .mukel-tbl-striped__td:nth-child(n + 2),
  .mukel-tbl-striped--governance .mukel-tbl-striped__body tr td:nth-child(n + 2),
  .mukel-tbl-striped--governance .mukel-tbl-striped__body tr .mukel-tbl-striped__td:nth-child(n + 2),
  .mukel-tbl-striped--governance .mukel-tbl-striped__body .mukel-tbl-striped__tr td:nth-child(n + 2),
  .mukel-tbl-striped--governance .mukel-tbl-striped__body .mukel-tbl-striped__tr .mukel-tbl-striped__td:nth-child(n + 2) {
    text-align: center; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--airport-pickup {
      min-width: 1016px; } }
  .mukel-tbl-striped--airport-pickup thead tr:first-child th:first-child,
  .mukel-tbl-striped--airport-pickup thead tr:first-child .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:first-child th:first-child,
  .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:first-child .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:first-child th:first-child,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:first-child .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:first-child th:first-child,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:first-child .mukel-tbl-striped__th:first-child {
    text-align: left;
    padding-left: 72px; }
  .mukel-tbl-striped--airport-pickup thead tr:last-child th,
  .mukel-tbl-striped--airport-pickup thead tr:last-child .mukel-tbl-striped__th,
  .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:last-child th,
  .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:last-child th,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:last-child .mukel-tbl-striped__th,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child th,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th {
    font-weight: 400;
    border-top: transparent; }
    .mukel-tbl-striped--airport-pickup thead tr:last-child th:nth-child(1), .mukel-tbl-striped--airport-pickup thead tr:last-child th:nth-child(2), .mukel-tbl-striped--airport-pickup thead tr:last-child th:nth-child(3),
    .mukel-tbl-striped--airport-pickup thead tr:last-child .mukel-tbl-striped__th:nth-child(1),
    .mukel-tbl-striped--airport-pickup thead tr:last-child .mukel-tbl-striped__th:nth-child(2),
    .mukel-tbl-striped--airport-pickup thead tr:last-child .mukel-tbl-striped__th:nth-child(3),
    .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:last-child th:nth-child(1),
    .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:last-child th:nth-child(2),
    .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:last-child th:nth-child(3),
    .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th:nth-child(1),
    .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th:nth-child(2),
    .mukel-tbl-striped--airport-pickup thead .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th:nth-child(3),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:last-child th:nth-child(1),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:last-child th:nth-child(2),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:last-child th:nth-child(3),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:last-child .mukel-tbl-striped__th:nth-child(1),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:last-child .mukel-tbl-striped__th:nth-child(2),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head tr:last-child .mukel-tbl-striped__th:nth-child(3),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child th:nth-child(1),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child th:nth-child(2),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child th:nth-child(3),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th:nth-child(1),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th:nth-child(2),
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__head .mukel-tbl-striped__row-head:last-child .mukel-tbl-striped__th:nth-child(3) {
      width: 208px; }
  .mukel-tbl-striped--airport-pickup tbody tr td,
  .mukel-tbl-striped--airport-pickup tbody tr .mukel-tbl-striped__td,
  .mukel-tbl-striped--airport-pickup tbody .mukel-tbl-striped__tr td,
  .mukel-tbl-striped--airport-pickup tbody .mukel-tbl-striped__tr .mukel-tbl-striped__td,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__body tr td,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__body tr .mukel-tbl-striped__td,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__body .mukel-tbl-striped__tr td,
  .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__body .mukel-tbl-striped__tr .mukel-tbl-striped__td {
    padding-left: 20px;
    padding-right: 20px; }
    .mukel-tbl-striped--airport-pickup tbody tr td:first-child,
    .mukel-tbl-striped--airport-pickup tbody tr .mukel-tbl-striped__td:first-child,
    .mukel-tbl-striped--airport-pickup tbody .mukel-tbl-striped__tr td:first-child,
    .mukel-tbl-striped--airport-pickup tbody .mukel-tbl-striped__tr .mukel-tbl-striped__td:first-child,
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__body tr td:first-child,
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__body tr .mukel-tbl-striped__td:first-child,
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__body .mukel-tbl-striped__tr td:first-child,
    .mukel-tbl-striped--airport-pickup .mukel-tbl-striped__body .mukel-tbl-striped__tr .mukel-tbl-striped__td:first-child {
      text-align: left;
      padding-left: 72px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--faq-biaya-transaksi {
      min-width: 400px; } }
  .mukel-tbl-striped--faq-biaya-transaksi tbody td:nth-child(1),
  .mukel-tbl-striped--faq-biaya-transaksi tbody .mukel-tbl-striped__td:nth-child(1),
  .mukel-tbl-striped--faq-biaya-transaksi .mukel-tbl-striped__body td:nth-child(1),
  .mukel-tbl-striped--faq-biaya-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(1) {
    padding-left: 112px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-striped--faq-biaya-transaksi tbody td:nth-child(1),
      .mukel-tbl-striped--faq-biaya-transaksi tbody .mukel-tbl-striped__td:nth-child(1),
      .mukel-tbl-striped--faq-biaya-transaksi .mukel-tbl-striped__body td:nth-child(1),
      .mukel-tbl-striped--faq-biaya-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(1) {
        padding-left: 32px; } }
  .mukel-tbl-striped--faq-biaya-transaksi tbody td:nth-child(2),
  .mukel-tbl-striped--faq-biaya-transaksi tbody .mukel-tbl-striped__td:nth-child(2),
  .mukel-tbl-striped--faq-biaya-transaksi .mukel-tbl-striped__body td:nth-child(2),
  .mukel-tbl-striped--faq-biaya-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__td:nth-child(2) {
    text-align: center; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--premier-banking {
      min-width: 800px; } }
  .mukel-tbl-striped--premier-banking thead tr:not(:first-child) th,
  .mukel-tbl-striped--premier-banking thead tr:not(:first-child) .mukel-tbl-striped__th,
  .mukel-tbl-striped--premier-banking thead .mukel-tbl-striped__row-head:not(:first-child) th,
  .mukel-tbl-striped--premier-banking thead .mukel-tbl-striped__row-head:not(:first-child) .mukel-tbl-striped__th,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__head tr:not(:first-child) th,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__head tr:not(:first-child) .mukel-tbl-striped__th,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__head .mukel-tbl-striped__row-head:not(:first-child) th,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__head .mukel-tbl-striped__row-head:not(:first-child) .mukel-tbl-striped__th {
    font-weight: 400; }
  .mukel-tbl-striped--premier-banking thead tr th:first-child,
  .mukel-tbl-striped--premier-banking thead tr .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--premier-banking thead .mukel-tbl-striped__row-head th:first-child,
  .mukel-tbl-striped--premier-banking thead .mukel-tbl-striped__row-head .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__head tr th:first-child,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__head tr .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__head .mukel-tbl-striped__row-head th:first-child,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__head .mukel-tbl-striped__row-head .mukel-tbl-striped__th:first-child {
    padding-left: 59px;
    text-align: left;
    width: 275px; }
  .mukel-tbl-striped--premier-banking tbody td,
  .mukel-tbl-striped--premier-banking tbody .mukel-tbl-striped__td,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__body td,
  .mukel-tbl-striped--premier-banking .mukel-tbl-striped__body .mukel-tbl-striped__td {
    text-align: center; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--jasa-layanan-individu {
      min-width: 800px; } }
  .mukel-tbl-striped--jasa-layanan-individu thead tr th:first-child,
  .mukel-tbl-striped--jasa-layanan-individu thead tr .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--jasa-layanan-individu thead .mukel-tbl-striped__row-head th:first-child,
  .mukel-tbl-striped--jasa-layanan-individu thead .mukel-tbl-striped__row-head .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__head tr th:first-child,
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__head tr .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__head .mukel-tbl-striped__row-head th:first-child,
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__head .mukel-tbl-striped__row-head .mukel-tbl-striped__th:first-child {
    width: 128px; }
  .mukel-tbl-striped--jasa-layanan-individu thead tr th:nth-child(2),
  .mukel-tbl-striped--jasa-layanan-individu thead tr .mukel-tbl-striped__th:nth-child(2),
  .mukel-tbl-striped--jasa-layanan-individu thead .mukel-tbl-striped__row-head th:nth-child(2),
  .mukel-tbl-striped--jasa-layanan-individu thead .mukel-tbl-striped__row-head .mukel-tbl-striped__th:nth-child(2),
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__head tr th:nth-child(2),
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__head tr .mukel-tbl-striped__th:nth-child(2),
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__head .mukel-tbl-striped__row-head th:nth-child(2),
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__head .mukel-tbl-striped__row-head .mukel-tbl-striped__th:nth-child(2) {
    width: 128px; }
  .mukel-tbl-striped--jasa-layanan-individu tbody td,
  .mukel-tbl-striped--jasa-layanan-individu tbody .mukel-tbl-striped__td,
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__body td,
  .mukel-tbl-striped--jasa-layanan-individu .mukel-tbl-striped__body .mukel-tbl-striped__td {
    text-align: center; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--valuta-asing {
      min-width: 800px; } }
  .mukel-tbl-striped--valuta-asing thead tr th:first-child,
  .mukel-tbl-striped--valuta-asing thead tr .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--valuta-asing thead .mukel-tbl-striped__row-head th:first-child,
  .mukel-tbl-striped--valuta-asing thead .mukel-tbl-striped__row-head .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__head tr th:first-child,
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__head tr .mukel-tbl-striped__th:first-child,
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__head .mukel-tbl-striped__row-head th:first-child,
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__head .mukel-tbl-striped__row-head .mukel-tbl-striped__th:first-child {
    width: 50%; }
  .mukel-tbl-striped--valuta-asing thead tr th:nth-child(2),
  .mukel-tbl-striped--valuta-asing thead tr .mukel-tbl-striped__th:nth-child(2),
  .mukel-tbl-striped--valuta-asing thead .mukel-tbl-striped__row-head th:nth-child(2),
  .mukel-tbl-striped--valuta-asing thead .mukel-tbl-striped__row-head .mukel-tbl-striped__th:nth-child(2),
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__head tr th:nth-child(2),
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__head tr .mukel-tbl-striped__th:nth-child(2),
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__head .mukel-tbl-striped__row-head th:nth-child(2),
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__head .mukel-tbl-striped__row-head .mukel-tbl-striped__th:nth-child(2) {
    width: 50%; }
  .mukel-tbl-striped--valuta-asing tbody td:first-child,
  .mukel-tbl-striped--valuta-asing tbody .mukel-tbl-striped__td:first-child,
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__body td:first-child,
  .mukel-tbl-striped--valuta-asing .mukel-tbl-striped__body .mukel-tbl-striped__td:first-child {
    padding-left: 102px; }
  .mukel-tbl-striped--bunga-biaya tbody td:first-child,
  .mukel-tbl-striped--bunga-biaya tbody .mukel-tbl-striped__td:first-child,
  .mukel-tbl-striped--bunga-biaya .mukel-tbl-striped__body td:first-child,
  .mukel-tbl-striped--bunga-biaya .mukel-tbl-striped__body .mukel-tbl-striped__td:first-child {
    padding-left: 48px; }
  .mukel-tbl-striped--bunga-biaya tbody td:not(:first-child),
  .mukel-tbl-striped--bunga-biaya tbody .mukel-tbl-striped__td:not(:first-child),
  .mukel-tbl-striped--bunga-biaya .mukel-tbl-striped__body td:not(:first-child),
  .mukel-tbl-striped--bunga-biaya .mukel-tbl-striped__body .mukel-tbl-striped__td:not(:first-child) {
    text-align: center; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--pembayaran-pembelian {
      min-width: 650px; } }
  .mukel-tbl-striped--pembayaran-pembelian tbody td:first-child,
  .mukel-tbl-striped--pembayaran-pembelian__body td:first-child, .mukel-tbl-striped--pembayaran-pembelian__td:first-child {
    padding-left: 40px; }
  .mukel-tbl-striped--pembayaran-pembelian tbody td:last-child,
  .mukel-tbl-striped--pembayaran-pembelian__body td:last-child, .mukel-tbl-striped--pembayaran-pembelian__td:last-child {
    padding-right: 40px;
    text-align: right; }
  .mukel-tbl-striped--pembayaran-pembelian tbody td[colspan],
  .mukel-tbl-striped--pembayaran-pembelian__body td[colspan], .mukel-tbl-striped--pembayaran-pembelian__td[colspan] {
    text-align: left;
    background: #fff;
    font-weight: 700;
    color: #313131; }
  .mukel-tbl-striped--pembayaran-pembelian tbody .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td, .mukel-tbl-striped--pembayaran-pembelian__body .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td {
    background: #fff; }
    .mukel-tbl-striped--pembayaran-pembelian tbody .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td[colspan], .mukel-tbl-striped--pembayaran-pembelian__body .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td[colspan] {
      color: #667584;
      background: #fff; }
  .mukel-tbl-striped--pembayaran-pembelian tbody .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td, .mukel-tbl-striped--pembayaran-pembelian__body .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td {
    background: #f0f1f5; }
    .mukel-tbl-striped--pembayaran-pembelian tbody .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td[colspan], .mukel-tbl-striped--pembayaran-pembelian__body .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td[colspan] {
      color: #667584;
      background: #f0f1f5; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl-striped--limit-transaksi {
      min-width: 650px; } }
  .mukel-tbl-striped--limit-transaksi tbody td strong,
  .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__td strong,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body td strong,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__td strong {
    color: #667584; }
  .mukel-tbl-striped--limit-transaksi tbody td:not(:first-child),
  .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__td:not(:first-child),
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body td:not(:first-child),
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__td:not(:first-child) {
    text-align: center; }
  .mukel-tbl-striped--limit-transaksi tbody td:first-child,
  .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__td:first-child,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body td:first-child,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__td:first-child {
    padding-left: 40px; }
  .mukel-tbl-striped--limit-transaksi tbody td:last-child,
  .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__td:last-child,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body td:last-child,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__td:last-child {
    padding-right: 40px;
    text-align: right; }
  .mukel-tbl-striped--limit-transaksi tbody tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body tr:nth-child(odd) .mukel-tbl-striped__td,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td {
    background: #fff; }
    .mukel-tbl-striped--limit-transaksi tbody tr:nth-child(odd) .mukel-tbl-striped__td[colspan],
    .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td[colspan],
    .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body tr:nth-child(odd) .mukel-tbl-striped__td[colspan],
    .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(odd) .mukel-tbl-striped__td[colspan] {
      color: #667584;
      background: #fff; }
  .mukel-tbl-striped--limit-transaksi tbody tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body tr:nth-child(even) .mukel-tbl-striped__td,
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td {
    background: #f0f1f5; }
    .mukel-tbl-striped--limit-transaksi tbody tr:nth-child(even) .mukel-tbl-striped__td[colspan],
    .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td[colspan],
    .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body tr:nth-child(even) .mukel-tbl-striped__td[colspan],
    .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__tr:nth-child(even) .mukel-tbl-striped__td[colspan] {
      color: #667584;
      background: #f0f1f5; }
  .mukel-tbl-striped--limit-transaksi tbody tr .mukel-tbl-striped__td[colspan],
  .mukel-tbl-striped--limit-transaksi tbody .mukel-tbl-striped__tr .mukel-tbl-striped__td[colspan],
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body tr .mukel-tbl-striped__td[colspan],
  .mukel-tbl-striped--limit-transaksi .mukel-tbl-striped__body .mukel-tbl-striped__tr .mukel-tbl-striped__td[colspan] {
    text-align: initial; }

/* ==========================================================================
   MUKEL Component: Investment Pie Chart
   ========================================================================== */
.mukel-inv-pie-chart__img {
  display: block; }
  .mukel-inv-pie-chart__img--m {
    display: none; }
  @media only screen and (max-width: 767.98px) {
    .mukel-inv-pie-chart__img--d {
      display: none; }
    .mukel-inv-pie-chart__img--m {
      display: block; } }

/* ==========================================================================
   MUKEL Components: Journey Section
   ========================================================================== */
.mukel-journey-section {
  position: relative;
  padding: 40px 0;
  overflow: hidden; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-journey-section {
      padding: 32px 0; } }
  @media only screen and (max-width: 1024px) {
    .mukel-journey-section {
      padding: 24px 0; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-journey-section {
      padding: 64px 0 48px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-journey-section {
      padding: 40px 0; } }
  .mukel-journey-section__content {
    position: relative;
    min-height: 600px;
    display: table;
    width: 100%;
    table-layout: fixed; }

@-moz-document url-prefix() {
  .mukel-journey-section__content {
    height: 600px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-journey-section__content {
        min-height: 480px; }
      @-moz-document url-prefix() {
        .mukel-journey-section__content {
          height: 480px; } } }
    @media only screen and (max-width: 991.98px) {
      .mukel-journey-section__content {
        display: block;
        min-height: initial; }
      @-moz-document url-prefix() {
        .mukel-journey-section__content {
          height: auto; } } }
  .mukel-journey-section__img {
    display: block;
    width: 100%;
    height: auto; }
    @media only screen and (max-width: 991.98px) {
      .mukel-journey-section__img {
        margin-left: auto;
        margin-right: auto; } }
    .mukel-journey-section__img-wrapper {
      position: absolute;
      left: -40px;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (max-width: 1024px) {
        .mukel-journey-section__img-wrapper {
          left: -80px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-journey-section__img-wrapper {
          position: static;
          transform: none;
          margin-left: -32px;
          margin-right: -32px;
          margin-bottom: 40px;
          text-align: center; } }
    .mukel-journey-section__img-box {
      width: 600px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-journey-section__img-box {
          width: 460px; } }
      @media only screen and (max-width: 1024px) {
        .mukel-journey-section__img-box {
          width: 416px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-journey-section__img-box {
          width: 100%;
          max-width: 400px; } }
  .mukel-journey-section__txt {
    display: table-cell;
    vertical-align: top;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 600px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-journey-section__txt {
        padding-top: 32px;
        padding-bottom: 32px;
        width: 592px; } }
    @media only screen and (max-width: 1024px) {
      .mukel-journey-section__txt {
        padding-top: 24px;
        padding-bottom: 24px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-journey-section__txt {
        width: auto;
        padding: 0;
        display: block; } }
  .mukel-journey-section__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-journey-section__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-journey-section__title {
        margin-bottom: 8px; } }
  .mukel-journey-section__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-journey-section__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-journey-section__desc {
        margin-bottom: 28px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-journey-section__desc {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-journey-section__desc {
        margin-bottom: 32px; } }
  .mukel-journey-section__card-journey {
    margin-left: -12px;
    margin-right: -12px;
    font-size: 0;
    line-height: 1; }
    .mukel-journey-section__card-journey .mukel-card {
      margin: 16px 12px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-journey-section__card-journey {
        margin-left: -8px;
        margin-right: -8px; }
        .mukel-journey-section__card-journey .mukel-card {
          margin: 12px 8px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-journey-section__card-journey {
        margin: 0 -32px;
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 16px;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-journey-section__card-journey::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; }
        .mukel-journey-section__card-journey .mukel-card {
          margin: 0 16px 0 0; }
          .mukel-journey-section__card-journey .mukel-card:last-child {
            margin-right: 0; }
          .mukel-journey-section__card-journey .mukel-card__txt {
            white-space: normal; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-journey-section__card-journey {
        margin: 0 -16px;
        padding-left: 16px;
        padding-right: 16px; } }

/* ==========================================================================
   MUKEL Component: Description Section
   ========================================================================== */
.mukel-description-section {
  background-color: #f0f1f5;
  overflow: hidden; }
  .mukel-description-section__content {
    position: relative;
    min-height: 328px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-description-section__content {
        min-height: 360px; } }
  .mukel-description-section__img {
    display: block; }
    .mukel-description-section__img-wrapper {
      width: 800px;
      position: absolute;
      z-index: 1;
      right: -202px;
      bottom: -48px; }
      @media only screen and (max-width: 1280px) {
        .mukel-description-section__img-wrapper {
          width: 760px;
          bottom: -32px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-description-section__img-wrapper {
          width: 720px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-description-section__img-wrapper {
          width: 560px;
          right: -280px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-description-section__img-wrapper {
          width: 343px;
          right: -176px;
          bottom: -22px; } }
  .mukel-description-section__txt {
    padding: 88px 0;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-description-section__txt {
        padding: 72px 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-description-section__txt {
        padding: 48px 0; } }
  .mukel-description-section__title {
    max-width: 392px;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-description-section__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-description-section__desc {
    max-width: 496px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-description-section__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Component: Graph Bar Section
   ========================================================================== */
.mukel-graph-bar-section {
  background-color: #f0f1f5;
  overflow: hidden;
  min-height: 542px;
  padding: 64px 0; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-graph-bar-section {
      min-height: 440px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-graph-bar-section {
      padding: 56px 0;
      min-height: initial; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-graph-bar-section {
      padding: 48px 0; } }
  .mukel-graph-bar-section__content {
    position: relative;
    padding-left: 50%; }
    @media only screen and (max-width: 991.98px) {
      .mukel-graph-bar-section__content {
        padding-left: 0; } }
  .mukel-graph-bar-section__head {
    color: #313131;
    margin-bottom: 32px;
    padding-left: 12px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-graph-bar-section__head {
        margin-bottom: 24px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-graph-bar-section__head {
        margin-bottom: 56px;
        padding-left: 0; } }
    @media only screen and (max-width: 320px) {
      .mukel-graph-bar-section__head {
        margin-bottom: 48px; } }
  .mukel-graph-bar-section__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graph-bar-section__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-graph-bar-section__subtitle {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graph-bar-section__subtitle {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-graph-bar-section__graph {
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    padding-right: 32px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-graph-bar-section__graph {
        position: static;
        width: auto;
        padding-right: 0;
        margin-bottom: 32px; } }
    @media only screen and (max-width: 320px) {
      .mukel-graph-bar-section__graph {
        margin-bottom: 24px; } }
  .mukel-graph-bar-section__chart {
    margin-bottom: 16px; }
    .mukel-graph-bar-section__chart__img {
      display: block; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graph-bar-section__chart {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 12px;
        margin-bottom: 8px;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; }
        .mukel-graph-bar-section__chart__img {
          width: 580px;
          max-width: initial;
          padding-right: 16px; } }
    @media only screen and (max-width: 320px) {
      .mukel-graph-bar-section__chart {
        margin-bottom: 12px; }
        .mukel-graph-bar-section__chart__img {
          width: 560px; } }
  .mukel-graph-bar-section__legend {
    padding-left: 88px; }
    .mukel-graph-bar-section__legend__img {
      display: block; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graph-bar-section__legend {
        padding-left: 0; }
        .mukel-graph-bar-section__legend__img {
          max-width: initial;
          max-height: 16px; } }
  .mukel-graph-bar-section__body {
    color: #667584;
    padding-left: 12px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-graph-bar-section__body {
        padding-left: 0; } }
  .mukel-graph-bar-section__p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graph-bar-section__p {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
  .mukel-graph-bar-section__list {
    padding-left: 24px;
    margin-bottom: 0; }
    .mukel-graph-bar-section__list__item {
      font-size: 1.4rem;
      line-height: 2.2rem;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-graph-bar-section__list__item {
          font-size: 1.4rem;
          line-height: 2.2rem; } }

/* ==========================================================================
   MUKEL Component: Icon Text
   ========================================================================== */
.mukel-icon-text {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  @media only screen and (max-width: 767.98px) {
    .mukel-icon-text--print {
      display: none; } }
  .mukel-icon-text__btn {
    font-size: 2rem;
    line-height: 3.2rem;
    border: 0;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-icon-text__btn {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-icon-text__btn .mukel-icon-text__icon-wrapper {
      margin-top: 4px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-icon-text__btn .mukel-icon-text__icon-wrapper {
          margin-top: 0; } }
  .mukel-icon-text__icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%); }
    .mukel-icon-text__icon-wrapper {
      width: 24px;
      height: 24px;
      display: inline-block;
      position: relative;
      vertical-align: top;
      margin-right: 8px; }
  .mukel-icon-text__share {
    position: absolute;
    left: -4px;
    z-index: 3;
    padding-top: 8px;
    opacity: 0;
    transition: all .3s ease;
    visibility: hidden;
    transform: translateY(4px); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-icon-text__share {
        left: auto;
        right: 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-icon-text__share {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 11;
        transform: none;
        background-color: rgba(8, 9, 15, 0.8);
        transition-delay: .15s; } }
    .show-share-list .mukel-icon-text__share {
      visibility: visible;
      opacity: 1;
      transform: none; }
      @media only screen and (max-width: 767.98px) {
        .show-share-list .mukel-icon-text__share {
          transition-delay: 0s; } }
    .mukel-icon-text__share__box {
      border-radius: 8px;
      overflow: hidden;
      background-color: #fff;
      min-width: 168px;
      text-align: left;
      white-space: nowrap;
      padding: 8px 0;
      box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 767.98px) {
        .mukel-icon-text__share__box {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding-top: 44px;
          border-radius: 8px 8px 0 0;
          transform: translateY(100%);
          transition: all .3s ease;
          transition-delay: 0s; }
          .show-share-list .mukel-icon-text__share__box {
            transform: none;
            transition-delay: .15s; } }
    .mukel-icon-text__share__list {
      list-style: none;
      padding: 0;
      margin: 0; }
    .mukel-icon-text__share__item {
      padding: 0;
      margin: 0; }
    .mukel-icon-text__share .mukel-lnk {
      display: block;
      text-decoration: none;
      padding: 8px 16px;
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #313131;
      transition: all .3s ease; }
      @media only screen and (max-width: 767.98px) {
        .mukel-icon-text__share .mukel-lnk {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-icon-text__share .mukel-lnk:hover {
        background-color: #dae0e6;
        color: #eb2629; }
      @media only screen and (max-width: 767.98px) {
        .mukel-icon-text__share .mukel-lnk {
          padding: 12px 16px; }
          .mukel-icon-text__share .mukel-lnk:hover {
            background-color: transparent;
            color: #313131; }
          .mukel-icon-text__share .mukel-lnk:active {
            background-color: #dae0e6;
            color: #eb2629; } }
  .mukel-icon-text__close {
    display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-icon-text__close {
        padding: 8px 0;
        border: 0;
        display: block;
        width: 32px;
        height: 32px;
        line-height: 1;
        border-radius: 50%;
        position: absolute;
        z-index: 3;
        top: 16px;
        right: 16px;
        color: #fff;
        text-align: center;
        background-color: #939fab; }
        .mukel-icon-text__close .mukel-fi {
          font-size: 1.6rem; } }

/* ==========================================================================
   MUKEL Component: Disclaimer
   ========================================================================== */
.mukel-disclaimer {
  padding: 48px 0;
  background-color: #f0f1f5; }
  @media print {
    .mukel-disclaimer {
      background-color: #f0f1f5;
      -webkit-print-color-adjust: exact;
      color-adjust: exact; } }
  .mukel-disclaimer__content {
    max-width: 808px; }
  .mukel-disclaimer__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-disclaimer__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-disclaimer__list {
    list-style: decimal;
    margin-bottom: 0;
    padding-left: 18px; }
  .mukel-disclaimer__item {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 24px;
    padding-left: 4px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-disclaimer__item {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-disclaimer__item:last-child {
      margin-bottom: 0; }

/* ==========================================================================
   MUKEL Component: Rachel How To
   ========================================================================== */
.mukel-rachel-how-to__item {
  padding-left: 49%;
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to__item {
      padding-left: 0;
      padding-bottom: 80px;
      padding-top: 600px; } }

.mukel-rachel-how-to__screen {
  width: 100%;
  display: block; }
  .mukel-rachel-how-to__screen-wrapper {
    width: 258px;
    overflow: hidden;
    position: absolute;
    margin-top: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-rachel-how-to__screen-wrapper {
        width: 218px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-rachel-how-to__screen-wrapper {
        margin-top: 0;
        width: 200px;
        height: 417px;
        padding: 56px 7px;
        top: 136px;
        background: url(../img/bg/iphone-frame.png) no-repeat center center;
        background-size: 200px 417px;
        transform: translate(-50%, 0);
        border-radius: 32px;
        overflow: hidden;
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); } }

.mukel-rachel-how-to__txt {
  margin-top: 16px; }
  .mukel-rachel-how-to__txt-align {
    display: table;
    width: 100%;
    min-height: 708px; }

@-moz-document url-prefix() {
  .mukel-rachel-how-to__txt-align {
    height: 708px; } }
  .mukel-rachel-how-to__txt-middle {
    display: table-cell;
    padding-left: 232px;
    vertical-align: middle; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-rachel-how-to__txt-middle {
      padding-left: 160px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to__txt {
      margin-top: 0; }
      .mukel-rachel-how-to__txt-align {
        min-height: initial;
        display: block; }
    @-moz-document url-prefix() {
      .mukel-rachel-how-to__txt-align {
        height: auto; } }
      .mukel-rachel-how-to__txt-middle {
        display: block;
        padding-left: 0; } }

.mukel-rachel-how-to__label {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-rachel-how-to__label {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-rachel-how-to__title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-rachel-how-to__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-rachel-how-to__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-rachel-how-to__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-rachel-how-to__risk {
  margin-top: 32px; }
  .mukel-rachel-how-to__risk__item {
    position: relative;
    margin-bottom: 16px; }
    .mukel-rachel-how-to__risk__item:last-child {
      margin-bottom: 0; }
  .mukel-rachel-how-to__risk__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-rachel-how-to__risk__title {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-rachel-how-to__risk__meter {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 0;
    line-height: 0; }
  .mukel-rachel-how-to__risk__circle {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-right: 8px;
    background-color: #c2c9d1; }
    .mukel-rachel-how-to__risk__circle:last-child {
      margin-right: 0; }
    .mukel-rachel-how-to__risk__circle--active {
      background-color: #eb2629; }
  .mukel-rachel-how-to__risk__desc {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-rachel-how-to__risk__desc {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-rachel-how-to__risk {
      margin-top: 24px; } }

.mukel-rachel-how-to__next {
  margin-top: 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to__next {
      display: none; } }

/* ==========================================================================
  MUKEL Components: Stock Graph
  ========================================================================== */
.mukel-stock-graph__title {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #313131;
  margin-bottom: 40px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-stock-graph__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-stock-graph__title {
      margin-bottom: 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-stock-graph__title {
      margin-bottom: 24px; } }

.mukel-stock-graph__head {
  margin-bottom: 8px; }
  .mukel-stock-graph__head__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-stock-graph__head__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-stock-graph__head__source {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-stock-graph__head__source {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-stock-graph__head__source .mukel-lnk {
      text-decoration: none;
      transition: color .3s ease; }
      .mukel-stock-graph__head__source .mukel-lnk:hover {
        color: #eb2629;
        text-decoration: underline; }
  @media only screen and (max-width: 767.98px) {
    .mukel-stock-graph__head {
      margin-bottom: 16px; } }

@media only screen and (max-width: 767.98px) {
  .mukel-stock-graph__body {
    margin-bottom: -16px; } }

.mukel-stock-graph__legend {
  text-align: right;
  margin-bottom: 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-stock-graph__legend {
      margin-bottom: 24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-stock-graph__legend {
      text-align: left;
      margin-bottom: 32px; } }

.mukel-stock-graph__chart {
  margin-left: -94px; }
  .mukel-stock-graph__chart__img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-stock-graph__chart {
      margin-left: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-stock-graph__chart {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 16px;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .mukel-stock-graph__chart__img {
        width: auto;
        max-width: initial;
        height: 488px; } }
  @media only screen and (max-width: 320px) {
    .mukel-stock-graph__chart__img {
      height: 440px; } }

/* ==========================================================================
   MUKEL Component: One Mobile Rachel
   ========================================================================== */
.mukel-one-mobile-rachel {
  background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
  .mukel-one-mobile-rachel__content {
    position: relative;
    overflow: hidden; }
  .mukel-one-mobile-rachel__img {
    opacity: 0.18; }
    .mukel-one-mobile-rachel__img-wrapper {
      position: absolute;
      top: -32px;
      right: 12px;
      width: 534px;
      z-index: 1; }
      @media only screen and (max-width: 991.98px) {
        .mukel-one-mobile-rachel__img-wrapper {
          width: 480px;
          right: 0; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile-rachel__img-wrapper {
          width: 228px;
          top: 0;
          right: -108px; } }
  .mukel-one-mobile-rachel__txt {
    position: relative;
    display: table;
    width: 100%;
    z-index: 2;
    padding: 64px 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile-rachel__txt {
        padding: 48px 0; } }
  .mukel-one-mobile-rachel__col {
    display: table-cell;
    vertical-align: middle;
    color: #fff; }
    .mukel-one-mobile-rachel__col:first-child {
      padding-right: 64px; }
    .mukel-one-mobile-rachel__col:last-child {
      width: 344px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile-rachel__col {
        display: block; }
        .mukel-one-mobile-rachel__col:first-child {
          padding-right: 0;
          margin-bottom: 24px; }
        .mukel-one-mobile-rachel__col:last-child {
          width: auto; } }
  .mukel-one-mobile-rachel__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile-rachel__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-one-mobile-rachel__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile-rachel__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Component: One Mobile Banner
   ========================================================================== */
.mukel-one-mobile-banner {
  overflow: hidden;
  min-height: 800px;
  height: 100vh;
  position: relative; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-one-mobile-banner {
      min-height: 660px; }
      .ios-browser .mukel-one-mobile-banner {
        height: 90.5vh; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-one-mobile-banner {
      min-height: 916px; }
      .ios-browser .mukel-one-mobile-banner {
        height: 92.95vh; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-one-mobile-banner {
      min-height: 592px; }
      .ios-browser .mukel-one-mobile-banner {
        height: 86.25vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 852px) {
      .ios-browser .mukel-one-mobile-banner {
        height: 99.95vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 720px) {
      .ios-browser .mukel-one-mobile-banner {
        height: 86.25vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 667px) {
      .ios-browser .mukel-one-mobile-banner {
        height: 100vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 647px) {
      .ios-browser .mukel-one-mobile-banner {
        height: 100vh; } }
    @media only screen and (max-width: 767.98px) and (max-height: 553px) {
      .ios-browser .mukel-one-mobile-banner {
        height: 88vh; } }
  @media only screen and (max-width: 767.98px) {
      .android-browser .mukel-one-mobile-banner {
        height: 93.5vh; } }
    @media only screen and (max-width: 767.98px) and (min-height: 556px) and (max-height: 674px) {
      .android-browser .mukel-one-mobile-banner {
        height: 92.25vh; } }
    @media only screen and (max-width: 767.98px) and (min-height: 740px) and (max-height: 794px) {
      .android-browser .mukel-one-mobile-banner {
        height: 93.5vh; } }
    @media only screen and (max-width: 767.98px) and (min-height: 700px) and (max-height: 729px) {
      .android-browser .mukel-one-mobile-banner {
        height: 100vh; } }
    @media only screen and (max-width: 767.98px) and (min-height: 800px) and (max-height: 862px) {
      .android-browser .mukel-one-mobile-banner {
        height: 100vh; } }
  .mukel-one-mobile-banner__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    transition: opacity 1s ease, transform 10s ease; }
    .mukel-site-content--hide .mukel-one-mobile-banner__img-wrapper {
      opacity: 0;
      transform: scale(1.25); }
  .mukel-one-mobile-banner__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat; }
    .mukel-one-mobile-banner__img-bg--m {
      display: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-one-mobile-banner__img-bg {
        background-position: 75% top; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile-banner__img-bg {
        background-position: right bottom; }
        .mukel-one-mobile-banner__img-bg--d {
          display: none; }
        .mukel-one-mobile-banner__img-bg--m {
          display: block; } }
  .mukel-one-mobile-banner__content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4; }
  .mukel-one-mobile-banner .mukel-container,
  .mukel-one-mobile-banner .mukel-row,
  .mukel-one-mobile-banner .mukel-col-xl-12 {
    height: 100%; }
  .mukel-one-mobile-banner__content {
    width: 100%;
    height: 100%;
    position: relative; }
  .mukel-one-mobile-banner__txt-wrapper {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    z-index: 4; }
  .mukel-one-mobile-banner__middle-align {
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
  .mukel-one-mobile-banner__txt {
    margin-top: -32px;
    max-width: 600px;
    color: #fff; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-one-mobile-banner__txt {
        padding-right: 48px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile-banner__txt {
        padding-right: 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile-banner__txt {
        padding-right: 32px; } }
  .mukel-one-mobile-banner__title {
    font-size: 5.6rem;
    line-height: 7.2rem;
    font-weight: 700;
    margin-bottom: 0;
    transition: all 1s ease 1.5s; }
    .mukel-site-content--hide .mukel-one-mobile-banner__title {
      opacity: 0;
      transform: translateX(-32px); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-one-mobile-banner__title {
        font-size: 4.8rem;
        line-height: 5.6rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile-banner__title {
        font-size: 3.2rem;
        line-height: 4rem; } }
    @media only screen and (max-width: 320px) {
      .mukel-one-mobile-banner__title {
        font-size: 2.4rem;
        line-height: 3.2rem; } }
  .mukel-one-mobile-banner__desc {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    transition: all 1s ease 1.7s; }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile-banner__desc {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-site-content--hide .mukel-one-mobile-banner__desc {
      opacity: 0;
      transform: translateX(-32px); }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile-banner__desc {
        margin-top: 8px; } }
  .mukel-one-mobile-banner__btn {
    margin-top: 64px;
    transition: all 1s ease 1.9s; }
    .mukel-site-content--hide .mukel-one-mobile-banner__btn {
      opacity: 0;
      transform: translateX(-32px); }
    .mukel-one-mobile-banner__btn .mukel-btn {
      margin-right: 24px; }
      .mukel-one-mobile-banner__btn .mukel-btn:last-child {
        margin-right: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile-banner__btn {
        margin-top: 24px; } }
  .mukel-one-mobile-banner__apps-lnk {
    position: absolute;
    bottom: 56px;
    left: 0;
    z-index: 5; }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile-banner__apps-lnk {
        bottom: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-one-mobile-banner__apps-lnk {
        bottom: 16px; } }
    .mukel-one-mobile-banner__apps-lnk__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #fff;
      margin-bottom: 16px;
      transition: all 1s ease 2.1s; }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile-banner__apps-lnk__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-site-content--hide .mukel-one-mobile-banner__apps-lnk__title {
        opacity: 0;
        transform: translateX(-32px); }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile-banner__apps-lnk__title {
          margin-bottom: 8px; } }
    .mukel-one-mobile-banner__apps-lnk__list {
      font-size: 0;
      line-height: 1; }
    .mukel-one-mobile-banner__apps-lnk__item {
      display: inline-block;
      margin-right: 16px;
      transition: all 1s ease;
      font-size: 0;
      line-height: 1;
      transition-delay: 2.3s; }
      .mukel-one-mobile-banner__apps-lnk__item:last-child {
        margin-right: 0;
        transition-delay: 2.5s; }
      .mukel-site-content--hide .mukel-one-mobile-banner__apps-lnk__item {
        opacity: 0;
        transform: translateY(32px); }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile-banner__apps-lnk__item {
          margin-right: 8px; } }
    .mukel-one-mobile-banner__apps-lnk .mukel-lnk {
      display: inline-block;
      transition: all .25s ease; }
      .mukel-one-mobile-banner__apps-lnk .mukel-lnk:hover {
        transform: translateY(-2px); }
    .mukel-one-mobile-banner__apps-lnk__img {
      width: auto;
      height: 48px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile-banner__apps-lnk__img {
          height: 32px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-one-mobile-banner__frame {
      position: absolute;
      z-index: 3;
      bottom: 24px;
      right: -8px;
      font-size: 0;
      line-height: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-one-mobile-banner__frame {
      bottom: 12px;
      right: -56px; } }
  .mukel-one-mobile-banner__frame__item {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 3;
    border-radius: 32px;
    transition: all 1.5s ease; }
    .mukel-site-content--hide .mukel-one-mobile-banner__frame__item {
      opacity: 0;
      transform: translateY(-45%) scale(1.05); }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile-banner__frame__item {
        position: relative;
        top: auto;
        transform: none;
        display: inline-block;
        vertical-align: middle; }
        .mukel-site-content--hide .mukel-one-mobile-banner__frame__item {
          transform: translateY(8px) scale(1.05); } }
    .mukel-one-mobile-banner__frame__item:nth-child(1), .mukel-one-mobile-banner__frame__item:nth-child(3) {
      width: 204px;
      height: auto; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(1), .mukel-one-mobile-banner__frame__item:nth-child(3) {
          width: 130px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(1), .mukel-one-mobile-banner__frame__item:nth-child(3) {
          width: 72px; } }
      @media only screen and (max-width: 320px) {
        .mukel-one-mobile-banner__frame__item:nth-child(1), .mukel-one-mobile-banner__frame__item:nth-child(3) {
          width: 56px; } }
    .mukel-one-mobile-banner__frame__item:nth-child(2) {
      width: 244px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(2) {
          width: 170px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(2) {
          margin-left: -12px;
          margin-right: -12px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(2) {
          width: 92px;
          margin-left: -8px;
          margin-right: -8px; } }
      @media only screen and (max-width: 320px) {
        .mukel-one-mobile-banner__frame__item:nth-child(2) {
          width: 76px; } }
    .mukel-one-mobile-banner__frame__item:nth-child(1) {
      right: 348px;
      transition-delay: 2.7s; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(1) {
          right: 246px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(1) {
          right: auto; } }
    .mukel-one-mobile-banner__frame__item:nth-child(2) {
      right: 136px;
      border-radius: 24px;
      z-index: 4;
      transition-delay: 2.9s; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(2) {
          right: 96px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(2) {
          right: auto; } }
    .mukel-one-mobile-banner__frame__item:nth-child(3) {
      right: -36px;
      transition-delay: 3.1s; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(3) {
          right: -16px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-one-mobile-banner__frame__item:nth-child(3) {
          right: auto; } }
    .mukel-one-mobile-banner__frame__item__img {
      display: block; }

/* ==========================================================================
   MUKEL Component: Table
   ========================================================================== */
.mukel-tbl {
  margin-bottom: 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-popup-general .mukel-tbl {
      min-width: 1224px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-tbl {
      min-width: 860px; } }
  .mukel-tbl__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #313131;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-tbl__subtitle {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 0;
    margin-top: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl__subtitle {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-tbl__wrapper {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-tbl-container .mukel-tbl__wrapper {
      margin-top: 16px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-general .mukel-tbl__wrapper {
        border-radius: 0;
        overflow: initial;
        box-shadow: none;
        margin-bottom: -16px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl__wrapper {
        border-radius: 0;
        overflow: initial;
        box-shadow: none;
        margin-bottom: -16px; } }
  .mukel-tbl__scrollover {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-general .mukel-tbl__scrollover {
        padding-left: 32px;
        padding-right: 32px;
        margin-left: -32px;
        margin-right: -32px;
        padding-bottom: 16px; }
        .mukel-popup-general .mukel-tbl__scrollover .mukel-tbl {
          padding-right: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl__scrollover {
        padding-left: 16px;
        padding-right: 16px;
        margin-left: -16px;
        margin-right: -16px;
        padding-bottom: 16px; }
        .mukel-tbl__scrollover .mukel-tbl {
          padding-right: 16px; }
        .mukel-popup-general .mukel-tbl__scrollover {
          padding-left: 16px;
          padding-right: 16px;
          margin-left: -16px;
          margin-right: -16px;
          padding-bottom: 16px; }
          .mukel-popup-general .mukel-tbl__scrollover .mukel-tbl {
            padding-right: 16px; } }
  .mukel-tbl table, .mukel-tbl__tbl {
    white-space: normal;
    width: 100%;
    margin-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-general .mukel-tbl table, .mukel-popup-general .mukel-tbl__tbl {
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); } }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl table, .mukel-tbl__tbl {
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); } }
  .mukel-tbl thead tr:not(:first-child) .mukel-tbl__th,
  .mukel-tbl__head tr:not(:first-child) .mukel-tbl__th, .mukel-tbl__row-head:not(:first-child) .mukel-tbl__th {
    border-top: solid 1px #fff; }
  .mukel-tbl thead tr:only-child .mukel-tbl__th,
  .mukel-tbl__head tr:only-child .mukel-tbl__th, .mukel-tbl__row-head:only-child .mukel-tbl__th {
    border-top: none; }
  .mukel-tbl thead th,
  .mukel-tbl__head th, .mukel-tbl__th {
    padding: 16px;
    background-color: #80909f;
    color: #fff;
    text-align: center;
    vertical-align: top;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl thead th,
      .mukel-tbl__head th, .mukel-tbl__th {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-tbl tbody .mukel-tbl__td, .mukel-tbl__body .mukel-tbl__td {
    background: #fff; }
    .mukel-tbl tbody .mukel-tbl__td[colspan], .mukel-tbl__body .mukel-tbl__td[colspan] {
      background: #f0f1f5; }
  .mukel-tbl tbody .mukel-tbl__tr--title .mukel-tbl__td[colspan], .mukel-tbl__body .mukel-tbl__tr--title .mukel-tbl__td[colspan] {
    background: #80909f;
    color: #fff; }
  .mukel-tbl tbody td,
  .mukel-tbl__body td, .mukel-tbl__td {
    padding: 16px;
    vertical-align: top;
    color: #667584;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl tbody td,
      .mukel-tbl__body td, .mukel-tbl__td {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-tbl tbody td[colspan],
    .mukel-tbl__body td[colspan], .mukel-tbl__td[colspan] {
      font-weight: 700;
      color: #313131; }
    .mukel-tbl tbody td strong,
    .mukel-tbl__body td strong, .mukel-tbl__td strong {
      color: #313131; }
  .mukel-tbl a,
  .mukel-tbl .mukel-lnk {
    color: #446eff;
    text-decoration: none;
    font-weight: 500; }
    .mukel-tbl a:hover,
    .mukel-tbl .mukel-lnk:hover {
      text-decoration: underline; }
  .mukel-tbl__list, .mukel-tbl ol, .mukel-tbl ul {
    padding-left: 16px;
    margin-bottom: 0; }
    .mukel-tbl__list__item, .mukel-tbl__list li, .mukel-tbl ol__item, .mukel-tbl ol li, .mukel-tbl ul__item, .mukel-tbl ul li {
      padding-left: 4px;
      margin-bottom: 0; }
  .mukel-tbl ol {
    list-style-type: decimal; }
    .mukel-tbl ol ol {
      list-style-type: lower-alpha; }
  .mukel-tbl ul {
    list-style-type: disc; }
    .mukel-tbl ul ul {
      list-style-type: square; }
    .mukel-tbl ul .mukel-tbl__list__item {
      padding-left: 0; }
  .mukel-tbl--border .mukel-tbl__td,
  .mukel-tbl--border td {
    border-right: 1px solid #939fab;
    border-top: 1px solid #939fab; }
    .mukel-tbl--border .mukel-tbl__td[colspan],
    .mukel-tbl--border td[colspan] {
      border: 0;
      position: relative; }
      .mukel-tbl--border .mukel-tbl__td[colspan]::after,
      .mukel-tbl--border td[colspan]::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 1px;
        background: #f0f1f5;
        z-index: 1; }
    .mukel-tbl--border .mukel-tbl__td[colspan="1"], .mukel-tbl--border .mukel-tbl__td[colspan="2"],
    .mukel-tbl--border td[colspan="1"],
    .mukel-tbl--border td[colspan="2"] {
      border-right: 1px solid #939fab; }
    .mukel-tbl--border .mukel-tbl__td:last-child,
    .mukel-tbl--border td:last-child {
      border-right: 0; }
  .mukel-tbl--asean-governance .mukel-tbl__th,
  .mukel-tbl--asean-governance th {
    text-align: left;
    padding-left: 24px;
    padding-right: 24px; }
  .mukel-tbl--asean-governance .mukel-tbl__td,
  .mukel-tbl--asean-governance td {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 32px; }
    .mukel-tbl--asean-governance .mukel-tbl__td[colspan],
    .mukel-tbl--asean-governance td[colspan] {
      padding-bottom: 16px; }
    .mukel-tbl--asean-governance .mukel-tbl__td:nth-child(1),
    .mukel-tbl--asean-governance td:nth-child(1) {
      width: 40px; }
    .mukel-tbl--asean-governance .mukel-tbl__td:nth-child(2):not([colspan]), .mukel-tbl--asean-governance .mukel-tbl__td:nth-child(3):not([colspan]),
    .mukel-tbl--asean-governance td:nth-child(2):not([colspan]),
    .mukel-tbl--asean-governance td:nth-child(3):not([colspan]) {
      width: 416px; }
    .mukel-tbl--asean-governance .mukel-tbl__td:nth-child(4),
    .mukel-tbl--asean-governance td:nth-child(4) {
      width: 312px; }

/* ==========================================================================
   MUKEL Component: Cookies
   ========================================================================== */
.mukel-cookies {
  position: fixed;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(8, 9, 15, 0.8);
  transition: transform 0.35s ease;
  transform: translateY(-100%); }
  .mukel-show-cookies .mukel-cookies {
    transform: translateY(72px); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-show-cookies .mukel-cookies {
        transform: translateY(64px); } }
  .mukel-show-cookies.mukel-scroll-down .mukel-cookies {
    transform: none;
    transition: transform 0.5s ease; }
  .mukel-cookies__content {
    width: 100%;
    display: table;
    padding: 28px 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-cookies__content {
        padding: 24px 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-cookies__content {
        display: block;
        padding: 16px 0; } }
  .mukel-cookies__txt {
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 767.98px) {
      .mukel-cookies__txt {
        display: block;
        text-align: center;
        margin-bottom: 16px; } }
  .mukel-cookies__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-cookies__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-cookies__btn {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-left: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-cookies__btn {
        display: block;
        padding-left: 0;
        text-align: center; } }

/* ==========================================================================
   MUKEL Component: How To
   ========================================================================== */
.mukel-how-to__item {
  padding-left: 49%;
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to__item {
      padding-left: 0;
      padding-bottom: 88px;
      padding-top: 616px; }
      .mukel-feature--digital-channel .mukel-how-to__item {
        padding-top: 632px; }
      .mukel-feature--digital-channel.mukel-feature--has-sub .mukel-how-to__item {
        padding-top: 688px; }
      .mukel-feature--desktop .mukel-how-to__item {
        padding-top: 524px; }
      .mukel-feature--desktop.mukel-feature--has-sub .mukel-how-to__item {
        padding-top: 580px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-feature--digital-channel .mukel-how-to__item {
      padding-top: 616px; }
    .mukel-feature--digital-channel.mukel-feature--has-sub .mukel-how-to__item {
      padding-top: 672px; }
    .mukel-feature--desktop .mukel-how-to__item {
      padding-top: 424px; }
    .mukel-feature--desktop.mukel-feature--has-sub .mukel-how-to__item {
      padding-top: 480px; } }
  @media only screen and (max-width: 320px) {
    .mukel-feature--desktop .mukel-how-to__item {
      padding-top: 408px; }
    .mukel-feature--desktop.mukel-feature--has-sub .mukel-how-to__item {
      padding-top: 464px; } }

.mukel-how-to__screen {
  width: 100%;
  display: block; }
  .mukel-how-to__screen-wrapper {
    width: 252px;
    overflow: hidden;
    position: absolute;
    margin-top: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .35s ease-out; }
    .mukel-feature--digital-channel .mukel-how-to__screen-wrapper {
      border-radius: 24px; }
    .mukel-feature--desktop .mukel-how-to__screen-wrapper {
      width: 306px;
      height: 182px;
      border-radius: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-how-to__screen-wrapper {
        width: 218px; }
        .mukel-feature--desktop .mukel-how-to__screen-wrapper {
          width: 214px;
          height: 127px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-how-to__screen-wrapper {
        margin-top: 0;
        width: 196px;
        height: 408px;
        padding: 8px 8px;
        top: 184px;
        background: url(../img/bg/iphone-x-frame.png) no-repeat center center;
        background-size: 200px 417px;
        transform: translate(-50%, 0);
        border-radius: 32px;
        overflow: hidden;
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
        .mukel-feature--digital-channel .mukel-how-to__screen-wrapper {
          top: 200px; }
        .mukel-feature--digital-channel.mukel-feature--has-sub .mukel-how-to__screen-wrapper {
          top: 256px; }
        .mukel-feature--desktop .mukel-how-to__screen-wrapper {
          width: 480px;
          height: 324px;
          background: url(../img/bg/macbook-frame.png) no-repeat center center;
          background-size: 480px 324px;
          box-shadow: none;
          padding: 16px 56px 88px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-feature--digital-channel .mukel-how-to__screen-wrapper {
        top: 184px; }
      .mukel-feature--digital-channel.mukel-feature--has-sub .mukel-how-to__screen-wrapper {
        top: 240px; }
      .mukel-feature--desktop .mukel-how-to__screen-wrapper {
        width: 344px;
        height: 232px;
        background-size: 344px 232px;
        padding: 12px 40px 64px; } }
    @media only screen and (max-width: 320px) {
      .mukel-feature--desktop .mukel-how-to__screen-wrapper {
        width: 300px;
        height: 202px;
        background-size: 300px 202px;
        padding: 10px 34px 54px; } }

.mukel-how-to__txt {
  margin-top: 16px; }
  .mukel-how-to__txt-align {
    display: table;
    width: 100%;
    min-height: 800px; }

@-moz-document url-prefix() {
  .mukel-how-to__txt-align {
    height: 800px; } }
  .mukel-how-to__txt-middle {
    display: table-cell;
    padding-left: 232px;
    vertical-align: middle; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-how-to__txt-middle {
      padding-left: 160px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to__txt {
      margin-top: 0; }
      .mukel-how-to__txt-align {
        min-height: initial;
        display: block; }
      .mukel-how-to__txt-middle {
        display: block;
        padding-left: 0; } }

.mukel-how-to__label {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 4px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to__label {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-how-to__title {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to__title {
      font-size: 2rem;
      line-height: 3.2rem; } }

.mukel-how-to__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-how-to__desc .mukel-lnk {
    text-decoration: none;
    transition: all .25s ease; }
    .mukel-how-to__desc .mukel-lnk:hover {
      color: #eb2629;
      text-decoration: underline; }

.mukel-how-to__risk {
  margin-top: 32px; }
  .mukel-how-to__risk__item {
    position: relative;
    margin-bottom: 16px; }
    .mukel-how-to__risk__item:last-child {
      margin-bottom: 0; }
  .mukel-how-to__risk__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-how-to__risk__title {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-how-to__risk__meter {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 0;
    line-height: 0; }
  .mukel-how-to__risk__circle {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-right: 8px;
    background-color: #c2c9d1; }
    .mukel-how-to__risk__circle:last-child {
      margin-right: 0; }
    .mukel-how-to__risk__circle--active {
      background-color: #eb2629; }
  .mukel-how-to__risk__desc {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-how-to__risk__desc {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to__risk {
      margin-top: 24px; } }

.mukel-how-to__next {
  margin-top: 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to__next {
      display: none; } }

/* ==========================================================================
   MUKEL Component: Graphic Bar
   ========================================================================== */
@media only screen and (max-width: 991.98px) {
  .mukel-graphic-bar {
    white-space: normal; } }

.mukel-graphic-bar__box {
  height: 256px;
  padding-top: 16px;
  background-color: #f0f1f5;
  border-radius: 8px 8px 0 0;
  margin-bottom: 24px;
  transition: all 0.5s ease;
  transition-delay: 1200ms; }
  .mukel-site-content--hide .mukel-graphic-bar__box {
    opacity: 0; }

.mukel-graphic-bar__visual {
  height: 100%;
  position: relative; }
  .mukel-graphic-bar__visual__bar {
    position: absolute;
    z-index: 4;
    width: 48px;
    bottom: 0;
    cursor: pointer;
    border-radius: 16px 16px 0 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: transform 0.5s ease 1400ms;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden; }
    @media print {
      .mukel-graphic-bar__visual__bar {
        -webkit-print-color-adjust: exact;
        color-adjust: exact; } }
    .mukel-graphic-bar__visual__bar--left-tooltip .mukel-graphic-bar__tooltip {
      right: 100%;
      left: auto;
      margin-right: 0;
      margin-right: 10px;
      opacity: 0;
      transform: translate(-4px, -50%); }
      .mukel-graphic-bar__visual__bar--left-tooltip .mukel-graphic-bar__tooltip::after {
        left: auto;
        right: 0; }
    .mukel-graphic-bar__visual__bar--show-tooltip {
      z-index: 5; }
      .mukel-graphic-bar__visual__bar--show-tooltip .mukel-graphic-bar__tooltip {
        opacity: 1;
        visibility: visible;
        transform: translate(0, -50%); }
    .mukel-site-content--hide .mukel-graphic-bar__visual__bar {
      transform: scaleY(0); }
  .mukel-graphic-bar__visual__area {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    border-bottom: 0px solid #dae0e6;
    border-right: 0px solid #dae0e6;
    border-top: 0px solid transparent;
    left: 24px;
    z-index: 3;
    transition: transform 0.5s ease 1600ms, border-color .25s ease;
    transform-origin: left bottom;
    -webkit-backface-visibility: hidden; }
    .mukel-graphic-bar__visual__area--dark {
      border-bottom-color: #c2c9d1 !important;
      border-right-color: #c2c9d1 !important;
      z-index: 1; }
    .mukel-graphic-bar__visual__area .mukel-graphic-bar__tooltip {
      width: 184px;
      margin-left: -92px;
      top: auto;
      transform: translateY(4px); }
      .mukel-graphic-bar__visual__area .mukel-graphic-bar__tooltip::after {
        content: none;
        display: none; }
    .mukel-graphic-bar__visual__area--show-tooltip {
      border-bottom-color: #939fab !important;
      border-right-color: #939fab !important;
      z-index: 2; }
      .mukel-graphic-bar__visual__area--show-tooltip .mukel-graphic-bar__tooltip {
        opacity: 1;
        visibility: visible;
        transform: none; }
    .mukel-site-content--hide .mukel-graphic-bar__visual__area {
      transform: scaleY(0); }

.mukel-graphic-bar__tooltip {
  position: absolute;
  left: 100%;
  top: 50%;
  z-index: 5;
  background-color: #fff;
  padding: 8px;
  border-radius: 8px;
  margin-left: 10px;
  width: 160px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0;
  visibility: hidden;
  transform: translate(4px, -50%);
  transition: all .2s ease;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
  .mukel-graphic-bar__tooltip::after {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    left: -7px;
    top: 50%;
    border-radius: 2px;
    background-color: #fff;
    transform-origin: center center;
    transform: rotate(45deg) translateY(-50%); }

.mukel-graphic-bar__percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .mukel-graphic-bar__percentage__txt {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graphic-bar__percentage__txt {
        font-size: 1.4rem;
        line-height: 2.2rem; } }

.mukel-graphic-bar__title {
  color: #667584;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-graphic-bar__title {
      font-size: 1.2rem;
      line-height: 1.6rem; } }

.mukel-graphic-bar__amount {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-graphic-bar__amount {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-graphic-bar__label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #667584;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-graphic-bar__label {
      font-size: 1.2rem;
      line-height: 1.6rem; } }

.mukel-graphic-bar__range {
  position: relative;
  min-height: 54px; }
  .mukel-graphic-bar__range::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 11px;
    z-index: 1;
    border-bottom: solid 1px #c2c9d1;
    transition: all 0.75s ease;
    transition-delay: 1800ms; }
    .mukel-site-content--hide .mukel-graphic-bar__range::after {
      transform: scaleX(0);
      transform-origin: center center; }
  .mukel-graphic-bar__range__item {
    position: absolute;
    z-index: 2;
    top: 0;
    text-align: center;
    padding: 0 8px;
    background-color: #fff;
    transition: all 0.5s ease;
    transition-delay: 1800ms; }
    .mukel-site-content--hide .mukel-graphic-bar__range__item {
      opacity: 0;
      transform: translateY(2px); }
    .mukel-graphic-bar__range__item:first-child {
      padding-left: 0; }
    .mukel-graphic-bar__range__item:last-child {
      padding-right: 0; }
  .mukel-graphic-bar__range__txt {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graphic-bar__range__txt {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
  .mukel-graphic-bar__range__number {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graphic-bar__range__number {
        font-size: 1.8rem;
        line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Component: Product Section
   ========================================================================== */
.mukel-product-section {
  padding: 64px 0 32px;
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .mukel-product-section {
      padding: 56px 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-section {
      padding: 48px 0; } }
  .mukel-product-section__content {
    font-size: 0;
    line-height: 1; }
  .mukel-product-section__img {
    width: auto;
    height: 100%;
    display: block; }
    .mukel-product-section__img-wrapper {
      display: inline-block;
      height: 320px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-product-section__img-wrapper {
        height: 280px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-product-section__img-wrapper {
        margin-bottom: 16px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-product-section__img {
        height: auto;
        max-height: 280px; }
        .mukel-product-section__img-wrapper {
          display: block;
          height: auto;
          margin-bottom: 0; } }
  .mukel-product-section__txt {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    left: 520px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-product-section__txt {
        padding-right: 32px;
        left: 458px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-product-section__txt {
        position: static;
        transform: none;
        padding-right: 0; } }
  .mukel-product-section__title {
    max-width: 600px;
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-product-section__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    .mukel-premier-site .mukel-product-section__title {
      color: #8b7866; }
    .mukel-private-site .mukel-product-section__title {
      color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-product-section__title {
        margin-bottom: 8px; } }
  .mukel-product-section__desc {
    max-width: 528px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-product-section__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-private-site .mukel-product-section__desc {
      color: #313131; }
  .mukel-product-section__btn {
    margin-top: 24px; }
  .mukel-product-section--private {
    padding: 80px 0;
    background: url(../img/bg/private-product-section.jpg) no-repeat center center/cover; }
    .mukel-product-section--private .mukel-product-section__img-wrapper {
      padding: 0 64px;
      height: 240px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-product-section--private .mukel-product-section__img-wrapper {
          height: 216px;
          padding: 0 48px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-product-section--private .mukel-product-section__img-wrapper {
          height: 200px;
          padding: 0;
          margin-bottom: 24px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-product-section--private .mukel-product-section__img-wrapper {
          height: auto; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-product-section--private {
        padding: 72px 0; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-product-section--private {
        padding: 56px 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-product-section--private {
        padding: 48px 0; }
        .mukel-product-section--private .mukel-product-section__img {
          max-height: 168px; } }

/* ==========================================================================
   MUKEL Component: Form Section
   ========================================================================== */
.mukel-form-section {
  position: relative;
  background-color: #f0f1f5; }
  .mukel-premier-site .mukel-form-section {
    background-color: #bfad98; }
  .mukel-private-site .mukel-form-section {
    background-color: #aaa7ae; }
  .mukel-form-section__content {
    min-height: 564px;
    position: relative; }
    @media only screen and (max-width: 991.98px) {
      .mukel-form-section__content {
        padding: 56px 0;
        min-height: initial; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-form-section__content {
        padding: 48px 0; } }
  .mukel-form-section__txt {
    padding: 198px 0;
    max-width: 600px;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-form-section__txt {
        max-width: 480px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-form-section__txt {
        max-width: initial;
        padding: 0 24px 0 0;
        margin-bottom: 32px; } }
  .mukel-form-section__title {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-form-section__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    .mukel-premier-site .mukel-form-section__title,
    .mukel-private-site .mukel-form-section__title {
      color: #fff; }
    @media only screen and (max-width: 767.98px) {
      .mukel-form-section__title {
        margin-bottom: 8px; } }
  .mukel-form-section__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-form-section__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-form-section__desc,
    .mukel-private-site .mukel-form-section__desc {
      color: #fff; }
  .mukel-form-section__field {
    position: absolute;
    z-index: 2;
    width: 496px;
    top: 0;
    right: 0;
    padding: 48px 0; }
    .mukel-form-section__field .mukel-field {
      margin-bottom: 8px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-form-section__field {
        width: 440px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-form-section__field {
        width: 100%;
        padding: 0;
        position: static; } }
  .mukel-form-section__btn {
    margin-top: 24px; }

/* ==========================================================================
   MUKEL Component: Image Promo
   ========================================================================== */
.mukel-image-promo__item {
  position: relative;
  width: 100%;
  height: 480px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-image-promo__item {
      height: 260px; } }
  .mukel-image-promo__item--img-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }
  .mukel-image-promo__item--img {
    max-width: initial;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center; }

/* ==========================================================================
   MUKEL Component: Circle Description Section
   ========================================================================== */
.mukel-circle-desc-sec {
  overflow: hidden; }
  .mukel-circle-desc-sec__content {
    position: relative;
    min-height: 464px;
    padding-left: 520px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec__content {
        min-height: 408px;
        padding-left: 340px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec__content {
        min-height: initial;
        padding-left: 0;
        padding-top: 56px;
        padding-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__content {
        padding-top: 48px;
        padding-bottom: 48px; } }
  .mukel-circle-desc-sec__img {
    position: absolute;
    left: -232px;
    top: 40px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec__img {
        position: static;
        margin-left: -56px;
        margin-bottom: 48px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__img {
        margin-bottom: 32px; } }
  .mukel-circle-desc-sec__txt {
    padding: 64px 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec__txt {
        padding: 0; } }
    .mukel-circle-desc-sec__txt__item {
      margin-bottom: 40px; }
      .mukel-circle-desc-sec__txt__item:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 991.98px) {
        .mukel-circle-desc-sec__txt__item {
          margin-bottom: 32px; } }
  .mukel-circle-desc-sec__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-circle-desc-sec__title {
      color: #8b7866; }
    .mukel-private-site .mukel-circle-desc-sec__title {
      color: #6a6d73; }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__title {
        margin-bottom: 8px; } }
  .mukel-circle-desc-sec__subtitle {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__subtitle {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-circle-desc-sec__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 24px;
    max-width: 600px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec__desc {
        max-width: initial; } }
    .mukel-circle-desc-sec__desc:last-child {
      margin-bottom: 0; }
  .mukel-circle-desc-sec__list {
    margin-top: -8px;
    margin-bottom: 8px;
    padding-left: 24px; }
    .mukel-circle-desc-sec__list__item {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-bottom: 8px;
      max-width: 600px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-circle-desc-sec__list__item {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-circle-desc-sec__list__item:last-child {
        margin-bottom: 0; }
  .mukel-circle-desc-sec__note {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #667584;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__note {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
  .mukel-circle-desc-sec__txt-col {
    padding-top: 8px;
    margin-left: -20px;
    margin-right: -20px; }
    .mukel-circle-desc-sec__txt-col::before, .mukel-circle-desc-sec__txt-col::after {
      content: " ";
      display: table; }
    .mukel-circle-desc-sec__txt-col::after {
      clear: both; }
    .mukel-circle-desc-sec__txt-col__item {
      float: left;
      width: 50%;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 40px; }
      .mukel-circle-desc-sec__txt-col__item:nth-last-child(2), .mukel-circle-desc-sec__txt-col__item:last-child {
        margin-bottom: 0; }
      .mukel-circle-desc-sec__txt-col__item:nth-child(2n+1) {
        clear: both; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec__txt-col {
        margin-left: -16px;
        margin-right: -16px; }
        .mukel-circle-desc-sec__txt-col__item {
          padding-left: 16px;
          padding-left: 16px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec__txt-col {
        margin-left: -20px;
        margin-right: -20px; }
        .mukel-circle-desc-sec__txt-col__item {
          padding-left: 20px;
          padding-left: 20px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__txt-col {
        padding-top: 16px;
        margin-left: 0;
        margin-right: 0; }
        .mukel-circle-desc-sec__txt-col__item {
          width: auto;
          float: none;
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 32px; }
          .mukel-circle-desc-sec__txt-col__item:nth-last-child(2) {
            margin-bottom: 32px; }
          .mukel-circle-desc-sec__txt-col__item:nth-child(2n+1) {
            clear: initial; } }
  .mukel-circle-desc-sec__thumbs {
    padding-top: 40px;
    position: relative; }
    @media only screen and (max-width: 767.98px) {
      .mukel-circle-desc-sec__thumbs {
        padding-top: 0; } }
    .mukel-circle-desc-sec__thumbs__list {
      margin-left: -12px;
      margin-right: -12px; }
      .mukel-circle-desc-sec__thumbs__list::before, .mukel-circle-desc-sec__thumbs__list::after {
        content: " ";
        display: table; }
      .mukel-circle-desc-sec__thumbs__list::after {
        clear: both; }
      @media only screen and (max-width: 767.98px) {
        .mukel-circle-desc-sec__thumbs__list {
          margin-left: 0;
          margin-right: 0; } }
    .mukel-circle-desc-sec__thumbs__more {
      position: absolute;
      top: 0;
      right: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-circle-desc-sec__thumbs__more {
          position: static;
          margin-top: 24px; } }
    .mukel-circle-desc-sec__thumbs__item {
      width: 50%;
      float: left;
      padding-left: 12px;
      padding-right: 12px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-circle-desc-sec__thumbs__item {
          width: 100%;
          float: none;
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 16px; }
          .mukel-circle-desc-sec__thumbs__item:last-child {
            margin-bottom: 0; } }
    .mukel-circle-desc-sec__thumbs__img {
      max-width: initial;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center; }
      .mukel-circle-desc-sec__thumbs__img-wrapper {
        width: 100%;
        height: 176px;
        overflow: hidden;
        border-radius: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-circle-desc-sec__thumbs__img {
          height: auto; }
          .mukel-circle-desc-sec__thumbs__img-wrapper {
            height: auto; } }
  .mukel-circle-desc-sec--gray {
    background-color: #f0f1f5; }
  .mukel-circle-desc-sec--img-r .mukel-circle-desc-sec__content {
    padding-left: 0;
    padding-right: 416px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-r .mukel-circle-desc-sec__content {
        padding-left: 0;
        padding-right: 320px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-r .mukel-circle-desc-sec__content {
        padding-right: 0; } }
  .mukel-circle-desc-sec--img-r .mukel-circle-desc-sec__img {
    left: auto;
    right: -232px; }
  .mukel-circle-desc-sec--img-bl--center .mukel-circle-desc-sec__txt {
    padding: 124px 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-bl--center .mukel-circle-desc-sec__txt {
        padding: 108px 0; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-bl--center .mukel-circle-desc-sec__txt {
        padding: 0; } }
  .mukel-circle-desc-sec--img-bl .mukel-circle-desc-sec__content {
    padding-left: 416px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-bl .mukel-circle-desc-sec__content {
        padding-left: 320px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-bl .mukel-circle-desc-sec__content {
        padding-left: 0; } }
  .mukel-circle-desc-sec--img-bl .mukel-circle-desc-sec__img {
    bottom: -96px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-bl .mukel-circle-desc-sec__img {
        bottom: -24px; } }
  .mukel-circle-desc-sec--img-br-loc .mukel-circle-desc-sec__content {
    padding-left: 0;
    padding-right: 416px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-br-loc .mukel-circle-desc-sec__content {
        padding-left: 0;
        padding-right: 320px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-br-loc .mukel-circle-desc-sec__content {
        padding-right: 0; } }
  .mukel-circle-desc-sec--img-br-loc .mukel-circle-desc-sec__img {
    top: auto;
    left: auto;
    right: -232px;
    bottom: -96px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-br-loc .mukel-circle-desc-sec__img {
        top: auto;
        bottom: -24px; } }
  .mukel-circle-desc-sec--img-br .mukel-circle-desc-sec__content {
    padding-left: 0;
    padding-right: 416px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-br .mukel-circle-desc-sec__content {
        padding-left: 0;
        padding-right: 320px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-br .mukel-circle-desc-sec__content {
        padding-right: 0; } }
  .mukel-circle-desc-sec--img-br .mukel-circle-desc-sec__txt {
    padding: 124px 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-br .mukel-circle-desc-sec__txt {
        padding: 108px 0; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-br .mukel-circle-desc-sec__txt {
        padding: 0; } }
  .mukel-circle-desc-sec--img-br .mukel-circle-desc-sec__img {
    top: auto;
    left: auto;
    right: -232px;
    bottom: -176px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-br .mukel-circle-desc-sec__img {
        bottom: -104px; } }
  .mukel-circle-desc-sec--img-tl .mukel-circle-desc-sec__txt {
    padding: 148px 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-tl .mukel-circle-desc-sec__txt {
        padding: 120px 0; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-tl .mukel-circle-desc-sec__txt {
        padding: 0; } }
  .mukel-circle-desc-sec--img-tl .mukel-circle-desc-sec__img {
    top: -176px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-tl .mukel-circle-desc-sec__img {
        top: -120px; } }
  .mukel-circle-desc-sec--img-tr .mukel-circle-desc-sec__content {
    padding-left: 0;
    padding-right: 416px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-tr .mukel-circle-desc-sec__content {
        padding-left: 0;
        padding-right: 320px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-tr .mukel-circle-desc-sec__content {
        padding-right: 0; } }
  .mukel-circle-desc-sec--img-tr .mukel-circle-desc-sec__txt {
    padding: 148px 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-tr .mukel-circle-desc-sec__txt {
        padding: 120px 0; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-circle-desc-sec--img-tr .mukel-circle-desc-sec__txt {
        padding: 0; } }
  .mukel-circle-desc-sec--img-tr .mukel-circle-desc-sec__img {
    top: -176px;
    left: auto;
    right: -232px;
    bottom: -176px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-circle-desc-sec--img-tr .mukel-circle-desc-sec__img {
        top: -120px;
        bottom: -104px; } }

/* ==========================================================================
   MUKEL Component: Product Services
   ========================================================================== */
.mukel-product-services__content {
  min-height: 288px;
  padding: 80px 12px;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__content {
      min-height: initial;
      padding: 0 24px 0 0; } }

.mukel-product-services__summary {
  text-align: center;
  transition: all .3s ease .1s; }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__summary {
      text-align: left;
      margin-bottom: 8px;
      transition: none; } }

.mukel-product-services__img {
  width: 100%;
  display: block; }
  .mukel-product-services__img-wrapper {
    width: 40px;
    height: 40px;
    margin: 0 auto 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-product-services__img-wrapper {
        width: 32px;
        height: 32px;
        margin: 0 0 16px; } }

.mukel-product-services__title {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #313131;
  margin: 0 auto;
  max-width: 200px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__title {
      max-width: initial;
      margin: 0; } }

.mukel-product-services__detail {
  position: absolute;
  z-index: 2;
  left: 12px;
  right: 12px;
  top: 0;
  height: 100%;
  opacity: 0;
  transform: scale(0.9);
  visibility: hidden;
  padding: 56px 48px 48px 32px;
  background-image: linear-gradient(to right, #e7e7e7, #bdbdbd);
  transition: all .3s ease 0.1s; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-product-services__detail {
      padding: 48px 24px 32px 16px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-product-services__detail {
      padding: 56px 48px 48px 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__detail {
      position: static;
      padding: 0;
      background-image: none;
      transform: none;
      transition: none;
      visibility: visible;
      opacity: 1; } }

.mukel-product-services__list-txt {
  margin: 0 0 0 16px;
  padding: 0;
  opacity: 0;
  transform: translateY(8px);
  transition: all .25s ease 0s; }
  .mukel-product-services__list-txt__item {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 16px; }
    .mukel-product-services__list-txt__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-product-services__list-txt__item {
        font-size: 1.4rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-product-services__list-txt__item {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-product-services__list-txt__item {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin-bottom: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__list-txt {
      margin-left: 20px;
      opacity: 1;
      transform: none;
      transition: none; } }

.mukel-product-services__note {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #667584;
  margin-top: 24px;
  margin-bottom: 0;
  opacity: 0;
  transform: translateY(8px);
  transition: all .25s ease 0s; }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__note {
      font-size: 1.2rem;
      line-height: 1.6rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__note {
      margin-top: 8px;
      opacity: 1;
      transform: none;
      transition: none; } }

.mukel-product-services:hover .mukel-product-services__summary {
  opacity: 0;
  transform: translateY(-24px);
  transition-delay: 0s; }

.mukel-product-services:hover .mukel-product-services__detail {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition-delay: 0s; }

.mukel-product-services:hover .mukel-product-services__list-txt,
.mukel-product-services:hover .mukel-product-services__note {
  opacity: 1;
  transform: none;
  transition-delay: .15s; }

/* ==========================================================================
   MUKEL Component: Contact Channel
   ========================================================================== */
.mukel-contact-channel__img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .mukel-contact-channel__img-wrapper {
    position: relative;
    width: 32px;
    height: 32px;
    margin-bottom: 16px; }

.mukel-contact-channel__title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-contact-channel__title {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-contact-channel__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  min-height: 56px;
  color: #667584;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-contact-channel__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-contact-channel__desc {
      min-height: initial;
      padding-right: 24px; } }
  .mukel-contact-channel__desc a[href*="tel"] {
    text-decoration: none;
    pointer-events: none; }

/* ==========================================================================
   MUKEL Component: Share Content
   ========================================================================== */
.mukel-share-content {
  display: inline-block;
  vertical-align: middle; }
  .mukel-share-content__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-share-content__title {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-share-content__list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 1; }
  .mukel-share-content__item {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin-right: 8px; }
    .mukel-share-content__item:last-child {
      margin-right: 0; }
    .mukel-share-content__item--facebook:hover .mukel-lnk {
      color: #3b5998; }
    .mukel-share-content__item--twitter:hover .mukel-lnk {
      color: #1da1f2; }
    .mukel-share-content__item--whatsapp:hover .mukel-lnk {
      color: #25d366; }
    .mukel-share-content__item--line:hover .mukel-lnk {
      color: #00c300; }
    .mukel-share-content__item--linkedin:hover .mukel-lnk {
      color: #0077b5; }
  .mukel-share-content .mukel-lnk {
    display: block;
    text-decoration: none;
    line-height: 1;
    color: #313131;
    transition: all 0.25s ease; }
    .mukel-share-content .mukel-lnk:hover {
      transform: translateY(-2px);
      text-decoration: none; }
    .mukel-vt-content__share-wrapper .mukel-share-content .mukel-lnk {
      text-decoration: none; }
  .mukel-share-content .mukel-fi {
    font-size: 2.4rem;
    height: 24px;
    display: block;
    vertical-align: top; }
  .mukel-share-content__icon {
    display: inline-block;
    height: 24px;
    vertical-align: middle; }
  .mukel-share-content__btn {
    display: block;
    padding: 0;
    background-color: transparent;
    border: 0;
    line-height: 1;
    position: relative;
    transition: all 0.25s ease;
    color: #313131;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mukel-share-content__btn:hover {
      color: #eb2629;
      transform: translateY(-2px); }
    .mukel-share-content__btn__txt {
      display: inline-block;
      vertical-align: middle;
      margin-left: 8px;
      font-size: 1.2rem;
      line-height: 1.6rem;
      transition: all 0.25s ease; }
      @media only screen and (max-width: 767.98px) {
        .mukel-share-content__btn__txt {
          font-size: 1.2rem;
          line-height: 1.6rem; } }
    .mukel-share-content__btn--copied .mukel-share-content__copied {
      opacity: 1;
      transform: translate(-50%, 0); }
      @media only screen and (max-width: 991.98px) {
        .mukel-share-content__btn--copied .mukel-share-content__copied {
          transform: none; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-share-content__btn--copied .mukel-share-content__copied {
          transform: translate(-50%, 0); } }
  .mukel-share-content__copied {
    position: absolute;
    top: 32px;
    left: 50%;
    padding: 4px 24px;
    margin-left: -4px;
    transform: translate(-50%, 2px);
    opacity: 0;
    background-color: #fff;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #313131;
    display: inline-block;
    white-space: nowrap;
    border-radius: 8px;
    transition: all .25s ease;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-share-content__copied {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
    .mukel-share-content__copied::after {
      content: '';
      position: absolute;
      top: -4px;
      display: block;
      width: 8px;
      height: 8px;
      left: 50%;
      margin-left: -4px;
      border-radius: 1px;
      background-color: #fff;
      transform-origin: center center;
      transform: rotate(45deg); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-vt-content__share-wrapper .mukel-share-content__copied {
        left: auto;
        right: 0;
        margin-left: 0;
        transform: none; }
        .mukel-vt-content__share-wrapper .mukel-share-content__copied::after {
          left: auto;
          right: 10px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-share-content__copied {
        left: auto;
        right: 0;
        margin-left: 0;
        transform: none; }
        .mukel-share-content__copied::after {
          left: auto;
          right: 10px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-share-content__copied {
        left: 50%;
        right: auto;
        margin-left: -4px;
        transform: translate(-50%, 2px); }
        .mukel-share-content__copied::after {
          left: 50%;
          right: auto; }
        .mukel-vt-content__share-wrapper .mukel-share-content__copied {
          left: auto;
          right: 0;
          margin-left: 0;
          transform: none; }
          .mukel-vt-content__share-wrapper .mukel-share-content__copied::after {
            left: auto;
            right: 10px; } }
  .mukel-share-content--floating .mukel-share-content__item:nth-last-child(2) {
    margin-right: 0; }
  .mukel-share-content--floating .mukel-share-content__item--copy-link {
    display: block;
    margin-top: 8px;
    padding-top: 8px;
    border-top: solid 1px #dae0e6; }
    .mukel-share-content--floating .mukel-share-content__item--copy-link .mukel-share-content__btn:hover {
      transform: none; }

/* ==========================================================================
   MUKEL Component: Section Image Description
   ========================================================================== */
.mukel-sec-img-desc {
  display: table;
  table-layout: fixed;
  width: 100%;
  position: relative;
  background-color: #f0f1f5; }
  @media only screen and (max-width: 991.98px) {
    .mukel-sec-img-desc {
      display: block;
      padding: 56px 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-sec-img-desc {
      padding: 48px 16px; } }
  .mukel-sec-img-desc__img {
    width: 100%;
    height: auto;
    display: block; }
    .mukel-sec-img-desc__img-wrapper {
      width: calc(50% + 24px);
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 991.98px) {
        .mukel-sec-img-desc__img-wrapper {
          width: 100%;
          display: block;
          margin-bottom: 24px; } }
  .mukel-sec-img-desc__content {
    padding-left: 104px; }
    .mukel-sec-img-desc__content-wrapper {
      display: table-cell;
      vertical-align: middle; }
    @media only screen and (max-width: 1272px) {
      .mukel-sec-img-desc__content {
        padding-left: 80px; }
        .mukel-sec-img-desc__content-wrapper {
          padding-right: 32px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-sec-img-desc__content {
        padding-left: 48px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-sec-img-desc__content {
        padding-left: 0; }
        .mukel-sec-img-desc__content-wrapper {
          display: block;
          padding-right: 0; } }
  .mukel-sec-img-desc__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-sec-img-desc__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-sec-img-desc__title {
        margin-bottom: 8px; } }
  .mukel-sec-img-desc__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 0;
    max-width: 496px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-sec-img-desc__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-sec-img-desc__desc {
        max-width: 100%; } }

/* ==========================================================================
   MUKEL Component: Networks
   ========================================================================== */
.mukel-networks {
  padding: 64px 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-networks {
      padding: 56px 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-networks {
      padding: 48px 0; } }
  .mukel-networks__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-networks__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-networks__scrollover {
      padding-bottom: 8px;
      margin-left: -32px;
      margin-right: -32px;
      padding-left: 32px;
      padding-right: 32px;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-networks__scrollover {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-networks__content {
      width: 1248px;
      padding-left: 12px;
      padding-right: 44px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-networks__content {
      padding-left: 12px;
      padding-right: 28px; } }
  .mukel-networks__companies {
    padding-bottom: 16px;
    border-bottom: 1px solid #c2c9d1;
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-networks__companies::before, .mukel-networks__companies::after {
      content: " ";
      display: table; }
    .mukel-networks__companies::after {
      clear: both; }
    .mukel-networks__companies__item {
      float: left;
      width: 16.66666667%;
      height: 80px;
      padding-left: 12px;
      padding-right: 12px;
      position: relative;
      overflow: hidden; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-networks__companies__item {
          height: 62px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-networks__companies__item {
          height: 80px; } }
  .mukel-networks__logo {
    display: block; }
  .mukel-networks__map {
    width: 808px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .mukel-networks__map-wrapper {
      width: 100%;
      padding-top: 64px; }

/* ==========================================================================
   MUKEL Component: How To Fragment
   ========================================================================== */
.mukel-how-to-fr__item {
  display: block;
  position: relative;
  margin-bottom: 16px; }
  .mukel-how-to-fr__item::after {
    content: '';
    display: block;
    clear: both; }

.mukel-how-to-fr__img-wrapper {
  float: left;
  width: 276px;
  padding: 0 16px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to-fr__img-wrapper {
      float: none;
      margin: auto; } }

.mukel-how-to-fr__content-wrapper {
  position: absolute;
  top: 50%;
  right: 0;
  resize: vertical;
  transform: translateY(-50%);
  padding-left: 40px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to-fr__content-wrapper {
      position: relative;
      top: initial;
      right: initial;
      transform: none;
      padding-left: 0;
      text-align: center; } }

.mukel-how-to-fr__label {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 4px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to-fr__label {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-how-to-fr__title {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to-fr__title {
      font-size: 2rem;
      line-height: 3.2rem; } }

.mukel-how-to-fr__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 0;
  width: 70%; }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to-fr__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to-fr__desc {
      margin: auto;
      width: 80%; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to-fr__desc {
      width: 95%; } }

/* ==========================================================================
   MUKEL Component: Schedule
   ========================================================================== */
.mukel-schedule__item {
  position: relative; }
  .mukel-schedule__item::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: 19px;
    top: 16px;
    bottom: -16px;
    border-left: solid 1px #dae0e6; }
  .mukel-schedule__item::after {
    content: '';
    display: table;
    clear: both; }
  .mukel-schedule__item:last-child::before {
    display: none;
    content: none; }

.mukel-schedule__bullet {
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #eb2629; }

.mukel-schedule__date {
  font-size: 2rem;
  line-height: 3.2rem;
  color: #313131;
  padding-left: 32px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-schedule__date {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-schedule__date {
      font-size: 2rem;
      line-height: 3.2rem;
      margin-bottom: 8px; } }

.mukel-schedule__content-wrapper {
  padding-bottom: 24px;
  padding-left: 48px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-schedule__content-wrapper {
      padding-left: 40px; } }

.mukel-schedule__title, .mukel-schedule b {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-schedule__title, .mukel-schedule b {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.mukel-schedule__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 24px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-schedule__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Component: Location Search Section
   ========================================================================== */
.mukel-location-search-section__form-wrapper {
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.45s ease;
  transition-delay: 200ms;
  margin-bottom: 16px; }
  .mukel-search-form--show .mukel-location-search-section__form-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 300ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-location-search-section__form-wrapper {
      padding: 12px 0;
      margin-bottom: 0;
      transform: translateY(4px);
      position: relative;
      z-index: 3; }
      .mukel-search-form--show .mukel-location-search-section__form-wrapper {
        transform: translateY(0); } }

.mukel-location-search-section__form {
  position: relative;
  width: 100%; }
  .mukel-location-search-section__form .mukel-input {
    padding-left: 44px;
    padding-right: 40px; }

.mukel-location-search-section .mukel-fi {
  font-size: 1.6rem;
  margin-left: -8px;
  margin-top: -8px; }

.mukel-location-search-section__submit {
  position: absolute;
  left: 8px;
  top: 8px;
  color: #313131; }

.mukel-location-search-section__close {
  position: absolute;
  top: 8px;
  right: 8px; }

.mukel-location-search-section .mukel-input {
  width: 100%; }

.mukel-location-search-section__quick-links {
  padding: 16px 24px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease;
  transition-delay: 175ms;
  height: 296px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
  .mukel-search-form--show .mukel-location-search-section__quick-links {
    opacity: 1;
    visibility: visible;
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-location-search-section__quick-links {
      position: absolute;
      top: 64px;
      left: 16px;
      right: 16px;
      bottom: 0;
      padding-bottom: 16px;
      z-index: 2;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      .mukel-location-search-section__quick-links::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; }
      .mukel-location-search-section__quick-links::before {
        content: none;
        display: none; } }

.mukel-location-search-section__no-result {
  display: none;
  text-align: center;
  padding: 72px 24px; }
  .mukel-location-search-section__no-result__icon {
    width: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .mukel-location-search-section__no-result__icon-wrapper {
      position: relative;
      width: 56px;
      height: 56px;
      margin: 0 auto 40px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-location-search-section__no-result__icon-wrapper {
          margin-bottom: 32px; } }
  .mukel-location-search-section__no-result__txt {
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-location-search-section__no-result__txt {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-location-search-section__no-result {
      padding: 64px 24px; } }

.mukel-location-search-section__title {
  margin-bottom: 8px;
  color: #313131;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.45s ease;
  transition-delay: 150ms; }
  @media only screen and (max-width: 767.98px) {
    .mukel-location-search-section__title {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-search-form--show .mukel-location-search-section__title {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-location-search-section__title {
      transform: translateY(4px); }
      .mukel-search-form--show .mukel-location-search-section__title {
        transform: translateY(0); } }

.mukel-location-search-section__list {
  list-style: none;
  margin: 0;
  padding: 0 16px 8px 0; }
  .mukel-location-search-section__list-container {
    margin-right: -16px;
    max-height: 232px; }

.mukel-location-search-section .mCSB_inside > .mCSB_container {
  margin-right: 0; }

.mukel-location-search-section .mCSB_scrollTools {
  width: 4px;
  opacity: 1; }

.mukel-location-search-section .mCSB_scrollTools .mCSB_draggerRail {
  display: none; }

.mukel-location-search-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  border-radius: 2px;
  background-color: #c2c9d1; }

.mukel-location-search-section__item {
  padding: 10px 0;
  border-bottom: solid 1px #dae0e6;
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.35s ease;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .mukel-location-search-section__item:nth-child(1) {
    transition-delay: 125ms; }
  .mukel-location-search-section__item:nth-child(2) {
    transition-delay: 100ms; }
  .mukel-location-search-section__item:nth-child(3) {
    transition-delay: 75ms; }
  .mukel-location-search-section__item:nth-child(4) {
    transition-delay: 50ms; }
  .mukel-location-search-section__item:nth-child(5) {
    transition-delay: 25ms; }
  .mukel-search-form--show .mukel-location-search-section__item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
    .mukel-search-form--show .mukel-location-search-section__item:nth-child(1) {
      transition-delay: 400ms; }
    .mukel-search-form--show .mukel-location-search-section__item:nth-child(2) {
      transition-delay: 450ms; }
    .mukel-search-form--show .mukel-location-search-section__item:nth-child(3) {
      transition-delay: 500ms; }
    .mukel-search-form--show .mukel-location-search-section__item:nth-child(4) {
      transition-delay: 550ms; }
    .mukel-search-form--show .mukel-location-search-section__item:nth-child(5) {
      transition-delay: 600ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-location-search-section__item {
      transform: translateY(4px); }
      .mukel-search-form--show .mukel-location-search-section__item {
        transform: translateY(0); } }

.mukel-location-search-section .mukel-lnk {
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  transition: color 0.3s ease;
  text-transform: capitalize; }
  @media only screen and (max-width: 767.98px) {
    .mukel-location-search-section .mukel-lnk {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-location-search-section .mukel-lnk:hover {
    color: #eb2629; }
    .mukel-premier-site .mukel-location-search-section .mukel-lnk:hover {
      color: #8b7866; }
    .mukel-private-site .mukel-location-search-section .mukel-lnk:hover {
      color: #6a6d73; }

.mukel-location-search-section__highlight {
  font-weight: 700; }

.mukel-location-search-section--inline {
  position: relative; }
  .mukel-location-search-section--inline .mukel-location-search-section__form .mukel-input {
    padding: 16px 96px 15px 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-location-search-section--inline .mukel-location-search-section__form .mukel-input {
        padding: 8px 32px 7px 0; } }
  .mukel-location-search-section--inline .mukel-location-search-section__form .mukel-location-search-section__submit {
    left: auto;
    right: 0;
    top: 16px;
    z-index: 2; }
    @media only screen and (max-width: 767.98px) {
      .mukel-location-search-section--inline .mukel-location-search-section__form .mukel-location-search-section__submit {
        top: 8px; } }
  .mukel-location-search-section--inline .mukel-location-search-section__form .mukel-fi {
    font-size: 2.4rem;
    margin-left: -12px;
    margin-top: -12px; }
  .mukel-location-search-section--inline .mukel-location-search-section__form-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    margin-bottom: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-location-search-section--inline .mukel-location-search-section__form-wrapper {
        padding: 0; } }
  .mukel-location-search-section--inline .mukel-location-search-section__quick-links {
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 8px; }
    .mukel-search-form--show .mukel-location-search-section--inline .mukel-location-search-section__quick-links {
      opacity: 0;
      visibility: hidden;
      transition-delay: 175ms; }
    .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__quick-links {
      opacity: 1;
      visibility: visible;
      transition-delay: 350ms; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-location-search-section--inline .mukel-location-search-section__quick-links {
        top: auto;
        bottom: auto; } }
  .mukel-search-form--show .mukel-location-search-section--inline .mukel-location-search-section__title {
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);
    transition-delay: 150ms; }
  .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__title {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-form--show .mukel-location-search-section--inline .mukel-location-search-section__title {
      transform: translateY(4px); }
    .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__title {
      transform: translateY(0); } }
  .mukel-search-form--show .mukel-location-search-section--inline .mukel-location-search-section__item {
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px); }
  .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
    .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__item:nth-child(1) {
      transition-delay: 400ms; }
    .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__item:nth-child(2) {
      transition-delay: 450ms; }
    .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__item:nth-child(3) {
      transition-delay: 500ms; }
    .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__item:nth-child(4) {
      transition-delay: 550ms; }
    .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__item:nth-child(5) {
      transition-delay: 600ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-form--show-inline .mukel-location-search-section--inline .mukel-location-search-section__item {
      transform: translateY(0); } }

/* ==========================================================================
   MUKEL Component: FAQ Search Section
   ========================================================================== */
.mukel-faq-search-section__form-wrapper {
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.45s ease;
  transition-delay: 200ms;
  margin-bottom: 16px; }
  .mukel-search-form--show .mukel-faq-search-section__form-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 300ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-faq-search-section__form-wrapper {
      padding: 12px 0;
      margin-bottom: 0;
      transform: translateY(4px);
      position: relative;
      z-index: 3; }
      .mukel-search-form--show .mukel-faq-search-section__form-wrapper {
        transform: translateY(0); } }

.mukel-faq-search-section__form {
  position: relative;
  width: 100%; }
  .mukel-faq-search-section__form .mukel-input {
    padding-left: 44px;
    padding-right: 40px; }

.mukel-faq-search-section .mukel-fi {
  font-size: 1.6rem;
  margin-left: -8px;
  margin-top: -8px; }

.mukel-faq-search-section__submit {
  position: absolute;
  left: 8px;
  top: 8px;
  color: #313131; }

.mukel-faq-search-section__close {
  position: absolute;
  top: 8px;
  right: 8px; }

.mukel-faq-search-section .mukel-input {
  width: 100%; }

.mukel-faq-search-section__quick-links {
  padding: 16px 24px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease;
  transition-delay: 175ms;
  height: 296px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
  .mukel-search-form--show .mukel-faq-search-section__quick-links {
    opacity: 1;
    visibility: visible;
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-faq-search-section__quick-links {
      position: absolute;
      top: 64px;
      left: 16px;
      right: 16px;
      bottom: 0;
      padding-bottom: 16px;
      z-index: 2;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      .mukel-faq-search-section__quick-links::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; }
      .mukel-faq-search-section__quick-links::before {
        content: none;
        display: none; } }

.mukel-faq-search-section__no-result {
  display: none;
  text-align: center;
  padding: 72px 24px; }
  .mukel-faq-search-section__no-result__icon {
    width: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .mukel-faq-search-section__no-result__icon-wrapper {
      position: relative;
      width: 56px;
      height: 56px;
      margin: 0 auto 40px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-faq-search-section__no-result__icon-wrapper {
          margin-bottom: 32px; } }
  .mukel-faq-search-section__no-result__txt {
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-search-section__no-result__txt {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-faq-search-section__no-result {
      padding: 64px 24px; } }

.mukel-faq-search-section__title {
  margin-bottom: 8px;
  color: #313131;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.45s ease;
  transition-delay: 150ms; }
  @media only screen and (max-width: 767.98px) {
    .mukel-faq-search-section__title {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-search-form--show .mukel-faq-search-section__title {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-faq-search-section__title {
      transform: translateY(4px); }
      .mukel-search-form--show .mukel-faq-search-section__title {
        transform: translateY(0); } }

.mukel-faq-search-section__list {
  list-style: none;
  margin: 0;
  padding: 0 16px 8px 0; }
  .mukel-faq-search-section__list-container {
    margin-right: -16px;
    max-height: 232px; }

.mukel-faq-search-section .mCSB_inside > .mCSB_container {
  margin-right: 0; }

.mukel-faq-search-section .mCSB_scrollTools {
  width: 4px;
  opacity: 1; }

.mukel-faq-search-section .mCSB_scrollTools .mCSB_draggerRail {
  display: none; }

.mukel-faq-search-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  border-radius: 2px;
  background-color: #c2c9d1; }

.mukel-faq-search-section__item {
  padding: 10px 0;
  border-bottom: solid 1px #dae0e6;
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition: all 0.35s ease;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .mukel-faq-search-section__item:nth-child(1) {
    transition-delay: 125ms; }
  .mukel-faq-search-section__item:nth-child(2) {
    transition-delay: 100ms; }
  .mukel-faq-search-section__item:nth-child(3) {
    transition-delay: 75ms; }
  .mukel-faq-search-section__item:nth-child(4) {
    transition-delay: 50ms; }
  .mukel-faq-search-section__item:nth-child(5) {
    transition-delay: 25ms; }
  .mukel-search-form--show .mukel-faq-search-section__item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
    .mukel-search-form--show .mukel-faq-search-section__item:nth-child(1) {
      transition-delay: 400ms; }
    .mukel-search-form--show .mukel-faq-search-section__item:nth-child(2) {
      transition-delay: 450ms; }
    .mukel-search-form--show .mukel-faq-search-section__item:nth-child(3) {
      transition-delay: 500ms; }
    .mukel-search-form--show .mukel-faq-search-section__item:nth-child(4) {
      transition-delay: 550ms; }
    .mukel-search-form--show .mukel-faq-search-section__item:nth-child(5) {
      transition-delay: 600ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-faq-search-section__item {
      transform: translateY(4px); }
      .mukel-search-form--show .mukel-faq-search-section__item {
        transform: translateY(0); } }

.mukel-faq-search-section .mukel-lnk {
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  transition: color 0.3s ease;
  text-transform: capitalize; }
  @media only screen and (max-width: 767.98px) {
    .mukel-faq-search-section .mukel-lnk {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-faq-search-section .mukel-lnk:hover {
    color: #eb2629; }
    .mukel-premier-site .mukel-faq-search-section .mukel-lnk:hover {
      color: #8b7866; }
    .mukel-private-site .mukel-faq-search-section .mukel-lnk:hover {
      color: #6a6d73; }

.mukel-faq-search-section__highlight {
  font-weight: 700; }

.mukel-faq-search-section--inline {
  position: relative; }
  .mukel-faq-search-section--inline .mukel-faq-search-section__form .mukel-input {
    padding: 16px 96px 15px 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-search-section--inline .mukel-faq-search-section__form .mukel-input {
        padding: 8px 32px 7px 0; } }
  .mukel-faq-search-section--inline .mukel-faq-search-section__form .mukel-faq-search-section__submit {
    left: auto;
    right: 0;
    top: 16px;
    z-index: 2; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-search-section--inline .mukel-faq-search-section__form .mukel-faq-search-section__submit {
        top: 8px; } }
  .mukel-faq-search-section--inline .mukel-faq-search-section__form .mukel-fi {
    font-size: 2.4rem;
    margin-left: -12px;
    margin-top: -12px; }
  .mukel-faq-search-section--inline .mukel-faq-search-section__form-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    margin-bottom: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-faq-search-section--inline .mukel-faq-search-section__form-wrapper {
        padding: 0; } }
  .mukel-faq-search-section--inline .mukel-faq-search-section__quick-links {
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 8px; }
    .mukel-search-form--show .mukel-faq-search-section--inline .mukel-faq-search-section__quick-links {
      opacity: 0;
      visibility: hidden;
      transition-delay: 175ms; }
    .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__quick-links {
      opacity: 1;
      visibility: visible;
      transition-delay: 350ms; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-faq-search-section--inline .mukel-faq-search-section__quick-links {
        top: auto;
        bottom: auto; } }
  .mukel-search-form--show .mukel-faq-search-section--inline .mukel-faq-search-section__title {
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);
    transition-delay: 150ms; }
  .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__title {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition-delay: 350ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-form--show .mukel-faq-search-section--inline .mukel-faq-search-section__title {
      transform: translateY(4px); }
    .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__title {
      transform: translateY(0); } }
  .mukel-search-form--show .mukel-faq-search-section--inline .mukel-faq-search-section__item {
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px); }
  .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
    .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__item:nth-child(1) {
      transition-delay: 400ms; }
    .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__item:nth-child(2) {
      transition-delay: 450ms; }
    .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__item:nth-child(3) {
      transition-delay: 500ms; }
    .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__item:nth-child(4) {
      transition-delay: 550ms; }
    .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__item:nth-child(5) {
      transition-delay: 600ms; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-form--show-inline .mukel-faq-search-section--inline .mukel-faq-search-section__item {
      transform: translateY(0); } }

/* ==========================================================================
   MUKEL Components: Label Comparison 
   ========================================================================== */
.mukel-label-comparison__button {
  touch-action: none;
  left: -10px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease; }
  @media only screen and (max-width: 767.98px) {
    .mukel-label-comparison__button {
      display: none; } }
  .mukel-label-comparison__button__active {
    left: 0;
    opacity: 1;
    visibility: visible; }

.mukel-label-comparison__item {
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .mukel-label-comparison__item {
      float: none;
      display: inline-block; } }

.mukel-label-comparison__btn-trigger {
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
  cursor: pointer; }

/* ==========================================================================
   MUKEL Components: Table Comparison 
   ========================================================================== */
.mukel-tbl-comp {
  margin-bottom: 8px;
  float: none; }
  .mukel-tbl-comp__head {
    padding: 16px 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    border-bottom: 1px solid #80909f; }
  .mukel-tbl-comp__row {
    padding: 24px 0;
    border-bottom: 1px solid #c2c9d1; }
    .mukel-tbl-comp__row::after {
      content: '';
      display: block;
      clear: both; }
    .mukel-tbl-comp__row:last-child, .mukel-tbl-comp__row:only-child {
      border-bottom: none; }
  .mukel-tbl-comp__p {
    margin-top: 8px;
    margin-bottom: 24px; }
  .mukel-tbl-comp__data {
    padding: 0 24px;
    float: left;
    width: 25%;
    color: #667584;
    vertical-align: top; }
    .mukel-tbl-comp__data .mukel-fi {
      font-size: 2.4rem;
      line-height: 3.2rem;
      color: #449B94; }
    .mukel-tbl-comp__data:first-child {
      color: #313131; }
    @media only screen and (max-width: 991.98px) {
      .mukel-tbl-comp__data {
        width: 33.3333%; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-tbl-comp__data {
        padding: 0 24px 24px 0;
        width: 50%;
        float: none;
        display: inline-block; }
        .mukel-tbl-comp__data:first-child {
          width: 100%;
          display: block;
          padding: 0 0 8px; } }
    .mukel-tbl-comp__data-src {
      display: none; }
  .mukel-tbl-comp--syarat-ketentuan {
    margin-bottom: 32px; }

/* ==========================================================================
   MUKEL Layout Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Layout: Header
   ========================================================================== */
.mukel-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: #fff;
  transition: transform 0.35s ease;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
  .mukel-scroll-down .mukel-header {
    transform: translateY(-100%);
    transition: transform 0.5s ease; }
  .mukel-premier-site .mukel-header {
    background-image: linear-gradient(to bottom, #bfad98 0%, #8b7866 100%); }
  .mukel-private-site .mukel-header {
    background-image: linear-gradient(to top, #6a6d73, #72747b 13%, #aaa7ae); }
  @media only screen and (max-width: 1199.98px) {
    .mukel-header {
      box-shadow: none;
      background-color: transparent; } }
  .mukel-header__wrapper {
    position: relative; }
    .mukel-header__wrapper::before, .mukel-header__wrapper::after {
      content: " ";
      display: table; }
    .mukel-header__wrapper::after {
      clear: both; }
  .mukel-header__top {
    float: left;
    margin-right: 35px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__top {
        float: none;
        position: relative;
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 32px;
        padding-right: 32px;
        z-index: 3;
        background-color: #fff;
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
        .mukel-premier-site .mukel-header__top {
          background-image: linear-gradient(to bottom, #bfad98 0%, #8b7866 100%); }
        .mukel-private-site .mukel-header__top {
          background-image: linear-gradient(to top, #6a6d73, #72747b 13%, #aaa7ae); } }
    @media only screen and (max-width: 767.98px) {
      .mukel-header__top {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px; } }
  .mukel-header__logo {
    font-size: 0;
    padding: 16px 0;
    float: left; }
    .mukel-header__logo .mukel-lnk {
      display: inline-block; }
    .mukel-header__logo .mukel-img {
      height: 40px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__logo {
        padding: 12px 0;
        float: none;
        transition: all 0.25s ease;
        transition-delay: 250ms; }
        .mukel-search-form--show .mukel-header__logo {
          opacity: 0;
          transform: translateY(-4px);
          transition-delay: 150ms; } }
    @media only screen and (max-width: 320px) {
      .mukel-header__logo {
        padding: 14px 0; }
        .mukel-header__logo .mukel-img {
          height: 36px; } }
  .mukel-header__burger-menu {
    display: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__burger-menu {
        display: block;
        position: absolute;
        z-index: 2;
        top: 12px;
        right: 14px;
        transition: all 0.25s ease;
        transition-delay: 450ms; }
        .mukel-search-form--show .mukel-header__burger-menu {
          opacity: 0;
          transform: translateY(-4px);
          transition-delay: 0ms; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-header__burger-menu {
        right: 6px; } }
  .mukel-header__search-btn {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 440px;
    padding: 24px 0;
    font-size: 0;
    line-height: 1;
    transition: all 0.3s ease;
    transition-delay: 350ms; }
    .mukel-premier-site .mukel-header__search-btn .mukel-btn-icon,
    .mukel-private-site .mukel-header__search-btn .mukel-btn-icon {
      color: #fff; }
      .mukel-premier-site .mukel-header__search-btn .mukel-btn-icon:hover,
      .mukel-private-site .mukel-header__search-btn .mukel-btn-icon:hover {
        color: #313131; }
    .mukel-search-form--show .mukel-header__search-btn {
      opacity: 0;
      visibility: hidden;
      transform: translateX(-8px);
      transition-delay: 200ms; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__search-btn {
        padding: 0;
        top: 12px;
        right: 200px;
        margin-right: 0;
        transition-delay: 300ms; }
        .mukel-search-form--show .mukel-header__search-btn {
          opacity: 0;
          transform: translateY(-4px);
          transition-delay: 100ms; }
        .mukel-header__search-btn .mukel-btn-icon {
          width: 40px;
          height: 40px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-header__search-btn {
        right: 130px; } }
  .mukel-header__login {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 155px;
    padding: 22px 0;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    transition: all 0.25s ease;
    transition-delay: 500ms;
    -webkit-tap-highlight-color: transparent; }
    .mukel-search-form--show .mukel-header__login {
      opacity: 0;
      visibility: hidden;
      transform: translateX(-8px);
      transition-delay: 50ms; }
    .mukel-premier-site .mukel-header__login .mukel-btn-icon-txt,
    .mukel-private-site .mukel-header__login .mukel-btn-icon-txt {
      color: #fff; }
      .mukel-premier-site .mukel-header__login .mukel-btn-icon-txt:hover,
      .mukel-private-site .mukel-header__login .mukel-btn-icon-txt:hover {
        color: #313131; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-premier-site .mukel-header__login .mukel-btn-icon-txt:hover,
          .mukel-private-site .mukel-header__login .mukel-btn-icon-txt:hover {
            color: #fff; } }
    .mukel-header__login.show-menu .mukel-header__log-lnk__wrapper {
      visibility: visible;
      opacity: 1;
      transform: translate(-50%, 0); }
    .mukel-header__login.show-menu .mukel-btn-icon-txt {
      color: #eb2629; }
      .mukel-premier-site .mukel-header__login.show-menu .mukel-btn-icon-txt,
      .mukel-private-site .mukel-header__login.show-menu .mukel-btn-icon-txt {
        color: #313131; }
      .mukel-header__login.show-menu .mukel-btn-icon-txt__icon__img--default {
        opacity: 0; }
      .mukel-header__login.show-menu .mukel-btn-icon-txt__icon__img--hover {
        opacity: 1; }
    .mukel-header__login.show-menu::after {
      transform: scaleX(1); }
    .mukel-header__login::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      height: 2px;
      width: 24px;
      left: 50%;
      margin-left: -12px;
      z-index: 2;
      background-color: #eb2629;
      transition: all 0.25s ease;
      transform: scaleX(0);
      transform-origin: center center; }
      .mukel-premier-site .mukel-header__login::after,
      .mukel-private-site .mukel-header__login::after {
        background-color: #313131; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-header__login::after {
          bottom: -12px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__login {
        right: 80px;
        top: 12px;
        padding: 0;
        transition-delay: 350ms; }
        .mukel-search-form--show .mukel-header__login {
          opacity: 0;
          transform: translateY(-4px);
          transition-delay: 50ms; }
        .mukel-header__login .mukel-btn-icon-txt {
          width: 40px;
          height: 40px;
          padding: 8px 0; }
          .mukel-header__login .mukel-btn-icon-txt__icon {
            margin-right: 0; }
          .mukel-header__login .mukel-btn-icon-txt__txt {
            display: none; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-header__login {
        right: 45px; } }
  .mukel-header__region {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 305px;
    padding: 22px 0;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    transition: all 0.25s ease;
    transition-delay: 500ms;
    -webkit-tap-highlight-color: transparent; }
    .mukel-search-form--show .mukel-header__region {
      opacity: 0;
      visibility: hidden;
      transform: translateX(-8px);
      transition-delay: 50ms; }
    .mukel-header__region .mukel-btn-icon-txt__icon {
      margin: 0 4px; }
    .mukel-header__region .mukel-btn-icon-txt__txt {
      width: 0; }
    .mukel-premier-site .mukel-header__region .mukel-btn-icon-txt,
    .mukel-private-site .mukel-header__region .mukel-btn-icon-txt {
      color: #fff; }
      .mukel-premier-site .mukel-header__region .mukel-btn-icon-txt:hover,
      .mukel-private-site .mukel-header__region .mukel-btn-icon-txt:hover {
        color: #313131; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-premier-site .mukel-header__region .mukel-btn-icon-txt:hover,
          .mukel-private-site .mukel-header__region .mukel-btn-icon-txt:hover {
            color: #fff; } }
    .mukel-header__region.show-menu .mukel-header__log-lnk__wrapper {
      visibility: visible;
      opacity: 1;
      transform: translate(-50%, 0); }
    .mukel-header__region.show-menu .mukel-btn-icon-txt {
      color: #eb2629; }
      .mukel-premier-site .mukel-header__region.show-menu .mukel-btn-icon-txt,
      .mukel-private-site .mukel-header__region.show-menu .mukel-btn-icon-txt {
        color: #313131; }
      .mukel-header__region.show-menu .mukel-btn-icon-txt__icon__img--default {
        opacity: 0; }
      .mukel-header__region.show-menu .mukel-btn-icon-txt__icon__img--hover {
        opacity: 1; }
    .mukel-header__region.show-menu::after {
      transform: scaleX(1); }
    .mukel-header__region::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      height: 2px;
      width: 24px;
      left: 50%;
      margin-left: -12px;
      z-index: 2;
      background-color: #eb2629;
      transition: all 0.25s ease;
      transform: scaleX(0);
      transform-origin: center center; }
      .mukel-premier-site .mukel-header__region::after,
      .mukel-private-site .mukel-header__region::after {
        background-color: #313131; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-header__region::after {
          bottom: -12px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__region {
        right: 140px;
        top: 12px;
        padding: 0;
        transition-delay: 350ms; }
        .mukel-header__region .mukel-header__log-lnk__wrapper {
          left: 45%; }
        .mukel-search-form--show .mukel-header__region {
          opacity: 0;
          transform: translateY(-4px);
          transition-delay: 50ms; }
        .mukel-header__region .mukel-btn-icon-txt {
          width: 40px;
          height: 40px;
          padding: 6px 0; }
          .mukel-header__region .mukel-btn-icon-txt__txt {
            display: none; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-header__region {
        right: 85px; } }
  .mukel-header__log-lnk {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-header__log-lnk__a {
      white-space: nowrap;
      display: block;
      padding: 8px 24px;
      text-decoration: none;
      position: relative;
      font-size: 1.4rem;
      line-height: 2.4rem;
      transition: background-color .25s ease; }
      @media only screen and (max-width: 767.98px) {
        .mukel-header__log-lnk__a {
          font-size: 1.4rem;
          line-height: 2.4rem; } }
      .mukel-header__log-lnk__a:hover {
        background-color: #dae0e6; }
        .mukel-header__log-lnk__a:hover::after {
          opacity: 0; }
      .mukel-header__log-lnk__a::after {
        content: "";
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: -1px;
        border-bottom: solid 1px #f0f1f5;
        transition: opacity .25s ease; }
      .mukel-header__log-lnk__a:last-child::after {
        content: none;
        display: none; }
    .mukel-header__log-lnk__wrapper {
      position: absolute;
      top: 68px;
      padding-top: 8px;
      left: 50%;
      transform: translate(-50%, 4px);
      transition: all .3s ease;
      visibility: hidden;
      opacity: 0; }
      @media only screen and (max-width: 1366px) {
        .mukel-header__log-lnk__wrapper {
          left: 35%; } }
      @media only screen and (max-width: 1280px) {
        .mukel-header__log-lnk__wrapper {
          left: -25%; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-header__log-lnk__wrapper {
          left: -45%;
          padding-top: 0;
          top: 56px; } }
  .mukel-header__side-menu {
    float: left; }
    .mukel-header__side-menu__bg {
      display: none; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__side-menu {
        position: fixed;
        z-index: 2;
        top: 64px;
        right: 0;
        bottom: 0;
        left: 0;
        padding-right: 0;
        background-color: rgba(0, 0, 0, 0.8);
        opacity: 0;
        visibility: hidden;
        transition: all 0.35s ease;
        transition-delay: 0.75s; }
        .mukel-header__side-menu__bg {
          display: block;
          width: 272px;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          background-color: #fff;
          transform: scaleX(0);
          transform-origin: center right;
          transition: all 0.5s ease;
          transition-delay: 0.35s;
          z-index: 2;
          box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
        .mukel-header__side-menu__scrollover {
          position: absolute;
          z-index: 3;
          top: 0;
          right: 0;
          bottom: 0;
          display: block;
          width: 272px;
          padding: 24px 16px;
          opacity: 0;
          transition: all 0.5s ease;
          transition-delay: 0s;
          transform: translateX(16px);
          overflow-x: hidden;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: none; }
          .mukel-header__side-menu__scrollover::-webkit-scrollbar {
            -webkit-appearance: none;
            display: none;
            width: 0; }
        .mukel-show-navigation .mukel-header__side-menu {
          opacity: 1;
          visibility: visible;
          transition-delay: 0s; }
          .mukel-show-navigation .mukel-header__side-menu__bg {
            transform: scaleX(1);
            transition-delay: 0.2s; }
          .mukel-show-navigation .mukel-header__side-menu__scrollover {
            opacity: 1;
            transition-delay: 0.55s;
            transform: translateX(0); } }
  .mukel-header__register {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: 16px 0;
    transition: all 0.25s ease;
    transition-delay: 550ms; }
    .mukel-search-form--show .mukel-header__register {
      opacity: 0;
      visibility: hidden;
      transform: translateX(-8px);
      transition-delay: 0ms; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__register {
        position: static;
        padding: 0;
        margin-bottom: 32px;
        transition: none;
        transition-delay: none; }
        .mukel-search-form--show .mukel-header__register {
          opacity: initial;
          visibility: initial;
          transform: none;
          transition-delay: none; }
        .mukel-header__register .mukel-btn {
          width: 100%; } }
  .mukel-header__lang {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 364px;
    padding: 24px 0;
    font-size: 0;
    line-height: 1;
    transition: all 0.25s ease;
    transition-delay: 400ms; }
    .mukel-search-form--show .mukel-header__lang {
      opacity: 0;
      visibility: hidden;
      transform: translateX(-8px);
      transition-delay: 150ms; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__lang {
        position: static;
        padding: 0 8px 0 6px;
        margin-bottom: 16px;
        transition: none;
        transition-delay: none; }
        .mukel-search-form--show .mukel-header__lang {
          opacity: initial;
          visibility: initial;
          transform: none;
          transition-delay: none; } }
  .mukel-header .mukel-nav {
    transition: all 0.25s ease;
    transition-delay: 300ms; }
    .mukel-search-form--show .mukel-header .mukel-nav {
      opacity: 0;
      visibility: hidden;
      transform: translateX(-8px);
      transition-delay: 250ms; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header .mukel-nav {
        padding: 0;
        transition: none;
        transition-delay: none; }
        .mukel-search-form--show .mukel-header .mukel-nav {
          opacity: initial;
          visibility: initial;
          transform: none;
          transition-delay: none; } }
  .mukel-header__mega-menu {
    position: fixed;
    left: 0;
    top: 72px;
    right: 0;
    z-index: 3;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden; }
    .mukel-header__mega-menu::after {
      content: "";
      background: #fff;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      z-index: -1;
      box-shadow: inset 0 8px 10px 1px rgba(0, 0, 0, 0.05), inset 0 3px 14px 3px rgba(0, 0, 0, 0.05), inset 0 4px 5px 0 rgba(0, 0, 0, 0.05);
      transform: scaleY(0);
      transform-origin: top center;
      transition: transform 0.35s ease 0.15s; }
      .mukel-mega-menu--show .mukel-header__mega-menu::after {
        transform: none;
        transition: transform 0.35s ease 0s; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__mega-menu {
        position: static;
        max-height: initial;
        height: auto;
        visibility: visible;
        opacity: 1;
        overflow-y: initial;
        overflow-x: initial;
        padding-left: 8px;
        padding-bottom: 4px;
        display: none; }
        .mukel-header__mega-menu::after {
          content: none; } }
    .mukel-header__mega-menu__home-lnk {
      display: none; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-header__mega-menu__home-lnk {
          display: block;
          margin-bottom: 0;
          padding-top: 16px;
          padding-bottom: 4px;
          border-bottom: solid 1px #dae0e6;
          font-size: 1.4rem;
          line-height: 2.2rem;
          opacity: 0;
          transform: translateX(8px);
          transition: all 0.4s ease; }
          .mukel-header__mega-menu__home-lnk .mukel-lnk {
            text-decoration: none;
            padding: 4px 8px;
            color: #313131; }
          .mukel-mega-menu-accordion-lvl-1--expand .mukel-header__mega-menu__home-lnk {
            opacity: 1;
            transform: translateX(0); } }
    .mukel-header__mega-menu__wrapper {
      height: 100%; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-header__mega-menu__wrapper {
          height: auto; } }
    .mukel-header__mega-menu .mukel-container {
      height: 100%; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-header__mega-menu .mukel-container {
          height: auto;
          padding: 0; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__mega-menu__wrapper {
        opacity: 0;
        transform: translateX(8px);
        transition: all 0.4s ease; }
        .mukel-mega-menu-accordion-lvl-1--expand .mukel-header__mega-menu__wrapper {
          opacity: 1;
          transform: none; } }
    .mukel-header__mega-menu .mukel-mega-menu__col, .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item {
      opacity: 0;
      transform: translateY(8px);
      visibility: hidden;
      transition: none; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-header__mega-menu .mukel-mega-menu__col, .mukel-header__mega-menu .mukel-mega-menu__widget-btn__item {
          opacity: 1;
          transform: none;
          visibility: visible; } }
  .mukel-header__contact-us {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 255px;
    padding: 24px 0;
    font-size: 0;
    line-height: 1;
    transition: all 0.25s ease;
    transition-delay: 450ms; }
    .mukel-search-form--show .mukel-header__contact-us {
      opacity: 0;
      visibility: hidden;
      transform: translateX(-8px);
      transition-delay: 100ms; }
    .mukel-header__contact-us .mukel-btn-icon-txt__icon {
      margin-right: 0; }
    .mukel-header__contact-us .mukel-btn-icon-txt__txt {
      display: none; }
    .mukel-premier-site .mukel-header__contact-us .mukel-btn-icon-txt,
    .mukel-private-site .mukel-header__contact-us .mukel-btn-icon-txt {
      color: #fff; }
      .mukel-premier-site .mukel-header__contact-us .mukel-btn-icon-txt:hover,
      .mukel-private-site .mukel-header__contact-us .mukel-btn-icon-txt:hover {
        color: #313131; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__contact-us {
        position: static;
        padding-top: 12px;
        padding-bottom: 4px;
        border-bottom: solid 1px #dae0e6;
        transition: none;
        transition-delay: none; }
        .mukel-search-form--show .mukel-header__contact-us {
          opacity: initial;
          visibility: initial;
          transform: none;
          transition-delay: none; }
        .mukel-header__contact-us .mukel-btn-icon-txt {
          padding: 4px 8px;
          color: #313131;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          .mukel-header__contact-us .mukel-btn-icon-txt__icon {
            display: none; }
          .mukel-header__contact-us .mukel-btn-icon-txt__txt {
            display: inline-block; }
          .mukel-premier-site .mukel-header .mukel-header__contact-us .mukel-btn-icon-txt,
          .mukel-private-site .mukel-header .mukel-header__contact-us .mukel-btn-icon-txt {
            color: #313131; } }
  .mukel-header__search {
    position: absolute;
    z-index: 4;
    top: 0;
    padding-top: 16px;
    left: 339px;
    width: 616px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease;
    transition-delay: 250ms; }
    .mukel-search-form--show .mukel-header__search {
      opacity: 1;
      visibility: visible; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header__search {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        padding-top: 0;
        padding: 0 16px; } }

/* ==========================================================================
   MUKEL Layout: Header Calc
   ========================================================================== */
.mukel-header-calc {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: #fff;
  transition: transform 0.35s ease;
  opacity: 1;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
  .mukel-header-calc__wrapper {
    position: relative; }
    .mukel-header-calc__wrapper::before, .mukel-header-calc__wrapper::after {
      content: " ";
      display: table; }
    .mukel-header-calc__wrapper::after {
      clear: both; }
  .mukel-header-calc__logo {
    font-size: 0;
    padding: 16px 0;
    float: left; }
    .mukel-header-calc__logo .mukel-lnk {
      display: inline-block; }
    .mukel-header-calc__logo .mukel-img {
      height: 40px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header-calc__logo {
        padding: 12px 0; } }
    @media only screen and (max-width: 320px) {
      .mukel-header-calc__logo {
        padding: 14px 0; }
        .mukel-header-calc__logo .mukel-img {
          height: 36px; } }
  .mukel-header-calc__btn {
    font-size: 0;
    padding: 16px 0;
    float: right; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-header-calc__btn {
        padding: 12px 0; } }

/* ==========================================================================
   MUKEL Layout: Site Content
   ========================================================================== */
.mukel-site-content {
  opacity: 1;
  transition: all 0.3s ease;
  transition-delay: 0.1s; }
  .mukel-site-content--hide {
    opacity: 0; }
  .mukel-popup-bod-show .mukel-site-content {
    transform: scale(0.95) translateY(-80px);
    transition: all 0.45s ease;
    transition-delay: 0s; }
  .mukel-popup-file-report-show .mukel-site-content {
    transform: scale(0.95) translateY(-80px);
    transition: all 0.45s ease;
    transition-delay: 0s; }

/* ==========================================================================
   MUKEL Layouts: Main Banner Presentation needs
   ========================================================================== */
.mukel-main-banner-presentation-needs {
  position: relative; }
  .mukel-main-banner-presentation-needs .mukel-main-banner {
    z-index: 1; }
  .mukel-main-banner-presentation-needs .mukel-needs-container {
    position: relative;
    margin-top: -272px;
    z-index: 1; }
    @media only screen and (max-width: 1280px) {
      .mukel-main-banner-presentation-needs .mukel-needs-container {
        margin-top: -256px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-main-banner-presentation-needs .mukel-needs-container {
        margin-top: -232px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-main-banner-presentation-needs .mukel-needs-container {
        margin-top: -178px; } }
    .mukel-main-banner-presentation-needs .mukel-needs-container--as-tabs .mukel-presentation-needs__wrapper {
      box-shadow: none; }
  .mukel-main-banner-presentation-needs .mukel-card-needs {
    margin-bottom: 72px; }
    @media only screen and (max-width: 1280px) {
      .mukel-main-banner-presentation-needs .mukel-card-needs {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-main-banner-presentation-needs .mukel-card-needs {
        margin-bottom: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-main-banner-presentation-needs .mukel-card-needs {
        margin-bottom: 16px; } }
  .mukel-main-banner-presentation-needs__close-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: right;
    margin-top: 40px; }

/* ==========================================================================
   MUKEL Layouts: Card needs
   ========================================================================== */
.mukel-card-needs {
  z-index: 2;
  width: 100%;
  left: 0;
  height: 200px;
  transition: all 0.75s ease;
  transition-delay: 1.25s; }
  .mukel-site-content--hide .mukel-card-needs {
    opacity: 0;
    transform: translateY(8px); }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-needs {
      height: 162px; } }
  .mukel-card-needs-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  .mukel-card-needs .mukel-col-xl-12 {
    position: static; }
  .mukel-card-needs__content {
    position: relative; }
  .mukel-card-needs__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 24px;
    max-width: 1248px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-needs__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1272px) {
      .mukel-card-needs__title {
        padding-right: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-needs__title {
        padding-right: 16px;
        margin-bottom: 8px; } }
  .mukel-card-needs__light {
    color: #fff; }
  .mukel-card-needs .mukel-card {
    margin-right: 24px; }
    .mukel-card-needs .mukel-card:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-needs .mukel-card {
        padding-right: 0;
        margin-right: 16px;
        white-space: initial; }
        .mukel-card-needs .mukel-card:last-child {
          margin-right: 16px; } }
  .mukel-card-needs__list {
    font-size: 0;
    overflow: hidden;
    border-radius: 8px 0 0 8px;
    padding-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-needs__list {
        display: block;
        width: auto;
        margin-left: -16px;
        padding-left: 16px;
        border-radius: 0;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-card-needs__list::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; } }
    .mukel-card-needs__list.owl-carousel {
      position: static; }
      .mukel-card-needs__list.owl-carousel .owl-stage-outer {
        overflow: visible; }
      .mukel-card-needs__list.owl-carousel .owl-stage {
        position: static; }
      .mukel-card-needs__list.owl-carousel button.owl-prev,
      .mukel-card-needs__list.owl-carousel button.owl-next {
        position: absolute;
        top: auto;
        z-index: 5;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
        transition: all 0.3s ease;
        color: #fff;
        text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
        .mukel-card-needs__list.owl-carousel button.owl-prev.disabled,
        .mukel-card-needs__list.owl-carousel button.owl-next.disabled {
          opacity: 0;
          cursor: default; }
        .mukel-card-needs__list.owl-carousel button.owl-prev span,
        .mukel-card-needs__list.owl-carousel button.owl-next span {
          display: none; }
        .mukel-card-needs__list.owl-carousel button.owl-prev::after,
        .mukel-card-needs__list.owl-carousel button.owl-next::after {
          display: inline-block;
          vertical-align: middle;
          font-size: 1.6rem; }
      .mukel-card-needs__list.owl-carousel button.owl-prev.disabled {
        transform: translateX(4px); }
      .mukel-card-needs__list.owl-carousel button.owl-prev::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
      .mukel-card-needs__list.owl-carousel button.owl-next.disabled {
        transform: translateX(-4px); }
      .mukel-card-needs__list.owl-carousel button.owl-next::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
    .mukel-card-needs__list.owl-carousel button.owl-prev,
    .mukel-card-needs__list.owl-carousel button.owl-next {
      bottom: 64px; }
    .mukel-card-needs__list.owl-carousel button.owl-prev {
      left: -24px; }
    .mukel-card-needs__list.owl-carousel button.owl-next {
      right: 24px; }
    .mukel-card-needs__list .owl-item .mukel-card:last-child {
      margin-right: 24px; }

/* ==========================================================================
   MUKEL Layouts: Presentation Needs
   ========================================================================== */
.mukel-presentation-needs {
  position: relative;
  display: none;
  z-index: 3;
  background-color: #fff; }
  .mukel-presentation-needs--no-pb .mukel-presentation-needs__wrapper {
    padding-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-presentation-needs--no-pb .mukel-presentation-needs__wrapper {
        padding-bottom: 0; } }
  .mukel-presentation-needs__close {
    position: absolute;
    top: 40px;
    right: 40px;
    outline: 0;
    border: 0;
    z-index: 4;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(49, 49, 49, 0.4);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateY(8px);
    visibility: hidden; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-presentation-needs__close {
        top: 32px;
        right: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-presentation-needs__close {
        top: 16px;
        right: 16px; } }
    .mukel-presentation-needs__close .mukel-fi {
      font-size: 1.6rem;
      line-height: 32px;
      color: #fff; }
    .mukel-presentation-needs__close:hover {
      background-color: rgba(49, 49, 49, 0.7);
      transform: translateY(-2px);
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
  .mukel-presentation-needs__wrapper {
    padding-bottom: 32px;
    overflow: hidden;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 991.98px) {
      .mukel-presentation-needs__wrapper {
        padding-bottom: 24px; } }
  .mukel-presentation-needs__pane {
    display: none;
    opacity: 0;
    transform: translateY(-8px);
    visibility: hidden;
    transition: all 0.35s ease; }
  .mukel-presentation-needs--expand .mukel-presentation-needs__close {
    opacity: 1;
    transform: translateY(0);
    visibility: visible; }
  .mukel-presentation-needs--expand .mukel-presentation-needs__pane {
    transform: translateY(0); }
    .mukel-presentation-needs--expand .mukel-presentation-needs__pane--active {
      opacity: 1;
      visibility: visible; }

/* ==========================================================================
   MUKEL Layout: Main Banner
   ========================================================================== */
.mukel-main-banner-card-journey .mukel-main-banner {
  height: 100%;
  overflow: hidden; }

.mukel-main-banner.owl-carousel {
  display: block; }

.mukel-main-banner .owl-stage-outer,
.mukel-main-banner .owl-stage,
.mukel-main-banner .owl-item {
  width: 100%;
  height: 100%; }

.mukel-main-banner .owl-item.active .mukel-main-banner__img-wrapper {
  opacity: 1;
  transform: scale(1);
  transition: opacity 3.5s ease, transform 5s ease;
  transition-delay: 0s; }

.mukel-main-banner .owl-item.active .mukel-main-banner__title,
.mukel-main-banner .owl-item.active .mukel-main-banner__desc,
.mukel-main-banner .owl-item.active .mukel-main-banner__btn {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.75s ease; }

.mukel-main-banner .owl-item.active .mukel-main-banner__title {
  transition-delay: 1s; }

.mukel-main-banner .owl-item.active .mukel-main-banner__desc {
  transition-delay: 1.5s; }

.mukel-main-banner .owl-item.active .mukel-main-banner__btn {
  transition-delay: 2s; }

.mukel-main-banner--show .mukel-main-banner__img-wrapper {
  opacity: 1;
  transform: scale(1);
  transition: opacity 3.5s ease, transform 5s ease;
  transition-delay: 0s; }

.mukel-main-banner--show .mukel-main-banner__title,
.mukel-main-banner--show .mukel-main-banner__desc,
.mukel-main-banner--show .mukel-main-banner__btn {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.75s ease; }

.mukel-main-banner--show .mukel-main-banner__title {
  transition-delay: 1s; }

.mukel-main-banner--show .mukel-main-banner__desc {
  transition-delay: 1.5s; }

.mukel-main-banner--show .mukel-main-banner__btn {
  transition-delay: 2s; }

/* ==========================================================================
   MUKEL Layout: Promo Banner
   ========================================================================== */
.mukel-promo-banner {
  overflow: hidden;
  position: relative;
  /*
  // --- owl-dots
  .owl-dots {
    position: absolute;
    bottom: 36px;
    width: 100%;
    height: auto;
    z-index: $z-banner-dots;
    font-size: 0;
    line-height: 1;
    text-align: center;
    .owl-dot {
      margin: 0 8px;
      padding: 0;
      // --- clickable area
      width: 16px;
      height: 16px;
      // --- /clickable area
      border: 0;
      outline: 0;
      display: inline-block;
      vertical-align: middle;
      border-radius: 8px;
      @include remove-tap-highlight;
      transition: width 0.35s ease;
      // --- indicator
      span {
        display: block;
        width: 8px;
        height: 8px;
        margin: 0 auto;
        border-radius: 4px;
        background-color: color(gray, 1);
        transition: all 0.35s ease;
      }
      // --- /indicator
      &:hover:not(.active) {
        span {
          background-color: color(primary, 1);
        }
      }
      &.active {
        width: 60px;
        cursor: default;
        span {
          width: 52px;
        }
      }
    }
    @include small {
      bottom: 9px;
      .owl-dot {
        // --- clickable area
        width: 12px;
        height: 12px;
        // --- /clickable area
        border-radius: 6px;
        margin: 0 1px;
        span {
          // --- indicator
          width: 6px;
          height: 6px;
          // --- /indicator
          border-radius: 3px;
        }
        &.active {
          width: 46px;
          span {
            width: 40px;
          }
        }
      }
    }
  }
  */ }
  .mukel-promo-banner .owl-item.active .mukel-promo-banner__label,
  .mukel-promo-banner .owl-item.active .mukel-promo-banner__title,
  .mukel-promo-banner .owl-item.active .mukel-promo-banner__desc,
  .mukel-promo-banner .owl-item.active .mukel-btn-txt-lnk {
    opacity: 1;
    transform: translateX(0); }
  .mukel-promo-banner .owl-item.active .mukel-promo-banner__label {
    transition-delay: 0.65s; }
  .mukel-promo-banner .owl-item.active .mukel-promo-banner__title {
    transition-delay: 0.8s; }
  .mukel-promo-banner .owl-item.active .mukel-promo-banner__desc {
    transition-delay: 0.95s; }
  .mukel-promo-banner .owl-item.active .mukel-btn-txt-lnk {
    transition: opacity 0.75s ease 1.1s, transform 0.75s ease 1.1s,
 color 0.3s ease 0s; }
  .mukel-promo-banner.owl-carousel button.owl-prev,
  .mukel-promo-banner.owl-carousel button.owl-next {
    position: absolute;
    top: auto;
    z-index: 5;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
    transition: all 0.3s ease;
    color: #fff;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-promo-banner.owl-carousel button.owl-prev.disabled,
    .mukel-promo-banner.owl-carousel button.owl-next.disabled {
      opacity: 0;
      cursor: default; }
    .mukel-promo-banner.owl-carousel button.owl-prev span,
    .mukel-promo-banner.owl-carousel button.owl-next span {
      display: none; }
    .mukel-promo-banner.owl-carousel button.owl-prev::after,
    .mukel-promo-banner.owl-carousel button.owl-next::after {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.6rem; }
  .mukel-promo-banner.owl-carousel button.owl-prev.disabled {
    transform: translateX(4px); }
  .mukel-promo-banner.owl-carousel button.owl-prev::after {
    font-family: "MUKEL NISP Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: ""; }
  .mukel-promo-banner.owl-carousel button.owl-next.disabled {
    transform: translateX(-4px); }
  .mukel-promo-banner.owl-carousel button.owl-next::after {
    font-family: "MUKEL NISP Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: ""; }
  .mukel-promo-banner.owl-carousel .owl-nav {
    z-index: 5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 64px;
    margin: 0 auto;
    height: 48px;
    font-size: 0;
    line-height: 1;
    padding: 0 12px;
    max-width: 1248px;
    opacity: 0;
    transform: translateX(8px);
    -webkit-animation: .75s ease 1.3s normal forwards 1 show-nav;
            animation: .75s ease 1.3s normal forwards 1 show-nav; }
    @media only screen and (max-width: 1272px) {
      .mukel-promo-banner.owl-carousel .owl-nav {
        padding: 0 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-promo-banner.owl-carousel .owl-nav {
        display: none; } }
  .mukel-promo-banner.owl-carousel button.owl-prev,
  .mukel-promo-banner.owl-carousel button.owl-next {
    position: static; }
  .mukel-promo-banner.owl-carousel button.owl-prev {
    margin-right: 32px; }
  .mukel-promo-banner--show .mukel-promo-banner__label,
  .mukel-promo-banner--show .mukel-promo-banner__title,
  .mukel-promo-banner--show .mukel-promo-banner__desc,
  .mukel-promo-banner--show .mukel-btn-txt-lnk {
    opacity: 1;
    transform: translateX(0); }
  .mukel-promo-banner--show .mukel-promo-banner__label {
    transition-delay: 0.65s; }
  .mukel-promo-banner--show .mukel-promo-banner__title {
    transition-delay: 0.8s; }
  .mukel-promo-banner--show .mukel-promo-banner__desc {
    transition-delay: 0.95s; }
  .mukel-promo-banner--show .mukel-btn-txt-lnk {
    transition: opacity 0.75s ease 1.1s, transform 0.75s ease 1.1s,
 color 0.3s ease 0s; }

@-webkit-keyframes show-nav {
  from {
    opacity: 0;
    transform: translateX(8px); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes show-nav {
  from {
    opacity: 0;
    transform: translateX(8px); }
  to {
    opacity: 1;
    transform: none; } }

/* ==========================================================================
   MUKEL Layout: Card Head Product
   ========================================================================== */
.mukel-card-head-product {
  width: 100%;
  min-height: 800px;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-head-product {
      min-height: initial; } }
  .mukel-card-head-product .mukel-container,
  .mukel-card-head-product .mukel-row,
  .mukel-card-head-product .mukel-col-xl-12 {
    height: 100%; }
  .mukel-card-head-product .mukel-col-xl-12 {
    position: static; }
  .mukel-card-head-product .mukel-half-offset-container {
    bottom: 0;
    top: 0;
    height: 100%; }
  .mukel-card-head-product__content {
    position: relative;
    padding: 72px 0 96px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-head-product__content {
        padding: 64px 0 72px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-head-product__content {
        padding: 48px 0; } }
  .mukel-card-head-product__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 32px;
    max-width: 1248px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-head-product__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card-head-product__title {
        padding-right: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-head-product__title {
        padding-right: 16px;
        margin-bottom: 16px; } }
  .mukel-card-head-product__list {
    line-height: 1;
    font-size: 0;
    overflow: hidden;
    border-radius: 8px 0 0 8px; }
    .mukel-card-head-product__list.owl-carousel {
      position: static; }
      .mukel-card-head-product__list.owl-carousel .owl-stage-outer {
        overflow: visible; }
      .mukel-card-head-product__list.owl-carousel .owl-stage {
        position: static; }
      .mukel-card-head-product__list.owl-carousel button.owl-prev,
      .mukel-card-head-product__list.owl-carousel button.owl-next {
        position: absolute;
        top: auto;
        z-index: 5;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
        transition: all 0.3s ease;
        color: #fff;
        text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
        .mukel-card-head-product__list.owl-carousel button.owl-prev.disabled,
        .mukel-card-head-product__list.owl-carousel button.owl-next.disabled {
          opacity: 0;
          cursor: default; }
        .mukel-card-head-product__list.owl-carousel button.owl-prev span,
        .mukel-card-head-product__list.owl-carousel button.owl-next span {
          display: none; }
        .mukel-card-head-product__list.owl-carousel button.owl-prev::after,
        .mukel-card-head-product__list.owl-carousel button.owl-next::after {
          display: inline-block;
          vertical-align: middle;
          font-size: 1.6rem; }
      .mukel-card-head-product__list.owl-carousel button.owl-prev.disabled {
        transform: translateX(4px); }
      .mukel-card-head-product__list.owl-carousel button.owl-prev::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
      .mukel-card-head-product__list.owl-carousel button.owl-next.disabled {
        transform: translateX(-4px); }
      .mukel-card-head-product__list.owl-carousel button.owl-next::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
    .mukel-card-head-product__list.owl-carousel button.owl-prev,
    .mukel-card-head-product__list.owl-carousel button.owl-next {
      bottom: 348px; }
    .mukel-card-head-product__list.owl-carousel button.owl-prev {
      left: -24px; }
    .mukel-card-head-product__list.owl-carousel button.owl-next {
      right: 24px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card-head-product__list.owl-carousel button.owl-prev,
      .mukel-card-head-product__list.owl-carousel button.owl-next {
        bottom: 278px; } }
    .mukel-card-head-product__list .mukel-card:first-child .mukel-card__box {
      border-radius: 8px 0 0 8px; }
    .mukel-card-head-product__list .mukel-card:last-child .mukel-card__box {
      border-radius: 0 8px 8px 0; }
    .mukel-card-head-product__list .owl-item {
      font-size: 0;
      line-height: 1; }
      @supports (-ms-ime-align: auto) {
        .mukel-card-head-product__list .owl-item {
          margin-right: -2px; } }
      .mukel-card-head-product__list .owl-item .mukel-card {
        margin-right: 0; }
        .mukel-card-head-product__list .owl-item .mukel-card:first-child .mukel-card__box {
          border-radius: 0; }
        .mukel-card-head-product__list .owl-item .mukel-card:last-child .mukel-card__box {
          border-radius: 0; }
      .mukel-card-head-product__list .owl-item:first-child .mukel-card .mukel-card__box {
        border-radius: 8px 0 0 8px; }
      .mukel-card-head-product__list .owl-item:last-child .mukel-card .mukel-card__box {
        border-radius: 0 8px 8px 0; }
    .mukel-card-head-product__list--with-nyala .mukel-card:first-child {
      margin-right: 24px; }
      .mukel-card-head-product__list--with-nyala .mukel-card:first-child .mukel-card__box {
        border-radius: 8px; }
    .mukel-card-head-product__list--with-nyala .mukel-card:nth-child(2) .mukel-card__box {
      border-radius: 8px 0 0 8px; }
    .mukel-card-head-product__list--with-nyala .mukel-card:last-child .mukel-card__box {
      border-radius: 0 8px 8px 0; }
    .mukel-card-head-product__list--with-nyala .owl-item .mukel-card {
      margin-right: 0; }
      .mukel-card-head-product__list--with-nyala .owl-item .mukel-card:first-child .mukel-card__box {
        border-radius: 0; }
      .mukel-card-head-product__list--with-nyala .owl-item .mukel-card:last-child .mukel-card__box {
        border-radius: 0; }
    .mukel-card-head-product__list--with-nyala .owl-item:first-child .mukel-card {
      margin-right: 24px; }
      .mukel-card-head-product__list--with-nyala .owl-item:first-child .mukel-card:first-child .mukel-card__box {
        border-radius: 8px; }
    .mukel-card-head-product__list--with-nyala .owl-item:nth-child(2) .mukel-card .mukel-card__box {
      border-radius: 8px 0 0 8px; }
    .mukel-card-head-product__list--with-nyala .owl-item:last-child .mukel-card .mukel-card__box {
      border-radius: 0 8px 8px 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-head-product__list {
        display: block;
        width: auto;
        margin-left: -16px;
        padding-left: 16px;
        border-radius: 0;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-card-head-product__list::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; }
        .mukel-card-head-product__list .mukel-card {
          white-space: initial; }
          .mukel-card-head-product__list .mukel-card:last-child {
            margin-right: 16px; }
        .mukel-card-head-product__list--with-nyala .mukel-card:first-child {
          margin-right: 16px; } }
    .mukel-card-head-product__list--no-carousel .mukel-card {
      margin-right: 24px; }
      .mukel-card-head-product__list--no-carousel .mukel-card .mukel-card__box {
        border-radius: 8px; }
      .mukel-card-head-product__list--no-carousel .mukel-card:first-child .mukel-card__box, .mukel-card-head-product__list--no-carousel .mukel-card:last-child .mukel-card__box {
        border-radius: 8px; }
      .mukel-card-head-product__list--no-carousel .mukel-card:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-head-product__list--no-carousel .mukel-card {
          margin-right: 16px; }
          .mukel-card-head-product__list--no-carousel .mukel-card:last-child {
            margin-right: 16px; } }

/* ==========================================================================
   MUKEL Layout: Highlight Promo
   ========================================================================== */
.mukel-highlight-promo {
  padding: 64px 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-highlight-promo {
      padding: 56px 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-highlight-promo {
      padding: 48px 0; } }
  .mukel-highlight-promo__title {
    margin-bottom: 4px;
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700; }
    @media only screen and (max-width: 767.98px) {
      .mukel-highlight-promo__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-highlight-promo__title {
        margin-bottom: 16px; } }
  .mukel-highlight-promo__icon {
    height: 52px;
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
    margin-top: -24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-highlight-promo__icon {
        margin-top: -10px;
        height: 32px;
        margin-right: 8px; } }
  .mukel-highlight-promo__lnk-all {
    line-height: 1;
    position: absolute;
    top: 6px;
    right: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-highlight-promo__lnk-all {
        margin-top: 24px;
        position: static; } }
  .mukel-highlight-promo__list {
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-highlight-promo__list::before, .mukel-highlight-promo__list::after {
      content: " ";
      display: table; }
    .mukel-highlight-promo__list::after {
      clear: both; }
    @media only screen and (max-width: 767.98px) {
      .mukel-highlight-promo__list {
        margin-left: 0;
        margin-right: 0; } }
  .mukel-highlight-promo .mukel-card__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media only screen and (max-width: 767.98px) {
      .mukel-highlight-promo .mukel-card__label {
        white-space: initial; } }
  .mukel-highlight-promo .mukel-card--promo {
    width: 33.3333333%;
    float: left;
    padding: 12px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-highlight-promo .mukel-card--promo {
        width: 50%; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-highlight-promo .mukel-card--promo {
        width: 100%;
        float: none;
        margin-bottom: 16px;
        padding: 0; }
        .mukel-highlight-promo .mukel-card--promo:last-child {
          margin-bottom: 0; } }
    .mukel-highlight-promo .mukel-card--promo--rectangle {
      width: 66.6666666%; }
      @media only screen and (max-width: 991.98px) {
        .mukel-highlight-promo .mukel-card--promo--rectangle {
          width: 100%; } }
  .mukel-highlight-promo--inner-tabs {
    padding: 32px 0 20px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-highlight-promo--inner-tabs .mukel-card--promo {
        width: 100%;
        max-width: 100%; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-highlight-promo--inner-tabs {
        padding: 24px 0; }
        .mukel-highlight-promo--inner-tabs .mukel-highlight-promo__list {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layout: Widget
   ========================================================================== */
.mukel-card-info-section {
  padding: 64px 0;
  background-color: #dae0e6; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-info-section {
      padding: 56px 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-info-section {
      padding: 48px 0; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-info-section .mukel-card-info__item {
      margin-bottom: 24px; }
      .mukel-card-info-section .mukel-card-info__item:last-child {
        margin-bottom: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-info-section .mukel-card-info__item {
      margin-bottom: 16px; } }

/* ==========================================================================
   MUKEL Layout: Footer
   ========================================================================== */
.mukel-footer {
  background-color: #fff;
  padding-top: 44px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-footer {
      padding-top: 24px; } }
  .mukel-footer__ecosystem {
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer__ecosystem {
        margin-bottom: 32px; } }
  .mukel-footer__contact .mukel-footer-nav__title {
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer__contact .mukel-footer-nav__title {
        margin-bottom: 12px; } }
  .mukel-footer .mukel-lnk__logo {
    display: block;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 16px;
    font-size: 0; }
    .mukel-footer .mukel-lnk__logo:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer .mukel-lnk__logo {
        margin-bottom: 32px; } }
  .mukel-footer__top {
    padding-bottom: 40px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer__top {
        padding-bottom: 24px; }
        .mukel-footer__top::after {
          content: none; } }
  .mukel-footer-nav {
    width: 14.166%;
    float: left;
    padding-left: 12px;
    padding-right: 12px; }
    .mukel-footer-nav:last-child {
      width: 15%; }
    @media only screen and (max-width: 1240px) {
      .mukel-footer-nav {
        width: 14%; }
        .mukel-footer-nav:last-child {
          width: 16%; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-footer-nav {
        width: 25%;
        margin-bottom: 32px; }
        .mukel-footer-nav:last-child {
          width: 25%; }
        .mukel-footer-nav:nth-last-child(-n + 3) {
          margin-bottom: 0; }
        .mukel-footer-nav:nth-child(5) {
          clear: both; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer-nav {
        width: 100%;
        margin-bottom: 0;
        float: none; }
        .mukel-footer-nav:last-child {
          width: 100%; }
        .mukel-footer-nav__title {
          margin-bottom: 24px; }
          .mukel-footer-nav__title:last-child {
            margin-bottom: 24px; }
        .mukel-footer-nav--accordion {
          margin-bottom: 16px; }
          .mukel-footer-nav--accordion .mukel-footer-nav__title {
            margin-bottom: 4px; }
            .mukel-footer-nav--accordion .mukel-footer-nav__title:last-child {
              margin-bottom: 8px; }
        .mukel-footer-nav:nth-last-child(-n + 3) {
          margin-bottom: 16px; }
        .mukel-footer-nav:nth-last-child(-n + 2) {
          margin-bottom: 0; }
        .mukel-footer-nav:nth-child(5) {
          clear: initial; } }
  .mukel-footer__bottom__wrapper {
    padding: 12px 0;
    border-top: solid 1px #939fab; }
    @media only screen and (max-width: 991.98px) {
      .mukel-footer__bottom__wrapper {
        padding: 16px 0; } }
  .mukel-footer__basic-pg-lnk {
    float: right;
    text-align: right; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-footer__basic-pg-lnk {
        float: right; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-footer__basic-pg-lnk {
        float: left;
        text-align: left; } }
    .mukel-footer__basic-pg-lnk-list {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 0;
      line-height: 60px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-footer__basic-pg-lnk-list {
          line-height: 1; } }
    .mukel-footer__basic-pg-lnk__item {
      display: inline-block;
      vertical-align: middle;
      margin-right: 32px;
      font-size: 1.2rem;
      line-height: 1.6rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-footer__basic-pg-lnk__item {
          font-size: 1.2rem;
          line-height: 1.6rem; } }
      .mukel-footer__basic-pg-lnk__item:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 1280px) {
        .mukel-footer__basic-pg-lnk__item {
          margin-right: 24px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-footer__basic-pg-lnk__item {
          margin-right: 16px;
          margin-bottom: 16px; } }
    .mukel-footer__basic-pg-lnk .mukel-lnk {
      text-decoration: none;
      position: relative;
      transition: color 0.25s ease; }
      .mukel-footer__basic-pg-lnk .mukel-lnk::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        border-bottom: solid 1px #eb2629;
        transition: all 0.25s ease;
        transform: scaleX(0);
        margin-left: 0;
        width: auto;
        height: auto;
        z-index: 1;
        transform-origin: left center; }
        .mukel-premier-site .mukel-footer__basic-pg-lnk .mukel-lnk::after {
          border-color: #8b7866; }
        .mukel-private-site .mukel-footer__basic-pg-lnk .mukel-lnk::after {
          border-color: #6a6d73; }
      .mukel-footer__basic-pg-lnk .mukel-lnk:hover {
        color: #eb2629; }
        .mukel-footer__basic-pg-lnk .mukel-lnk:hover::after {
          transform: scaleX(1); }
        .mukel-premier-site .mukel-footer__basic-pg-lnk .mukel-lnk:hover {
          color: #8b7866; }
        .mukel-private-site .mukel-footer__basic-pg-lnk .mukel-lnk:hover {
          color: #6a6d73; }
  .mukel-footer__copyright::before, .mukel-footer__copyright::after {
    content: " ";
    display: table; }
  .mukel-footer__copyright::after {
    clear: both; }
  .mukel-footer__copyright .mukel-regulator {
    margin-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer__copyright .mukel-regulator {
        margin-bottom: 8px; } }
  .mukel-footer__copyright__txt {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.6rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-footer__copyright__txt {
        font-size: 1.2rem;
        line-height: 1.6rem; } }

/* ==========================================================================
   MUKEL Layout: Card Upselling
   ========================================================================== */
.mukel-card-upselling {
  padding: 32px 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-upselling {
      padding: 24px 0; } }
  .mukel-card-upselling--more-pb {
    padding: 0 0 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-upselling--more-pb {
        padding: 0 0 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-upselling--more-pb {
        padding: 0 0 48px; } }
  .mukel-card-upselling--more-py {
    padding: 64px 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-upselling--more-py {
        padding: 56px 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-upselling--more-py {
        padding: 48px 0; } }
  .mukel-card-upselling--more-pt {
    padding-top: 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-upselling--more-pt {
        padding-top: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-upselling--more-pt {
        padding-top: 48px; } }

/* ==========================================================================
   MUKEL Layouts: Card Article
   ========================================================================== */
.mukel-card-article {
  position: relative;
  padding: 32px 0 20px; }
  .mukel-card-article-container {
    padding: 32px 0; }
    .mukel-card-article-container--gray {
      background-color: #dae0e6; }
  .mukel-card-article--more-pb {
    padding-bottom: 52px; }
  .mukel-card-article--is-more-pt {
    padding-top: 64px; }
  .mukel-card-article--is-more-pb {
    padding-bottom: 52px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-article {
      padding: 28px 0; }
      .mukel-card-article-container {
        padding: 28px 0; }
      .mukel-card-article--more-pb {
        padding-bottom: 44px; }
      .mukel-card-article--is-more-pt {
        padding-top: 56px; }
      .mukel-card-article--is-more-pb {
        padding-bottom: 44px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-article {
      padding: 24px 0; }
      .mukel-card-article-container {
        padding: 24px 0; }
      .mukel-card-article--is-more-pt {
        padding-top: 48px;
        padding-bottom: 0; }
      .mukel-card-article--more-pb {
        padding-bottom: 48px; }
      .mukel-card-article--is-more-pb {
        padding-bottom: 24px; } }
  .mukel-card-article__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-article__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-card-article__title {
      color: #8b7866; }
    .mukel-private-site .mukel-card-article__title {
      color: #6a6d73; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-article__title {
        margin-bottom: 16px; } }
  .mukel-card-article__item {
    padding-top: 12px;
    padding-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-article__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-article__item:last-child {
          margin-bottom: 0; } }
  .mukel-card-article__more {
    position: absolute;
    top: 2px;
    right: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-article__more {
        position: static;
        margin: 24px 0; } }
  .mukel-card-article__sort {
    text-align: right;
    margin-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-article__sort {
        margin-bottom: 24px; } }

/* ==========================================================================
   MUKEL Layouts: Card Suggestion
   ========================================================================== */
.mukel-card-suggestion {
  padding: 64px 0 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-suggestion {
      padding: 48px 0 24px; } }
  .mukel-card-suggestion__title {
    margin-bottom: 8px;
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-suggestion__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-suggestion__title {
        margin-bottom: 16px; } }
  .mukel-card-suggestion__list {
    padding-bottom: 16px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-suggestion__list {
        padding-bottom: 32px; } }
  .mukel-card-suggestion__item {
    padding-top: 16px;
    padding-bottom: 16px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-suggestion__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-suggestion__item:last-child {
          margin-bottom: 0; } }
  .mukel-card-suggestion__btn {
    position: absolute;
    top: 0;
    right: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-suggestion__btn {
        position: static;
        margin: 24px 0; } }
  .mukel-card-suggestion--detail {
    padding: 32px 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-suggestion--detail {
        padding: 24px 0 16px; } }
  .mukel-card-suggestion--landing {
    padding: 32px 0;
    transition: all .75s ease 1s; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-suggestion--landing {
        padding: 40px 0 16px; } }
    .mukel-site-content--hide .mukel-card-suggestion--landing {
      opacity: 0;
      transform: translateY(8px); }
  .mukel-card-suggestion--inner-tabs .mukel-card-suggestion {
    padding: 32px 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-suggestion--inner-tabs .mukel-card-suggestion {
        padding: 40px 0 24px; } }
    .mukel-card-suggestion--inner-tabs .mukel-card-suggestion__list {
      margin-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-suggestion--inner-tabs .mukel-card-suggestion__item {
        padding-top: 16px;
        padding-bottom: 16px;
        margin-bottom: 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-suggestion--inner-tabs .mukel-card-suggestion__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-suggestion--inner-tabs .mukel-card-suggestion__item:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layouts: Card Nyala
   ========================================================================== */
.mukel-card-nyala {
  padding: 64px 0 20px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-nyala {
      padding: 48px 0 24px; } }
  .mukel-card-nyala__title {
    margin-bottom: 12px;
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-nyala__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-nyala__title {
        margin-bottom: 16px; } }
  .mukel-card-nyala__item {
    padding-top: 12px;
    padding-bottom: 12px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-nyala__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-nyala__item:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layouts: Exchange Rate Calculator
   ========================================================================== */
.mukel-xr-calc {
  position: relative;
  padding: 96px 0 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-xr-calc {
      padding: 72px 0 24px; } }
  .mukel-xr-calc__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
    .mukel-xr-calc__img-wrapper::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 23%, rgba(255, 255, 255, 0.26) 43%, #fff 96%); }
    .mukel-xr-calc__img-wrapper::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.9) 89%); }
      @media only screen and (max-width: 991.98px) {
        .mukel-xr-calc__img-wrapper::after {
          background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%); } }
  .mukel-xr-calc__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat; }
    .mukel-xr-calc__img-bg--m {
      display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-xr-calc__img-bg--d {
        display: none; }
      .mukel-xr-calc__img-bg--m {
        display: block; } }
  .mukel-xr-calc__txt-wrapper {
    position: relative;
    z-index: 4; }
  .mukel-xr-calc__title {
    margin-bottom: 16px;
    font-weight: 700;
    color: #313131;
    font-size: 3.2rem;
    line-height: 4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-xr-calc__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-xr-calc__title {
        margin-bottom: 48px; } }
  .mukel-xr-calc--currency {
    padding-top: 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-xr-calc--currency {
        padding-top: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-xr-calc--currency {
        padding-top: 40px; } }
  .mukel-xr-calc--light .mukel-xr-calc__title {
    color: #fff; }
  .mukel-xr-calc--light .mukel-xr-calc__img-wrapper::before {
    content: none;
    display: none; }
  .mukel-xr-calc--light .mukel-xr-calc__img-wrapper::after {
    content: none;
    display: none; }
  .mukel-xr-calc--light .mukel-widget-xr-calc__title {
    color: #fff; }

/* ==========================================================================
   MUKEL Layouts: Exchange Rate Table
   ========================================================================== */
.mukel-xr-tbl {
  padding: 32px 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-xr-tbl {
      padding-top: 24px;
      padding-bottom: 24px; } }
  .mukel-xr-tbl__caption {
    color: #667584;
    margin-bottom: 16px; }
  .mukel-xr-tbl__btn {
    margin-top: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-xr-tbl__btn {
        margin-top: 8px; } }
  .mukel-xr-tbl--currency {
    padding-bottom: 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-xr-tbl--currency {
        padding-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-xr-tbl--currency {
        padding-bottom: 32px; } }

/* ==========================================================================
   MUKEL Layouts: Card Product Category
   ========================================================================== */
.mukel-card-prod-category {
  position: relative;
  z-index: 1;
  padding: 32px 0 16px; }
  .mukel-card-prod-category__item {
    padding-top: 16px;
    padding-bottom: 16px; }
  .mukel-card-prod-category__title {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #313131;
    margin-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-card-prod-category__title {
      color: #8b7866; }
    .mukel-private-site .mukel-card-prod-category__title {
      color: #6a6d73; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-prod-category {
      padding: 24px 0; }
      .mukel-card-prod-category__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-prod-category__item:last-child {
          margin-bottom: 0; }
      .mukel-card-prod-category__title {
        margin-bottom: 16px; } }
  .mukel-card-prod-category--detail {
    padding: 64px 0 48px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-prod-category--detail {
        padding: 56px 0 40px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category--detail {
        padding: 48px 0; } }
  .mukel-card-prod-category--landing {
    padding: 32px 0 48px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-prod-category--landing {
        padding-bottom: 40px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category--landing {
        padding-top: 40px;
        padding-bottom: 48px; } }

/* ==========================================================================
   MUKEL Layouts: Card USP
   ========================================================================== */
@media only screen and (max-width: 991.98px) {
  .mukel-card-usp {
    padding: 16px 0 16px; } }

.mukel-card-usp__list {
  display: table;
  border-spacing: 24px;
  width: 100%; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-usp__list {
      border-spacing: 0;
      display: block; } }

.mukel-card-usp__item {
  width: 33%;
  display: table-cell;
  border-radius: 8px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-usp__item {
      display: block;
      width: 100%;
      margin-bottom: 16px; }
      .mukel-card-usp__item:last-child {
        margin-bottom: 0; } }

.mukel-card-usp__margin {
  margin-left: -36px;
  margin-right: -36px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-usp__margin {
      margin-left: -12px;
      margin-right: -12px; } }

/* ==========================================================================
   MUKEL Layouts: Product Detail Fragments
   ========================================================================== */
.mukel-prod-detail-fragments {
  transition: all 0.75s ease 1.5s; }
  .mukel-site-content--hide .mukel-prod-detail-fragments {
    opacity: 0;
    transform: translateY(8px); }
  @media only screen and (max-width: 767.98px) {
    .mukel-prod-detail-fragments {
      padding: 40px 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-prod-detail-fragments__block {
      padding: 16px 0 0; } }
  .mukel-prod-detail-fragments__block .mukel-prod-detail-fragment {
    max-width: 288px;
    width: 100%; }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-detail-fragments__block .mukel-prod-detail-fragment {
        width: 100%; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-fragments__block .mukel-prod-detail-fragment {
        width: 100%; } }
  .mukel-prod-detail-fragments__block .mukel-prod-detail-fragments__list {
    margin-left: -12px;
    margin-right: -12px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-prod-detail-fragments__block .mukel-prod-detail-fragments__list {
        margin-left: -32px;
        margin-right: -32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-fragments__block .mukel-prod-detail-fragments__list {
        margin-left: -16px;
        margin-right: -16px; } }
  .mukel-prod-detail-fragments__block .mukel-prod-detail-fragments__item {
    padding: 24px 0; }
    .mukel-prod-detail-fragments__block .mukel-prod-detail-fragments__item::before {
      content: '';
      clear: both;
      display: block; }
    .mukel-prod-detail-fragments__block .mukel-prod-detail-fragments__item::after {
      content: '';
      clear: both;
      display: block; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-prod-detail-fragments__block .mukel-prod-detail-fragments__item {
        padding: 24px 0;
        margin-bottom: 0; } }
    .mukel-prod-detail-fragments__block .mukel-prod-detail-fragments__item .mukel-prod-detail-fragment__title {
      color: #313131; }
  .mukel-prod-detail-fragments__clear {
    display: block;
    clear: both; }
  .mukel-prod-detail-fragments__title {
    margin-bottom: 12px;
    font-weight: 400; }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-detail-fragments__title {
        margin-bottom: 16px; } }
  .mukel-prod-detail-fragments__item {
    padding: 12px; }
    .mukel-prod-detail-fragments__item:nth-child(4n + 1) {
      clear: both; }
    @media only screen and (max-width: 991.98px) {
      .mukel-prod-detail-fragments__item {
        padding: 0 12px;
        margin-bottom: 32px; }
        .mukel-prod-detail-fragments__item:last-child {
          margin-bottom: 0; }
        .mukel-prod-detail-fragments__item:nth-child(4n + 1) {
          clear: initial; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-fragments__item {
        padding: 0 8px; } }
  .mukel-prod-detail-fragments--how-to-join .mukel-prod-detail-fragments__item:last-child {
    padding-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-prod-detail-fragments--how-to-join .mukel-prod-detail-fragments__item:last-child {
        padding-bottom: 24px; } }

/* ==========================================================================
   MUKEL Layouts: Product Category Fragments
   ========================================================================== */
.mukel-prod-category-fragments-container {
  padding-bottom: 64px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-prod-category-fragments-container {
      padding-bottom: 48px; } }

.mukel-prod-category-fragments__item {
  padding: 0; }

.mukel-prod-category-fragments__list {
  padding-left: 12px;
  padding-right: 12px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-prod-category-fragments__list {
      margin-left: -32px;
      margin-right: -32px;
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-prod-category-fragments__list {
      margin-left: -16px;
      margin-right: -16px; } }

/* ==========================================================================
   MUKEL Layouts: Card Product SME
   ========================================================================== */
.mukel-card-product-sme {
  position: relative;
  padding-bottom: 52px; }
  .mukel-card-product-sme--pt-sec {
    padding-top: 64px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-product-sme {
      padding-bottom: 36px; }
      .mukel-card-product-sme--pt-sec {
        padding-top: 48px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-product-sme {
      padding-bottom: 48px; }
      .mukel-card-product-sme--pt-sec {
        padding-top: 48px; } }
  .mukel-card-product-sme__title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-product-sme__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-product-sme__title {
        margin-bottom: 16px; } }
  .mukel-card-product-sme__item {
    padding-top: 12px;
    padding-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-product-sme__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-product-sme__item:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layouts: Card Achievement
   ========================================================================== */
.mukel-card-achievement {
  position: relative;
  width: 100%;
  min-height: 520px;
  overflow: hidden; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-achievement {
      min-height: initial; } }
  .mukel-card-achievement .mukel-container,
  .mukel-card-achievement .mukel-row,
  .mukel-card-achievement .mukel-col-xl-12 {
    height: 100%; }
  .mukel-card-achievement .mukel-col-xl-12 {
    position: static; }
  .mukel-card-achievement .mukel-half-offset-container {
    bottom: 0;
    top: 0;
    height: 100%; }
  .mukel-card-achievement__content {
    position: relative;
    padding: 64px 0 48px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-achievement__content {
        padding: 48px 0 32px; } }
  .mukel-card-achievement__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-achievement__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-achievement__title {
        margin-bottom: 8px; } }
  .mukel-card-achievement .mukel-card {
    margin-right: 24px; }
    .mukel-card-achievement .mukel-card:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-achievement .mukel-card {
        white-space: initial; }
        .mukel-card-achievement .mukel-card:last-child {
          margin-right: 16px; } }
  .mukel-card-achievement__list {
    width: auto;
    margin-left: -8px;
    margin-right: -8px;
    padding: 8px 8px 16px;
    font-size: 0;
    line-height: 1;
    overflow: hidden; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-achievement__list {
        display: block;
        width: auto;
        margin-right: 0;
        margin-left: -16px;
        padding: 8px 0 16px 16px;
        border-radius: 0;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-card-achievement__list::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; } }
    .mukel-card-achievement__list.owl-carousel {
      position: static; }
      .mukel-card-achievement__list.owl-carousel .owl-stage-outer {
        overflow: visible; }
      .mukel-card-achievement__list.owl-carousel .owl-stage {
        position: static; }
      .mukel-card-achievement__list.owl-carousel button.owl-prev,
      .mukel-card-achievement__list.owl-carousel button.owl-next {
        position: absolute;
        top: auto;
        z-index: 5;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
        transition: all 0.3s ease;
        color: #fff;
        text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
        .mukel-card-achievement__list.owl-carousel button.owl-prev.disabled,
        .mukel-card-achievement__list.owl-carousel button.owl-next.disabled {
          opacity: 0;
          cursor: default; }
        .mukel-card-achievement__list.owl-carousel button.owl-prev span,
        .mukel-card-achievement__list.owl-carousel button.owl-next span {
          display: none; }
        .mukel-card-achievement__list.owl-carousel button.owl-prev::after,
        .mukel-card-achievement__list.owl-carousel button.owl-next::after {
          display: inline-block;
          vertical-align: middle;
          font-size: 1.6rem; }
      .mukel-card-achievement__list.owl-carousel button.owl-prev.disabled {
        transform: translateX(4px); }
      .mukel-card-achievement__list.owl-carousel button.owl-prev::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
      .mukel-card-achievement__list.owl-carousel button.owl-next.disabled {
        transform: translateX(-4px); }
      .mukel-card-achievement__list.owl-carousel button.owl-next::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
    .mukel-card-achievement__list.owl-carousel button.owl-prev,
    .mukel-card-achievement__list.owl-carousel button.owl-next {
      bottom: 188px; }
    .mukel-card-achievement__list.owl-carousel button.owl-prev {
      left: -24px; }
    .mukel-card-achievement__list.owl-carousel button.owl-next {
      right: 24px; }
    .mukel-card-achievement__list .owl-item .mukel-card:last-child {
      margin-right: 24px; }

/* ==========================================================================
   MUKEL Layout: Slider Testimonial
   ========================================================================== */
.mukel-slider-testimonial {
  position: relative; }
  .mukel-slider-testimonial .owl-item img.mukel-slider-testimonial__quote {
    width: 149px; }
    @media only screen and (max-width: 1280px) {
      .mukel-slider-testimonial .owl-item img.mukel-slider-testimonial__quote {
        width: 136px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-slider-testimonial .owl-item img.mukel-slider-testimonial__quote {
        width: 92px; } }
    @media only screen and (max-width: 320px) {
      .mukel-slider-testimonial .owl-item img.mukel-slider-testimonial__quote {
        width: 80px; } }
  .mukel-slider-testimonial .owl-item.active .mukel-slider-testimonial__quote,
  .mukel-slider-testimonial .owl-item.active .mukel-slider-testimonial__name,
  .mukel-slider-testimonial .owl-item.active .mukel-slider-testimonial__desc,
  .mukel-slider-testimonial .owl-item.active .mukel-slider-testimonial__btn-lnk {
    opacity: 1;
    transform: translateX(0) scale(1); }
  .mukel-slider-testimonial .owl-item.active .mukel-slider-testimonial__quote {
    transition-delay: 0.5s; }
  .mukel-slider-testimonial .owl-item.active .mukel-slider-testimonial__name {
    transition-delay: 0.75s; }
  .mukel-slider-testimonial .owl-item.active .mukel-slider-testimonial__desc {
    transition-delay: 0.9s; }
  .mukel-slider-testimonial .owl-item.active .mukel-slider-testimonial__btn-lnk {
    transition-delay: 1.05s; }
  .mukel-slider-testimonial.owl-carousel button.owl-prev,
  .mukel-slider-testimonial.owl-carousel button.owl-next {
    position: absolute;
    top: auto;
    z-index: 5;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
    transition: all 0.3s ease;
    color: #fff;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-slider-testimonial.owl-carousel button.owl-prev.disabled,
    .mukel-slider-testimonial.owl-carousel button.owl-next.disabled {
      opacity: 0;
      cursor: default; }
    .mukel-slider-testimonial.owl-carousel button.owl-prev span,
    .mukel-slider-testimonial.owl-carousel button.owl-next span {
      display: none; }
    .mukel-slider-testimonial.owl-carousel button.owl-prev::after,
    .mukel-slider-testimonial.owl-carousel button.owl-next::after {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.6rem; }
  .mukel-slider-testimonial.owl-carousel button.owl-prev.disabled {
    transform: translateX(4px); }
  .mukel-slider-testimonial.owl-carousel button.owl-prev::after {
    font-family: "MUKEL NISP Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: ""; }
  .mukel-slider-testimonial.owl-carousel button.owl-next.disabled {
    transform: translateX(-4px); }
  .mukel-slider-testimonial.owl-carousel button.owl-next::after {
    font-family: "MUKEL NISP Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: ""; }
  .mukel-slider-testimonial.owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 48px;
    text-align: right;
    font-size: 0;
    line-height: 1;
    padding: 0 12px;
    max-width: 1248px; }
  .mukel-slider-testimonial.owl-carousel button.owl-prev,
  .mukel-slider-testimonial.owl-carousel button.owl-next {
    position: static; }
    .mukel-slider-testimonial.owl-carousel button.owl-prev.disabled,
    .mukel-slider-testimonial.owl-carousel button.owl-next.disabled {
      opacity: 1;
      transform: none;
      background-image: none;
      background-color: #939fab; }
  .mukel-slider-testimonial.owl-carousel button.owl-prev {
    margin-right: 32px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-slider-testimonial.owl-carousel .owl-nav {
      padding-left: 32px;
      padding-right: 32px; }
    .mukel-slider-testimonial.owl-carousel button.owl-prev {
      margin-right: 24px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial.owl-carousel {
      padding-bottom: 120px; }
      .mukel-slider-testimonial.owl-carousel .owl-nav {
        text-align: left; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-slider-testimonial.owl-carousel {
      padding-bottom: 112px; }
      .mukel-slider-testimonial.owl-carousel .owl-nav {
        padding-left: 16px;
        padding-right: 16px;
        height: 40px;
        bottom: 48px; }
      .mukel-slider-testimonial.owl-carousel button.owl-prev,
      .mukel-slider-testimonial.owl-carousel button.owl-next {
        width: 40px;
        height: 40px; } }
  @media only screen and (max-width: 320px) {
    .mukel-slider-testimonial.owl-carousel button.owl-prev {
      margin-right: 16px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-slider-testimonial {
      padding-top: 48px;
      padding-bottom: 48px; }
      .mukel-slider-testimonial--m-no-padding {
        padding-top: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-slider-testimonial--m-no-padding.owl-carousel {
      padding-bottom: 64px; }
      .mukel-slider-testimonial--m-no-padding.owl-carousel .owl-nav {
        bottom: 0; } }
  .mukel-slider-testimonial--reverse.owl-carousel .owl-nav {
    text-align: left; }
  .mukel-slider-testimonial--internship {
    margin-bottom: 32px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-slider-testimonial--internship {
        padding-top: 48px;
        margin-bottom: 24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-slider-testimonial--internship.owl-carousel {
        padding-bottom: 64px; }
        .mukel-slider-testimonial--internship.owl-carousel .owl-nav {
          bottom: 0; } }
  .mukel-slider-testimonial--show .mukel-slider-testimonial__quote,
  .mukel-slider-testimonial--show .mukel-slider-testimonial__name,
  .mukel-slider-testimonial--show .mukel-slider-testimonial__desc,
  .mukel-slider-testimonial--show .mukel-slider-testimonial__btn-lnk {
    opacity: 1;
    transform: translateX(0) scale(1); }
  .mukel-slider-testimonial--show .mukel-slider-testimonial__quote {
    transition-delay: 0.5s; }
  .mukel-slider-testimonial--show .mukel-slider-testimonial__name {
    transition-delay: 0.75s; }
  .mukel-slider-testimonial--show .mukel-slider-testimonial__desc {
    transition-delay: 0.9s; }
  .mukel-slider-testimonial--show .mukel-slider-testimonial__btn-lnk {
    transition-delay: 1.05s; }

/* ==========================================================================
   MUKEL Layouts: Card Nyala
   ========================================================================== */
.mukel-card-nyala-c {
  padding: 116px 0 52px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-nyala-c {
      padding: 64px 0 48px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-nyala-c {
      padding: 48px 0 32px; } }
  .mukel-card-nyala-c__title {
    margin-bottom: 20px;
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-nyala-c__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-nyala-c__title {
        margin-bottom: 16px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-nyala-c__title {
        margin-bottom: 0; } }
  .mukel-card-nyala-c__item {
    padding-top: 12px;
    padding-bottom: 12px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-nyala-c__item {
        float: none;
        width: 312px;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        vertical-align: top;
        padding-top: 0;
        padding-bottom: 0;
        white-space: initial;
        margin-right: 16px; }
        .mukel-card-nyala-c__item:last-child {
          margin-right: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-nyala-c__item {
        padding-left: 0;
        padding-right: 0; }
        .mukel-card-nyala-c__item:last-child {
          margin-right: 16px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-nyala-c__list {
      margin-left: -32px;
      margin-right: -32px;
      padding: 16px 32px;
      font-size: 0;
      line-height: 1;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      .mukel-card-nyala-c__list::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-nyala-c__list {
      margin-left: -16px;
      margin-right: -16px;
      padding: 16px; } }

/* ==========================================================================
   MUKEL Layouts: Card Nyala Benefit
   ========================================================================== */
.mukel-card-nyala-benefit {
  position: relative;
  width: 100%;
  min-height: 376px;
  overflow: hidden; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-nyala-benefit {
      min-height: initial; } }
  .mukel-card-nyala-benefit .mukel-container,
  .mukel-card-nyala-benefit .mukel-row,
  .mukel-card-nyala-benefit .mukel-col-xl-12 {
    height: 100%; }
  .mukel-card-nyala-benefit .mukel-col-xl-12 {
    position: static; }
  .mukel-card-nyala-benefit .mukel-half-offset-container {
    bottom: 0;
    top: 0;
    height: 100%; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-nyala-benefit .mukel-half-offset-container {
        margin-right: 0; } }
  .mukel-card-nyala-benefit__content {
    position: relative;
    padding: 32px 0 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-nyala-benefit__content {
        padding: 24px 0 8px; } }
  .mukel-card-nyala-benefit .mukel-card {
    margin-right: 24px; }
    .mukel-card-nyala-benefit .mukel-card:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-nyala-benefit .mukel-card {
        white-space: initial;
        margin-right: 16px; }
        .mukel-card-nyala-benefit .mukel-card:last-child {
          margin-right: 16px; } }
  .mukel-card-nyala-benefit__list {
    width: auto;
    margin-left: -8px;
    margin-right: -8px;
    padding: 8px 8px 16px;
    font-size: 0;
    line-height: 1;
    overflow: hidden; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-nyala-benefit__list {
        display: block;
        width: auto;
        margin-right: -16px;
        margin-left: -16px;
        padding: 8px 0 16px 16px;
        border-radius: 0;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-card-nyala-benefit__list::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; } }
    .mukel-card-nyala-benefit__list.owl-carousel {
      position: static; }
      .mukel-card-nyala-benefit__list.owl-carousel .owl-stage-outer {
        overflow: visible; }
      .mukel-card-nyala-benefit__list.owl-carousel .owl-stage {
        position: static; }
      .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev,
      .mukel-card-nyala-benefit__list.owl-carousel button.owl-next {
        position: absolute;
        top: auto;
        z-index: 5;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
        transition: all 0.3s ease;
        color: #fff;
        text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
        .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev.disabled,
        .mukel-card-nyala-benefit__list.owl-carousel button.owl-next.disabled {
          opacity: 0;
          cursor: default; }
        .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev span,
        .mukel-card-nyala-benefit__list.owl-carousel button.owl-next span {
          display: none; }
        .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev::after,
        .mukel-card-nyala-benefit__list.owl-carousel button.owl-next::after {
          display: inline-block;
          vertical-align: middle;
          font-size: 1.6rem; }
      .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev.disabled {
        transform: translateX(4px); }
      .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
      .mukel-card-nyala-benefit__list.owl-carousel button.owl-next.disabled {
        transform: translateX(-4px); }
      .mukel-card-nyala-benefit__list.owl-carousel button.owl-next::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
    .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev,
    .mukel-card-nyala-benefit__list.owl-carousel button.owl-next {
      bottom: 164px; }
    .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev {
      left: -24px; }
    .mukel-card-nyala-benefit__list.owl-carousel button.owl-next {
      right: 24px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card-nyala-benefit__list.owl-carousel button.owl-prev {
        left: -12px; }
      .mukel-card-nyala-benefit__list.owl-carousel button.owl-next {
        right: 12px; } }
    .mukel-card-nyala-benefit__list .owl-item .mukel-card:last-child {
      margin-right: 24px; }

/* ==========================================================================
   MUKEL Layout: Tab X
   ========================================================================== */
.mukel-tabs {
  /* ==========================================================================
   MUKEL Layout: Tabs Controll
   ========================================================================== */
  /* ==========================================================================
   MUKEL Layout: Tabs Pane
   ========================================================================== */ }
  .mukel-tabs__controll-container {
    position: relative;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-premier-site .mukel-tabs__controll-container {
      background-color: #bfad98; }
    .mukel-private-site .mukel-tabs__controll-container {
      background-color: #6a6d73; }
  .mukel-tabs__controll-wrapper {
    position: relative; }
  .mukel-tabs__controll__btn {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    transform: translateY(-50%); }
  @media only screen and (max-width: 1199.98px) {
    .mukel-tabs__controll {
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      .mukel-tabs__controll::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; }
      .mukel-tabs__controll-wrapper {
        margin-left: -32px;
        margin-right: -32px; }
        .mukel-tabs__controll-wrapper .mukel-tabs__controll {
          padding-left: 32px;
          padding-right: 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-tabs__controll-container {
      box-shadow: none; }
    .mukel-tabs__controll-wrapper {
      margin-left: -16px;
      margin-right: -16px; }
      .mukel-tabs__controll-wrapper .mukel-tabs__controll {
        padding-left: 16px;
        padding-right: 16px;
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-tabs__controll__btn {
      position: static;
      transform: none;
      padding: 40px 16px 16px;
      text-align: center; }
      .mukel-tabs__controll__btn .mukel-btn {
        width: 100%;
        max-width: 343px; } }
  .mukel-tabs__pane {
    display: none;
    padding-bottom: 32px; }
    .mukel-tabs__pane[data-pane='professionals'] {
      padding-bottom: 0; }
      .mukel-tabs__pane[data-pane='professionals'] .mukel-vertical-tab__page {
        padding-bottom: 0; }
    .mukel-tabs__pane .mukel-filter-card {
      padding-top: 48px;
      position: relative;
      z-index: 2; }
      .mukel-tabs__pane .mukel-filter-card--tab-mb {
        margin-bottom: 16px; }
      .mukel-tabs__pane .mukel-filter-card .mukel-select__list {
        width: 100%; }
    .mukel-tabs__pane--active {
      display: block; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tabs__pane {
        padding-bottom: 24px; }
        .mukel-tabs__pane .mukel-filter-card {
          padding-top: 32px;
          padding-bottom: 16px; }
          .mukel-tabs__pane .mukel-filter-card--tab-mb {
            margin-bottom: 0; } }
  .mukel-tabs--border-controll .mukel-tabs__controll-container {
    box-shadow: none; }
  .mukel-tabs--border-controll .mukel-tabs__controll-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    border-bottom: solid 1px #c2c9d1; }
    @media only screen and (max-width: 767.98px) {
      .mukel-tabs--border-controll .mukel-tabs__controll-wrapper::after {
        left: 16px;
        right: 16px; } }
  .mukel-tabs--border-controll .mukel-tabs__controll__item {
    padding-top: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tabs--border-controll .mukel-tabs__controll {
      box-shadow: none; } }
  .mukel-tabs--calc .mukel-tabs__controll-container {
    box-shadow: none; }
    .mukel-tabs--calc .mukel-tabs__controll-container .mukel-container {
      padding-left: 0;
      padding-right: 0; }
    .mukel-tabs--calc .mukel-tabs__controll-container .mukel-row {
      margin-left: 0;
      margin-right: 0; }
    .mukel-tabs--calc .mukel-tabs__controll-container .mukel-col-xl-12 {
      padding-left: 0;
      padding-right: 0; }
  .mukel-tabs--calc .mukel-tabs__controll__item {
    padding-top: 0;
    margin-right: 40px; }
    .mukel-tabs--calc .mukel-tabs__controll__item:last-child {
      margin-right: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-tabs--calc .mukel-tabs__controll {
      box-shadow: none; } }
  .mukel-tabs--calc .mukel-tabs__pane {
    padding-top: 32px;
    padding-bottom: 0; }

/* ==========================================================================
   MUKEL Layout: Filter Card
   ========================================================================== */
.mukel-filter-card__wrapper {
  display: inline-block;
  min-width: 392px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter-card__wrapper {
      display: block;
      min-width: initial; } }

.mukel-filter-card .mukel-select__list {
  width: calc(100% - 48px); }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter-card .mukel-select__list {
      width: 100%; } }

.mukel-filter-card .mukel-select__item {
  padding: 6px 54px 8px 24px; }
  .mukel-filter-card .mukel-select__item:last-child {
    margin-bottom: 4px; }
  .mukel-filter-card .mukel-select__item__text {
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-filter-card .mukel-select__item__text {
        font-size: 1.6rem;
        line-height: 2.4rem; } }

.mukel-filter-card .mukel-select__text {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  padding-top: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter-card .mukel-select__text {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-filter-card--landing-page {
  padding-top: 64px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter-card--landing-page {
      padding-top: 0; } }
  .mukel-filter-card--landing-page .mukel-filter-card__title {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-filter-card--landing-page .mukel-filter-card__title {
        padding-top: 32px; } }

/* ==========================================================================
   MUKEL Layout: Form
   ========================================================================== */
.mukel-form-container {
  padding: 64px 0; }
  .mukel-form-container .mukel-form {
    max-width: 600px; }

.mukel-form-preloader {
  display: none;
  position: fixed;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 9, 15, 0.8); }
  .mukel-form-preloader .mukel-preloader {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .mukel-form-preloader--inline {
    position: absolute;
    background-color: rgba(8, 9, 15, 0.6); }

/* ==========================================================================
   MUKEL Layouts: Text Column
   ========================================================================== */
.mukel-txt-col-container {
  padding: 64px 0; }
  .mukel-txt-col-container--gray {
    background-color: #f0f1f5; }
  @media only screen and (max-width: 991.98px) {
    .mukel-txt-col-container {
      padding: 56px 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt-col-container {
      padding: 48px 0; } }

.mukel-txt-col__content {
  font-size: 0;
  line-height: 1; }

.mukel-txt-col__list {
  margin-left: -12px;
  margin-right: -12px; }
  .mukel-txt-col__list::before, .mukel-txt-col__list::after {
    content: " ";
    display: table; }
  .mukel-txt-col__list::after {
    clear: both; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-txt-col__list {
      margin-left: -24px;
      margin-right: -24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt-col__list {
      margin-left: 0;
      margin-right: 0; } }

.mukel-txt-col__item {
  width: 50%;
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 64px; }
  .mukel-txt-col__item:nth-last-child(2), .mukel-txt-col__item:last-child {
    margin-bottom: 0; }
  .mukel-txt-col__item:nth-child(2n+1) {
    clear: both; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-txt-col__item {
      padding-left: 24px;
      padding-right: 24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-txt-col__item {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 48px; }
      .mukel-txt-col__item:nth-last-child(2) {
        margin-bottom: 48px; }
      .mukel-txt-col__item:nth-child(2n+1) {
        clear: initial; } }

/* ==========================================================================
   MUKEL Layouts: Result List
   ========================================================================== */
@media only screen and (max-width: 767.98px) {
  .mukel-result-list {
    padding-top: 16px; } }

.mukel-result-list__title-quick-links {
  font-size: 2rem;
  line-height: 3.2rem;
  color: #313131;
  margin-bottom: 24px;
  display: none; }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__title-quick-links {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__title-quick-links {
      margin-bottom: 16px; } }
  .mukel-result-list__title-quick-links--show {
    display: block; }

.mukel-result-list__filtered {
  display: none;
  font-size: 1.6rem;
  line-height: 2.4rem; }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__filtered {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-result-list__filtered {
      display: block;
      margin-bottom: 0; } }

.mukel-result-list__item {
  margin-bottom: 16px; }
  .mukel-result-list__item:last-child {
    margin-bottom: 0; }

/* ==========================================================================
   MUKEL Layout: Search Result
   ========================================================================== */
.mukel-search-result {
  padding: 64px 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-search-result {
      padding: 40px 0 48px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-search-result__filter {
      margin-bottom: 32px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-search-result__result {
      padding-left: 44px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-search-result__result {
      padding-left: 36px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-search-result__result {
      padding-left: 8px; } }
  .mukel-search-result__sort {
    text-align: right; }
    @media only screen and (max-width: 767.98px) {
      .mukel-search-result__sort {
        position: absolute;
        top: -56px;
        left: 92px; } }

/* ==========================================================================
   MUKEL Layouts: Card Board of Directors
   ========================================================================== */
.mukel-card-bod__item {
  margin-bottom: 72px; }
  .mukel-card-bod__item:nth-child(2n + 1) {
    clear: both; }
  .mukel-card-bod__item:nth-last-child(2), .mukel-card-bod__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-bod__item {
      margin-bottom: 64px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-bod__item {
      margin-bottom: 56px; }
      .mukel-card-bod__item:nth-child(2n + 1) {
        clear: initlal; }
      .mukel-card-bod__item:nth-last-child(2) {
        margin-bottom: 56px; } }
  @media only screen and (max-width: 320px) {
    .mukel-card-bod__item {
      margin-bottom: 40px; }
      .mukel-card-bod__item:nth-last-child(2) {
        margin-bottom: 40px; } }

/* ==========================================================================
   MUKEL Layout: Achievement
   ========================================================================== */
.mukel-achievement {
  padding: 64px 0 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-achievement {
      padding: 40px 0 24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-achievement__filter {
      margin-bottom: 32px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-achievement__list {
      padding-left: 44px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-achievement__list {
      padding-left: 36px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-achievement__list {
      padding-left: 8px; } }
  .mukel-achievement__wrapper {
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-achievement__wrapper::before, .mukel-achievement__wrapper::after {
      content: " ";
      display: table; }
    .mukel-achievement__wrapper::after {
      clear: both; }
    @media only screen and (max-width: 767.98px) {
      .mukel-achievement__wrapper {
        margin-left: 0;
        margin-right: 0; } }
    .mukel-achievement__wrapper::after {
      content: '';
      display: block;
      clear: both; }
    .mukel-achievement__wrapper .mukel-card {
      float: left;
      width: 50%;
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 32px; }
      .mukel-achievement__wrapper .mukel-card__box {
        width: 100%; }
      .mukel-achievement__wrapper .mukel-card__txt {
        min-height: 236px; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-achievement__wrapper .mukel-card__txt {
            min-height: 248px; } }
        @media only screen and (max-width: 991.98px) {
          .mukel-achievement__wrapper .mukel-card__txt {
            min-height: auto; } }
      .mukel-achievement__wrapper .mukel-card:nth-last-child(2), .mukel-achievement__wrapper .mukel-card:last-child {
        margin-bottom: 0; }
      .mukel-achievement__wrapper .mukel-card:nth-child(2n+1) {
        clear: both; }
      @media only screen and (max-width: 991.98px) {
        .mukel-achievement__wrapper .mukel-card {
          width: 100%; }
          .mukel-achievement__wrapper .mukel-card__box {
            width: 392px;
            margin-left: auto;
            margin-right: auto; }
          .mukel-achievement__wrapper .mukel-card:nth-last-child(2) {
            margin-bottom: 32px; }
          .mukel-achievement__wrapper .mukel-card:nth-child(2n+1) {
            clear: initial; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-achievement__wrapper .mukel-card {
          float: none;
          margin-bottom: 24px;
          padding-left: 0;
          padding-right: 0; }
          .mukel-achievement__wrapper .mukel-card__box {
            width: 100%; }
          .mukel-achievement__wrapper .mukel-card:nth-last-child(2) {
            margin-bottom: 24px; } }
  .mukel-achievement__pagination {
    padding-top: 64px; }

/* ==========================================================================
   MUKEL Layouts: CSR Descriptions
   ========================================================================== */
.mukel-csr-description {
  margin-bottom: 96px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-csr-description {
      margin-bottom: 72px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-csr-description {
      margin-bottom: 56px; } }
  @media only screen and (max-width: 320px) {
    .mukel-csr-description {
      margin-bottom: 48px; } }
  .mukel-csr-description:last-child {
    margin-bottom: 0; }
  .mukel-csr-description-container {
    overflow: hidden;
    position: relative;
    padding: 64px 0 112px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-description-container {
        padding: 0 0 48px; } }
    @media only screen and (max-width: 320px) {
      .mukel-csr-description-container {
        padding-bottom: 40px; } }
  .mukel-csr-description-content {
    position: relative; }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-description-content {
        padding-top: 448px; } }
    @media only screen and (max-width: 320px) {
      .mukel-csr-description-content {
        padding-top: 408px; } }
  .mukel-csr-description__definition {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin-bottom: 64px;
    color: #667584;
    max-width: 912px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-csr-description__definition {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-csr-description__definition {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-csr-description__definition {
        margin-bottom: 48px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-csr-description__definition {
        margin-bottom: 44px; } }
    @media only screen and (max-width: 320px) {
      .mukel-csr-description__definition {
        margin-bottom: 40px; } }
  .mukel-csr-description__img-circle {
    max-width: initial;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center; }
    .mukel-csr-description__img-circle-wrapper {
      position: absolute;
      height: 820px;
      width: 820px;
      border-radius: 50%;
      overflow: hidden;
      right: -375px;
      top: 224px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-csr-description__img-circle-wrapper {
          height: 640px;
          width: 640px;
          right: -280px;
          top: 240px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-csr-description__img-circle-wrapper {
          width: 400px;
          height: 400px;
          right: auto;
          top: 24px;
          left: -72px; } }
      @media only screen and (max-width: 320px) {
        .mukel-csr-description__img-circle-wrapper {
          width: 360px;
          height: 360px; } }

/* ==========================================================================
   MUKEL Layout: Search Filter
   ========================================================================== */
.mukel-filter {
  max-width: 288px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter {
      max-width: initial; } }
  .mukel-filter__show {
    display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-filter__show {
        font-size: 0;
        display: block; }
        .mukel-filter__show__btn {
          padding: 0;
          outline: 0;
          border: 0;
          font-size: 0;
          cursor: pointer;
          background-color: transparent;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
        .mukel-filter__show__icon {
          width: 100%;
          vertical-align: top; }
          .mukel-filter__show__icon-wrapper {
            display: inline-block;
            vertical-align: middle;
            width: 24px;
            height: 24px;
            padding: 2px;
            margin-right: 8px; }
        .mukel-filter__show__txt {
          display: inline-block;
          vertical-align: middle;
          color: #313131;
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) and (max-width: 767.98px) {
      .mukel-filter__show__txt {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter__scrollover {
      display: block;
      position: fixed;
      z-index: 9;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      transform: scaleY(0);
      transform-origin: center bottom;
      transition: all .6s ease;
      transition-delay: 400ms;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      .mukel-filter__scrollover::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter__wrapper {
      min-height: 100%;
      position: relative;
      padding: 64px 16px 112px; } }
  .mukel-filter__close {
    display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-filter__close {
        display: block;
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 4;
        opacity: 0;
        transform: translateY(8px);
        transition: all .45s ease;
        transition-delay: 200ms; }
        .mukel-filter__close__btn {
          padding: 0;
          outline: 0;
          border: 0;
          width: 32px;
          height: 32px;
          border-radius: 50%;
          text-align: center;
          cursor: pointer;
          background-color: #939fab; }
        .mukel-filter__close__icon {
          font-size: 1.8rem;
          line-height: 32px;
          color: #fff; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter__list {
      opacity: 0;
      transform: translateY(8px);
      transition: all .45s ease;
      transition-delay: 100ms; } }
  .mukel-filter__apply {
    display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-filter__apply {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 16px;
        z-index: 4;
        opacity: 0;
        transform: translateY(8px);
        transition: all .45s ease;
        transition-delay: 0ms; } }
  .mukel-filter__item {
    margin-bottom: 40px; }
    .mukel-filter__item:last-child {
      margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-filter--show .mukel-filter__scrollover {
      transform: scaleY(1);
      transition: all .5s ease;
      transition-delay: 0ms; }
    .mukel-filter--show .mukel-filter__close,
    .mukel-filter--show .mukel-filter__list,
    .mukel-filter--show .mukel-filter__apply {
      opacity: 1;
      transform: translateY(0); }
    .mukel-filter--show .mukel-filter__close {
      transition-delay: 500ms; }
    .mukel-filter--show .mukel-filter__list {
      transition-delay: 600ms; }
    .mukel-filter--show .mukel-filter__apply {
      transition-delay: 700ms; } }

/* ==========================================================================
   MUKEL Layout: Management Structure
   ========================================================================== */
.mukel-management-structure {
  padding: 48px 0 32px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-management-structure {
      padding: 40px 0 24px; } }
  .mukel-management-structure .mukel-vertical-tab__page {
    padding: 0; }
  .mukel-management-structure__title {
    font-weight: 400;
    margin-bottom: 40px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-management-structure__title {
        margin-bottom: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-management-structure__title {
        margin-bottom: 16px; } }
    .mukel-management-structure__title--people {
      font-weight: 400;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-management-structure__title--people {
          margin-bottom: 16px; } }
  .mukel-management-structure__org__img-d {
    display: block; }
  .mukel-management-structure__org__img-m {
    display: none; }
  @media only screen and (max-width: 767.98px) {
    .mukel-management-structure__org {
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin-left: -16px;
      margin-right: -16px;
      padding-bottom: 8px; }
      .mukel-management-structure__org__img-d {
        display: none; }
      .mukel-management-structure__org__img-m {
        display: block;
        max-width: initial;
        max-height: 700px;
        padding-left: 16px;
        padding-right: 16px; }
      .mukel-management-structure__org__img-s {
        max-height: 400px; } }
  .mukel-management-structure__note {
    margin-top: 40px;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-management-structure__note {
        font-size: 1.4rem;
        line-height: 2.4rem; } }
    .mukel-vertical-tab__page .mukel-management-structure__note {
      margin-bottom: 48px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-management-structure__note {
        margin-top: 32px; }
        .mukel-vertical-tab__page .mukel-management-structure__note {
          margin-bottom: 40px; } }
  .mukel-management-structure__legend {
    margin-bottom: 24px; }
    .mukel-management-structure__legend-img {
      height: 22px;
      width: auto; }

/* ==========================================================================
   MUKEL Layout: Popup BOD
   ========================================================================== */
.mukel-popup-bod {
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.45s cubic-bezier(0.57, 0.07, 0.27, 0.91);
  transform: translateY(100%);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .mukel-popup-bod-show .mukel-popup-bod {
    transform: none; }
    .mukel-popup-bod-show .mukel-popup-bod .mukel-popup-bod__close {
      opacity: 1;
      transform: none;
      transition-delay: 0.7s; }
    .mukel-popup-bod-show .mukel-popup-bod .mukel-popup-bod__img-circle {
      opacity: 1;
      transform: none;
      transition-delay: 0.65s; }
    .mukel-popup-bod-show .mukel-popup-bod .mukel-popup-bod__head,
    .mukel-popup-bod-show .mukel-popup-bod .mukel-popup-bod__body {
      opacity: 1;
      transform: none; }
    .mukel-popup-bod-show .mukel-popup-bod .mukel-popup-bod__head {
      transition-delay: 0.55s; }
    .mukel-popup-bod-show .mukel-popup-bod .mukel-popup-bod__body {
      transition-delay: 0.65s; }
  .mukel-popup-bod__close {
    display: block;
    width: 32px;
    height: 32px;
    background-color: #939fab;
    position: fixed;
    top: 40px;
    right: 40px;
    border: 0;
    padding: 0;
    outline: 0;
    border-radius: 50%;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: 0;
    transform: translateY(16px);
    transition: all .45s ease; }
    .mukel-popup-bod__close:hover .mukel-fi {
      transform: rotate(90deg); }
    .mukel-popup-bod__close .mukel-fi {
      display: block;
      font-size: 1.6rem;
      line-height: 3.2rem;
      transition: all .35s ease; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-popup-bod__close {
        top: 32px;
        right: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-bod__close {
        top: 16px;
        right: 16px; } }
  .mukel-popup-bod__wrapper {
    position: relative;
    padding: 96px 0 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-bod__wrapper {
        padding: 64px 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-bod__wrapper {
        padding: 40px 0 48px; } }
  .mukel-popup-bod__img-circle {
    position: fixed;
    top: 0;
    margin-left: -220px;
    width: 969px;
    height: 969px;
    background-position: center center;
    background-size: contain;
    z-index: 7;
    opacity: 0;
    transform: scale(1.1);
    transition: all .75s ease; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-bod__img-circle {
        position: absolute;
        width: 768px;
        height: 768px;
        top: -24px;
        margin-left: 0;
        left: -40px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-bod__img-circle {
        width: 462px;
        height: 462px; } }
    @media only screen and (max-width: 320px) {
      .mukel-popup-bod__img-circle {
        width: 406px;
        height: 406px; } }
  .mukel-popup-bod__content {
    position: relative;
    z-index: 8; }
  @media only screen and (max-width: 991.98px) {
    .mukel-popup-bod__left {
      margin-bottom: 48px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-popup-bod__left {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 320px) {
    .mukel-popup-bod__left {
      margin-bottom: 32px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-popup-bod__right {
      padding-left: 68px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-popup-bod__right {
      padding-left: 12px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-popup-bod__right {
      padding-left: 8px; } }
  .mukel-popup-bod__head {
    top: 96px;
    bottom: 8px;
    position: fixed;
    max-width: 340px;
    margin-left: -12px;
    min-height: 404px;
    max-height: 628px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(16px);
    transition: all .5s ease; }
    @media screen and (max-height: 500px) {
      .mukel-popup-bod__head {
        top: 0;
        position: relative; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-popup-bod__head {
        margin-left: 0; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-bod__head {
        top: 0;
        position: relative; } }
  @media only screen and (max-width: 991.98px) and (max-height: 500px) {
    .mukel-popup-bod__head {
      position: relative; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-bod__head {
        max-width: 343px;
        min-height: initial; } }
  .mukel-popup-bod__img {
    display: block;
    margin: 0 auto; }
    .mukel-popup-bod__img-wrapper {
      width: 100%;
      height: 100%; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-bod__img {
        max-height: 100%;
        max-width: initial; }
        .mukel-popup-bod__img-wrapper {
          height: 432px; } }
  .mukel-popup-bod__name-position {
    padding: 16px 32px;
    border-radius: 8px;
    background-color: #80909f;
    color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 8; }
  .mukel-popup-bod__name {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-bod__name {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-popup-bod__position {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-bod__position {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-popup-bod__body {
    opacity: 0;
    transform: translateY(16px);
    transition: all .5s ease; }
    .mukel-popup-bod__body__item {
      margin-bottom: 48px; }
      .mukel-popup-bod__body__item:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-popup-bod__body__item {
          margin-bottom: 40px; } }
      @media only screen and (max-width: 320px) {
        .mukel-popup-bod__body__item {
          margin-bottom: 32px; } }
    .mukel-popup-bod__body h4 {
      color: #313131;
      margin-bottom: 16px;
      font-size: 2rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-popup-bod__body h4 {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-popup-bod__body h4 {
          margin-bottom: 8px; } }
    .mukel-popup-bod__body p {
      color: #667584;
      margin-bottom: 0; }

/* ==========================================================================
   MUKEL Layout: Press Conference
   ========================================================================== */
.mukel-press-conference {
  padding: 64px 0 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-press-conference {
      padding: 40px 0 24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-press-conference__filter {
      margin-bottom: 24px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-press-conference__list {
      padding-left: 36px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-press-conference__list {
      padding-left: 44px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-press-conference__list {
      padding-left: 8px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-press-conference__wrapper {
      position: relative; }
      .mukel-press-conference__wrapper .mukel-card-article__sort {
        position: absolute;
        top: -48px;
        left: 92px;
        margin-bottom: 0; } }
  .mukel-press-conference__wrapper .mukel-card__box {
    height: 360px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-press-conference__wrapper .mukel-card__box {
        height: 352px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-press-conference__wrapper .mukel-card__box {
        height: 343px; } }
  .mukel-press-conference__pagination {
    margin-top: 44px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-press-conference__pagination {
        margin-top: 32px; } }

/* ==========================================================================
   MUKEL Layout: Announcement
   ========================================================================== */
.mukel-announcement {
  padding: 48px 0 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-announcement {
      padding: 40px 0 24px; } }
  .mukel-announcement__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin-bottom: 16px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-announcement__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-announcement__section {
    margin-bottom: 48px; }
    .mukel-announcement__section:last-child {
      margin-bottom: 0; }
    .mukel-announcement__section__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      margin-bottom: 16px;
      color: #667584; }
      @media only screen and (max-width: 767.98px) {
        .mukel-announcement__section__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-announcement__section {
        margin-bottom: 32px; } }
    .mukel-vertical-tab__page .mukel-announcement__section {
      margin-bottom: 48px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-vertical-tab__page .mukel-announcement__section {
          margin-bottom: 40px; } }
  .mukel-announcement__item {
    margin-bottom: 16px; }
    .mukel-announcement__item:last-child {
      margin-bottom: 0; }

/* ==========================================================================
   MUKEL Layouts: Card Address
   ========================================================================== */
.mukel-card-address {
  padding-top: 64px;
  padding-bottom: 20px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-address {
      padding-top: 56px;
      padding-bottom: 24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-address {
      padding-top: 40px; } }
  .mukel-card-address__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #313131;
    margin-bottom: 48px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-address__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-address__title {
        margin-bottom: 32px; } }
  .mukel-card-address__list {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 52px; }
    .mukel-card-address__list::before, .mukel-card-address__list::after {
      content: " ";
      display: table; }
    .mukel-card-address__list::after {
      clear: both; }
    .mukel-card-address__list:last-child {
      margin-bottom: 0; }
    .mukel-card-address__list__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      color: #313131;
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 12px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-address__list__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-address__list {
        margin-bottom: 44px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-address__list {
        margin-bottom: 24px;
        margin-left: 0;
        margin-right: 0; }
        .mukel-card-address__list:last-child {
          margin-bottom: 0; }
        .mukel-card-address__list__title {
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 16px; } }
  .mukel-card-address__item {
    padding: 12px;
    float: left; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-address__item {
        float: none;
        padding: 0;
        margin-bottom: 16px; }
        .mukel-card-address__item:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layout: Auction Iinfo
   ========================================================================== */
.mukel-auction-info-page {
  padding-top: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-auction-info-page {
      padding: 8px 0; } }
  .mukel-auction-info-page .mukel-vertical-tab__page {
    padding-bottom: 32px; }
  .mukel-auction-info-page__pagination {
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-auction-info-page__pagination {
        margin-top: 32px; } }

/* ==========================================================================
   MUKEL Layouts: Auction Infos
   ========================================================================== */
.mukel-card-auction-info {
  padding: 32px 0 64px; }
  .mukel-card-auction-info__item {
    padding-top: 16px;
    padding-bottom: 16px; }
  .mukel-card-auction-info__title {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-auction-info__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-card-auction-info--detail {
    padding: 60px 0 48px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-auction-info {
      padding: 24px 0; }
      .mukel-card-auction-info__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-auction-info__item:last-child {
          margin-bottom: 0; }
      .mukel-card-auction-info__title {
        margin-bottom: 16px; }
      .mukel-card-auction-info--detail {
        padding: 48px 0; } }

/* ==========================================================================
   MUKEL Layouts: Card Partner
   ========================================================================== */
.mukel-card-partner__item {
  margin-bottom: 24px; }
  .mukel-card-partner__item:nth-last-child(2), .mukel-card-partner__item:last-child {
    margin-bottom: 0; }
  .mukel-card-partner__item:nth-child(2n+1) {
    clear: both; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-partner__item {
      margin-bottom: 16px; }
      .mukel-card-partner__item:nth-last-child(2), .mukel-card-partner__item:last-child {
        margin-bottom: 16px; }
      .mukel-card-partner__item:nth-child(2n+1) {
        clear: initial; } }

.mukel-card-partner__title {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 400;
  margin-bottom: 32px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-partner__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-partner__title {
      margin-bottom: 16px; } }

/* ==========================================================================
   MUKEL Layouts: Card Advisor
   ========================================================================== */
.mukel-card-advisor {
  padding: 64px 0 48px;
  background-color: #f0f1f5; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-advisor {
      padding: 48px 0 36px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-advisor {
      padding: 48px 0; } }
  .mukel-card-advisor__title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-advisor__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-advisor__title {
        margin-bottom: 16px; } }
  .mukel-card-advisor__item {
    padding-top: 16px;
    padding-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-advisor__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-advisor__item:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layouts: Card Mutual Funds
   ========================================================================== */
.mukel-card-mutual-funds__wrapper {
  margin-top: -12px;
  margin-bottom: -4px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-mutual-funds__wrapper {
      margin-top: 0;
      margin-bottom: -8px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-mutual-funds__wrapper {
      margin-bottom: 0; } }

.mukel-card-mutual-funds__item {
  padding-top: 12px;
  padding-bottom: 12px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-mutual-funds__item {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 24px; }
      .mukel-card-mutual-funds__item:last-child {
        margin-bottom: 0; } }
  @media only screen and (max-width: 320px) {
    .mukel-card-mutual-funds__item {
      margin-bottom: 16px; } }

/* ==========================================================================
   MUKEL Layouts: Card Report
   ========================================================================== */
.mukel-card-report__title {
  font-size: 2rem;
  line-height: 3.2rem;
  margin-bottom: 16px;
  color: #313131;
  font-weight: 400; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-report__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-card-report__item {
  margin-bottom: 40px;
  padding-bottom: 48px;
  position: relative; }
  .mukel-card-report__item:last-child, .mukel-card-report__item:nth-last-child(2) {
    margin-bottom: 0; }
  .mukel-card-report__item:nth-child(2n+1) {
    clear: both; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-report__item {
      margin-bottom: 32px;
      padding-bottom: 40px; }
      .mukel-card-report__item:nth-last-child(3) {
        margin-bottom: 0; }
      .mukel-card-report__item:nth-child(2n+1) {
        clear: initial; }
      .mukel-card-report__item:nth-child(3n+1) {
        clear: both; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-report__item {
      margin-bottom: 32px; }
      .mukel-card-report__item:nth-last-child(3) {
        margin-bottom: 32px; }
      .mukel-card-report__item:nth-child(3n+1) {
        clear: initial; }
      .mukel-card-report__item:nth-child(2n+1) {
        clear: both; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-report__item {
      margin-bottom: 40px;
      padding-bottom: 0; }
      .mukel-card-report__item:nth-last-child(2), .mukel-card-report__item:nth-last-child(3) {
        margin-bottom: 40px; }
      .mukel-card-report__item:nth-child(2n+1), .mukel-card-report__item:nth-child(3n+1) {
        clear: initial; } }
  @media only screen and (max-width: 320px) {
    .mukel-card-report__item {
      margin-bottom: 32px; }
      .mukel-card-report__item:nth-last-child(2), .mukel-card-report__item:nth-last-child(3) {
        margin-bottom: 32px; } }
  .mukel-card-report__item .mukel-card__btn-more {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-report__item .mukel-card__btn-more {
        position: static;
        padding: 0; } }

.mukel-card-file-report__item {
  margin-bottom: 24px; }
  .mukel-card-file-report__item:nth-child(3n+1) {
    clear: both; }
  .mukel-card-file-report__item:last-child, .mukel-card-file-report__item:nth-last-child(2), .mukel-card-file-report__item:nth-last-child(3) {
    margin-bottom: 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-file-report__item:nth-child(3n+1) {
      clear: initial; }
    .mukel-card-file-report__item:nth-child(2n+1) {
      clear: both; }
    .mukel-card-file-report__item:nth-last-child(3) {
      margin-bottom: 24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-file-report__item {
      margin-bottom: 16px; }
      .mukel-card-file-report__item:nth-child(3n+1) {
        clear: initial; }
      .mukel-card-file-report__item:nth-child(2n+1) {
        clear: initial; }
      .mukel-card-file-report__item:nth-last-child(2), .mukel-card-file-report__item:nth-last-child(3) {
        margin-bottom: 16px; } }

/* ==========================================================================
   MUKEL Layout: Popup File Report
   ========================================================================== */
.mukel-popup-file-report {
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.45s cubic-bezier(0.57, 0.07, 0.27, 0.91);
  transform: translateY(100%);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .mukel-popup-file-report-show .mukel-popup-file-report {
    transform: none; }
    .mukel-popup-file-report-show .mukel-popup-file-report .mukel-popup-file-report__close,
    .mukel-popup-file-report-show .mukel-popup-file-report .mukel-popup-file-report__filter,
    .mukel-popup-file-report-show .mukel-popup-file-report .mukel-popup-file-report__box {
      opacity: 1;
      transform: none; }
    .mukel-popup-file-report-show .mukel-popup-file-report .mukel-popup-file-report__filter {
      transition-delay: 0.45s; }
    .mukel-popup-file-report-show .mukel-popup-file-report .mukel-popup-file-report__box {
      transition-delay: 0.55s; }
    .mukel-popup-file-report-show .mukel-popup-file-report .mukel-popup-file-report__close {
      transition-delay: 0.65s; }
  .mukel-popup-file-report__close {
    display: block;
    width: 32px;
    height: 32px;
    background-color: #939fab;
    position: fixed;
    top: 40px;
    right: 40px;
    border: 0;
    padding: 0;
    outline: 0;
    border-radius: 50%;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: 0;
    transform: translateY(16px);
    transition: all .45s ease;
    transition-delay: 0s; }
    .mukel-popup-file-report__close:hover .mukel-fi {
      transform: rotate(90deg); }
    .mukel-popup-file-report__close .mukel-fi {
      display: block;
      font-size: 1.6rem;
      line-height: 3.2rem;
      transition: all .35s ease; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-popup-file-report__close {
        top: 32px;
        right: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-file-report__close {
        top: 16px;
        right: 16px; } }
  .mukel-popup-file-report__wrapper {
    position: relative;
    padding: 88px 0 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-file-report__wrapper {
        padding: 64px 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-file-report__wrapper {
        padding: 64px 0 48px; } }
  .mukel-popup-file-report__content {
    position: relative;
    z-index: 8; }
  .mukel-popup-file-report__filter {
    margin-bottom: 32px;
    opacity: 0;
    transform: translateY(16px);
    transition: all .45s ease;
    transition-delay: 0s; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-file-report__filter {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 320px) {
      .mukel-popup-file-report__filter {
        margin-bottom: 32px; } }
  .mukel-popup-file-report__box {
    opacity: 0;
    transform: translateY(16px);
    transition: all .45s ease;
    transition-delay: 0s; }
  .mukel-popup-file-report__section {
    margin-bottom: 48px;
    opacity: 0;
    transform: translateY(16px);
    -webkit-animation: .5s ease 0s normal forwards 1 show-section-report;
            animation: .5s ease 0s normal forwards 1 show-section-report; }
    .mukel-popup-file-report__section:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-file-report__section {
        margin-bottom: 32px; } }
  .mukel-popup-file-report__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-file-report__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-file-report__title {
        margin-bottom: 16px; } }

@-webkit-keyframes show-section-report {
  from {
    opacity: 0;
    transform: translateY(16px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes show-section-report {
  from {
    opacity: 0;
    transform: translateY(16px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/* ==========================================================================
   MUKEL Layout: Mutual Funds
   ========================================================================== */
.mukel-mutual-funds {
  padding-bottom: 64px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-mutual-funds {
      padding-bottom: 48px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-mutual-funds {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-mutual-funds__filter {
      margin-bottom: 24px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-mutual-funds__list {
      padding-left: 36px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-mutual-funds__list {
      padding-left: 44px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-mutual-funds__list {
      padding-left: 8px; } }

/* ==========================================================================
   MUKEL Layout: Table Result
   ========================================================================== */
.mukel-table-result {
  padding-top: 48px;
  padding-bottom: 32px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-table-result {
      padding-top: 32px;
      padding-bottom: 24px; } }
  .mukel-table-result__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-table-result__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-table-result--no-calc {
    padding-top: 120px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-table-result--no-calc {
        padding-top: 104px; } }
  .mukel-table-result--share {
    padding-top: 0; }
  .mukel-table-result__content {
    max-width: 912px; }
  .mukel-table-result__head {
    display: table;
    width: 100%;
    margin-bottom: 32px; }
    .mukel-table-result__head__left, .mukel-table-result__head__right {
      display: table-cell;
      vertical-align: middle; }
    .mukel-table-result__head__right {
      text-align: right; }
  .mukel-table-result__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #313131;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-table-result__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-table-result__body .mukel-tbl-calc {
    margin-bottom: 32px; }
    .mukel-table-result__body .mukel-tbl-calc:last-child {
      margin-bottom: 0; }

/* ==========================================================================
   MUKEL Layout: Investment Pie Chart
   ========================================================================== */
.mukel-inv-pie-chart-container {
  margin-bottom: 96px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-inv-pie-chart-container {
      margin-bottom: 72px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-inv-pie-chart-container {
      margin-bottom: 48px; } }

/* ==========================================================================
   MUKEL Layouts: Calculator Result
   ========================================================================== */
.mukel-calc-result {
  padding-top: 96px;
  padding-bottom: 8px;
  background-color: #dae0e6; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-calc-result {
      padding-top: 88px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-calc-result {
      padding-top: 64px;
      padding-bottom: 0; }
      .mukel-calc-result.show-fields {
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); } }
  .mukel-calc-result__form {
    display: table;
    width: 100%; }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc-result__form {
        display: block; } }
  .mukel-calc-result__flds {
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-calc-result__flds::before, .mukel-calc-result__flds::after {
      content: " ";
      display: table; }
    .mukel-calc-result__flds::after {
      clear: both; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-calc-result__flds {
        margin-left: -8px;
        margin-right: -8px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc-result__flds {
        margin-left: 0;
        margin-right: 0;
        transition: all .3s ease; }
        .show-fields .mukel-calc-result__flds {
          padding-top: 24px;
          padding-bottom: 24px; } }
    .mukel-calc-result__flds-wrapper {
      display: table-cell;
      vertical-align: top;
      padding-right: 72px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-calc-result__flds-wrapper {
          padding-right: 8px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-calc-result__flds-wrapper {
          display: none;
          padding-right: 0; } }
    .mukel-calc-result__flds__item {
      float: left; }
      @media only screen and (max-width: 991.98px) {
        .mukel-calc-result__flds__item {
          float: none;
          margin-bottom: 24px;
          opacity: 0;
          transform: translateY(8px);
          transition: all .3s ease;
          transition-delay: 0s; }
          .mukel-calc-result__flds__item:last-child {
            margin-bottom: 0; }
          .show-fields .mukel-calc-result__flds__item {
            opacity: 1;
            transform: none;
            transition-delay: .1s; } }
    .mukel-calc-result__flds--items-5 .mukel-calc-result__flds__item {
      width: 20%;
      padding: 0 12px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-calc-result__flds--items-5 .mukel-calc-result__flds__item {
          padding: 0 8px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-calc-result__flds--items-5 .mukel-calc-result__flds__item {
          padding: 0;
          width: 100%; } }
    .mukel-calc-result__flds .mukel-field {
      margin-bottom: 0;
      padding-bottom: 24px;
      position: relative; }
      @media only screen and (max-width: 991.98px) {
        .mukel-calc-result__flds .mukel-field {
          padding-bottom: 0; } }
      .mukel-calc-result__flds .mukel-field__note {
        position: absolute;
        left: 0;
        bottom: 0; }
        @media only screen and (max-width: 991.98px) {
          .mukel-calc-result__flds .mukel-field__note {
            position: static; } }
      .mukel-calc-result__flds .mukel-field .mukel-select__list {
        right: auto;
        max-width: initial; }
        @media only screen and (max-width: 991.98px) {
          .mukel-calc-result__flds .mukel-field .mukel-select__list {
            right: 0;
            max-width: 100%; } }
      .mukel-calc-result__flds .mukel-field .mukel-select__item {
        white-space: nowrap; }
        @media only screen and (max-width: 991.98px) {
          .mukel-calc-result__flds .mukel-field .mukel-select__item {
            white-space: normal; } }
      .mukel-calc-result__flds .mukel-field .mukel-select .mCustomScrollBox {
        max-width: initial; }
        @media only screen and (max-width: 991.98px) {
          .mukel-calc-result__flds .mukel-field .mukel-select .mCustomScrollBox {
            max-width: 100%; } }
      .mukel-calc-result__flds .mukel-field .mukel-select__text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .mukel-calc-result__submit {
    width: 130px;
    padding-top: 24px;
    padding-left: 8px;
    display: table-cell;
    vertical-align: top;
    text-align: right; }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc-result__submit {
        display: block;
        width: auto;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 0;
        text-align: left;
        position: relative;
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 32px;
        padding-right: 32px;
        transition: all .3s ease; }
        .mukel-calc-result__submit__btn {
          display: none; }
        .show-fields .mukel-calc-result__submit {
          background-color: #fff; }
          .show-fields .mukel-calc-result__submit__btn {
            display: block; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc-result__submit {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px; } }
  .mukel-calc-result__label {
    display: none; }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc-result__label {
        display: block;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700;
        margin-bottom: 0; }
        .show-fields .mukel-calc-result__label {
          display: none; } }
  .mukel-calc-result__btn-arrow {
    display: none; }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc-result__btn-arrow {
        width: 48px;
        height: 48px;
        display: block;
        background-color: transparent;
        position: absolute;
        top: 4px;
        right: 18px;
        padding: 0;
        border: 0;
        transition: all .3s ease;
        transform-origin: center center; }
        .show-fields .mukel-calc-result__btn-arrow {
          transform: rotateX(180deg); }
        .mukel-calc-result__btn-arrow .mukel-fi {
          font-size: 2rem;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -10px;
          margin-top: -10px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc-result__btn-arrow {
        right: 2px; } }

/* ==========================================================================
   MUKEL Layout: MUKEL Result Share
   ========================================================================== */
.mukel-share-result {
  overflow: hidden;
  min-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #fff; }
  .mukel-share-result__bg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1; }
    .mukel-share-result__bg__content {
      position: relative; }
    .mukel-share-result__bg__img {
      height: 742px;
      width: auto;
      display: block; }
      .mukel-share-result__bg__img-wrapper {
        position: absolute;
        top: 0;
        right: -315px; }
  .mukel-share-result__content {
    position: relative;
    z-index: 2; }
  .mukel-share-result__head {
    padding: 80px 0 32px; }
  .mukel-share-result__logo {
    margin-bottom: 72px;
    font-size: 0;
    line-height: 1; }
    .mukel-share-result__logo .mukel-lnk {
      display: inline-block; }
    .mukel-share-result__logo__img {
      display: block;
      width: auto;
      height: 84px; }
  .mukel-share-result__desc {
    max-width: 704px;
    margin-bottom: 32px; }
    .mukel-share-result__desc__title {
      font-size: 2.4rem;
      line-height: 3.2rem;
      font-weight: 700;
      margin-bottom: 16px;
      color: #313131; }
    .mukel-share-result__desc__note {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 400;
      color: #667584;
      margin-bottom: 0; }
  .mukel-share-result__calc__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 16px; }
  .mukel-share-result__calc__note {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #313131;
    margin-bottom: 8px; }
  .mukel-share-result__calc__date {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-share-result .mukel-card-prod-category__item {
      width: 33.333333%; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-share-result .mukel-card-prod-category__item {
      width: 33.333333%; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-share-result .mukel-prod-detail-fragments__item {
      width: 33.333333%;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-bottom: 0; }
      .mukel-share-result .mukel-prod-detail-fragments__item:nth-child(4n + 1) {
        clear: both; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-share-result .mukel-prod-detail-fragments__item {
      width: 33.333333%;
      padding-left: 12px;
      padding-right: 12px; } }
  .mukel-share-result .mukel-prod-detail-fragments {
    padding-top: 32px;
    padding-bottom: 60px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-share-result .mukel-prod-detail-fragments .mukel-row {
        margin-left: -12px;
        margin-right: -12px; }
      .mukel-share-result .mukel-prod-detail-fragments .mukel-col-xl-12 {
        padding-left: 12px;
        padding-right: 12px; } }
  .mukel-share-result .mukel-prod-detail-fragment__more {
    margin-bottom: 36px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-share-result .mukel-tbl-calc__tbl {
      margin-left: 0;
      margin-right: 0;
      border-radius: 8px;
      padding: 24px; }
    .mukel-share-result .mukel-tbl-calc__title {
      font-size: 2rem;
      line-height: 3.2rem; }
    .mukel-share-result .mukel-card-prod-category__title {
      margin-bottom: 12px;
      font-size: 2rem;
      line-height: 3.2rem; }
    .mukel-share-result .mukel-card-prod-category__list {
      margin-left: -12px;
      margin-right: -12px; }
    .mukel-share-result .mukel-card-prod-category__item {
      margin-bottom: 0;
      padding-left: 12px;
      padding-right: 12px;
      padding-top: 16px;
      padding-bottom: 16px; }
    .mukel-share-result .mukel-card--prod-category .mukel-card__title {
      font-size: 2rem;
      line-height: 3.2rem; } }
  .mukel-share-result .mukel-tbl-calc__tbl {
    box-shadow: none; }
  .mukel-share-result .mukel-disclaimer {
    padding-top: 32px;
    padding-bottom: 64px; }
  .mukel-share-result .mukel-card--prod-category .mukel-card__box {
    box-shadow: none;
    border: solid 1px #dae0e6; }
    .mukel-share-result .mukel-card--prod-category .mukel-card__box:hover {
      transform: none; }
  .mukel-share-result .mukel-card-legend .mukel-card--legend {
    transition: none; }
    .mukel-share-result .mukel-card-legend .mukel-card--legend .mukel-card__box {
      cursor: default;
      box-shadow: none;
      border: solid 1px #dae0e6; }
    .mukel-site-content--hide .mukel-share-result .mukel-card-legend .mukel-card--legend {
      opacity: 1;
      transform: none; }
  .mukel-share-result .mukel-graphic-bar__visual__bar {
    cursor: default; }
  .mukel-site-content--hide .mukel-share-result .mukel-graphic-bar__box {
    opacity: 1; }
  .mukel-site-content--hide .mukel-share-result .mukel-graphic-bar__visual__bar {
    transform: none; }
  .mukel-site-content--hide .mukel-share-result .mukel-graphic-bar__visual__area {
    transform: none; }
  .mukel-site-content--hide .mukel-share-result .mukel-graphic-bar__range::after {
    transform: none; }
  .mukel-site-content--hide .mukel-share-result .mukel-graphic-bar__range__item {
    opacity: 1;
    transform: none; }

/* ==========================================================================
   MUKEL Layout: Feature
   ========================================================================== */
.mukel-feature {
  min-height: 708px;
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .mukel-feature {
      min-height: initial; } }
  .mukel-feature__img {
    max-width: initial;
    width: 1124px;
    position: absolute;
    top: -84px;
    right: -376px;
    opacity: 0.18; }
    .mukel-feature__img-wrapper {
      position: absolute;
      z-index: 1;
      width: 50%;
      height: 100%;
      left: 0;
      top: 0;
      overflow: hidden;
      background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
    @media only screen and (max-width: 1199.98px) {
      .mukel-feature__img {
        top: -32px;
        width: 960px;
        right: -320px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-feature__img {
        width: 640px;
        right: -160px;
        top: -36px; }
        .mukel-feature__img-wrapper {
          width: 100%;
          height: 348px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-feature__img {
        width: 496px;
        right: -112px;
        top: -36px; } }
    @media only screen and (max-width: 374px) {
      .mukel-feature__img {
        width: 460px;
        right: -80px;
        top: -32px; } }
    @media only screen and (max-width: 320px) {
      .mukel-feature__img {
        width: 440px;
        right: -72px; } }
  .mukel-feature__content {
    position: relative;
    z-index: 2; }
  .mukel-feature--digital-channel {
    min-height: 800px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-feature--digital-channel .mukel-feature__img-wrapper {
        height: 388px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-feature--digital-channel {
        min-height: initial; } }
  .mukel-feature--inverse .mukel-feature__img {
    opacity: 1; }
    .mukel-feature--inverse .mukel-feature__img-wrapper {
      background-image: initial;
      background-color: #f0f1f5; }
  @media only screen and (max-width: 767.98px) {
    .mukel-feature--desktop .mukel-feature__img-wrapper {
      height: 288px; } }

/* ==========================================================================
   MUKEL Component: Calc Form
   ========================================================================== */
.mukel-calc {
  overflow: hidden;
  background-color: #f0f1f5; }
  .mukel-calc__content {
    padding: 136px 0 64px;
    min-height: 728px;
    position: relative; }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc__content {
        min-height: initial;
        padding: 112px 0 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc__content {
        padding: 104px 0 48px; } }
  .mukel-calc__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #313131;
    margin-bottom: 48px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 320px) {
      .mukel-calc__title {
        margin-bottom: 40px; } }
    .mukel-calc__title-section {
      font-size: 2.4rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-calc__title-section {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
  .mukel-calc__form-wrapper {
    max-width: 600px;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-calc__form-wrapper {
        max-width: 568px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc__form-wrapper {
        max-width: initial; } }
  .mukel-calc__form__section {
    display: none; }
    .mukel-calc__form__section--active {
      display: block; }
      .mukel-calc__form__section--active .mukel-calc__form__content {
        opacity: 0;
        display: block;
        transform: translateY(16px);
        -webkit-animation: 0.5s ease 0s normal forwards 1 active-section-calculator;
                animation: 0.5s ease 0s normal forwards 1 active-section-calculator; }
    .mukel-calc__form__section--hide .mukel-calc__form__content {
      display: block;
      opacity: 1;
      transform: translateY(0);
      -webkit-animation: 0.3s ease 0s normal forwards 1 hide-section-calculator;
              animation: 0.3s ease 0s normal forwards 1 hide-section-calculator; }
  .mukel-calc__form__content {
    display: none; }
  .mukel-calc__flds--box {
    padding: 24px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc__flds--box {
        border-radius: 0;
        padding: 24px 16px;
        margin-left: -16px;
        margin-right: -16px; } }
  .mukel-calc__flds .mukel-field {
    margin-bottom: 0; }
  .mukel-calc__flds__item {
    margin-bottom: 32px; }
    .mukel-calc__flds__item:last-child {
      margin-bottom: 0; }
    .mukel-calc__flds__item--hide {
      display: none; }
  .mukel-calc__flds__row {
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-calc__flds__row::before, .mukel-calc__flds__row::after {
      content: " ";
      display: table; }
    .mukel-calc__flds__row::after {
      clear: both; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-calc__flds__row {
        margin-left: -8px;
        margin-right: -8px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc__flds__row {
        margin-left: -12px;
        margin-right: -12px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc__flds__row {
        margin-left: 0;
        margin-right: 0; } }
  .mukel-calc__flds__col-6 {
    width: 50%;
    float: left;
    padding: 0 12px;
    margin-bottom: 32px; }
    .mukel-calc__flds__col-6:nth-last-child(2), .mukel-calc__flds__col-6:last-child {
      margin-bottom: 0; }
    .mukel-calc__flds__col-6:nth-child(2n + 1) {
      clear: both; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-calc__flds__col-6 {
        padding: 0 8px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-calc__flds__col-6 {
        padding: 0 12px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc__flds__col-6 {
        width: 100%;
        float: none;
        padding: 0; }
        .mukel-calc__flds__col-6:nth-last-child(2) {
          margin-bottom: 32px; }
        .mukel-calc__flds__col-6:nth-child(2n + 1) {
          clear: initial; } }
  .mukel-calc__flds__multiple .mukel-calc__flds__item {
    display: block;
    opacity: 0;
    transform: translateY(8px);
    -webkit-animation: 0.5s ease 0s normal forwards 1 show-item;
            animation: 0.5s ease 0s normal forwards 1 show-item; }
    @supports (-ms-ime-align: auto) {
      .mukel-calc__flds__multiple .mukel-calc__flds__item {
        opacity: 1; } }
  .mukel-calc__flds__del {
    display: none; }
    .mukel-calc__flds__del__btn {
      display: inline-block;
      vertical-align: middle;
      padding: 0;
      text-align: center;
      border: 0;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      color: #fff;
      cursor: pointer;
      line-height: 24px;
      background-color: #939fab;
      transition: all 0.25s ease; }
      .mukel-calc__flds__del__btn .mukel-fi {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 1;
        vertical-align: middle;
        transition: all 0.25s ease;
        transform: rotate(0deg);
        transform-origin: center center; }
      .mukel-calc__flds__del__btn:hover {
        background-color: #80909f; }
        .mukel-calc__flds__del__btn:hover .mukel-fi {
          transform: rotate(90deg); }
      @media only screen and (max-width: 1199.98px) {
        .mukel-calc__flds__del__btn:hover {
          background-color: #939fab; }
          .mukel-calc__flds__del__btn:hover .mukel-fi {
            transform: rotate(0deg); }
        .mukel-calc__flds__del__btn:active {
          background-color: #80909f; }
          .mukel-calc__flds__del__btn:active .mukel-fi {
            transform: rotate(90deg); } }
  .mukel-calc__flds__add {
    margin-top: 48px;
    padding-left: 30px;
    position: relative;
    text-align: left; }
    .mukel-calc__flds__add__btn {
      padding: 0;
      border: 0;
      cursor: pointer;
      background-color: transparent;
      transition: all 0.25s ease;
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #313131;
      text-align: left; }
      @media only screen and (max-width: 767.98px) {
        .mukel-calc__flds__add__btn {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-calc__flds__add__btn:hover {
        color: #eb2629; }
        .mukel-calc__flds__add__btn:hover .mukel-calc__flds__add__circle {
          border-color: #eb2629;
          color: #313131; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-calc__flds__add__btn:hover {
          color: #313131; }
          .mukel-calc__flds__add__btn:hover .mukel-calc__flds__add__circle {
            border-color: #313131;
            color: #eb2629; }
        .mukel-calc__flds__add__btn:active {
          color: #eb2629; }
          .mukel-calc__flds__add__btn:active .mukel-calc__flds__add__circle {
            border-color: #eb2629;
            color: #313131; } }
    .mukel-calc__flds__add__circle {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      position: absolute;
      left: 0;
      top: 1px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      line-height: 18px;
      border: solid 2px #313131;
      color: #eb2629;
      transition: all 0.25s ease; }
      .mukel-calc__flds__add__circle .mukel-fi {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 1; }
    .mukel-calc__flds__add--disabled {
      opacity: 0.6; }
      .mukel-calc__flds__add--disabled .mukel-calc__flds__add__btn {
        cursor: default;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        .mukel-calc__flds__add--disabled .mukel-calc__flds__add__btn:hover {
          color: #313131; }
          .mukel-calc__flds__add--disabled .mukel-calc__flds__add__btn:hover .mukel-calc__flds__add__circle {
            border-color: #313131;
            color: #eb2629; }
  .mukel-calc__submit {
    display: table;
    width: 100%;
    margin-top: 48px; }
    .mukel-calc__submit__col {
      display: table-cell;
      vertical-align: top;
      padding-left: 24px; }
      .mukel-calc__submit__col:first-child {
        width: 48px;
        padding-left: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc__submit .mukel-btn--primary {
        width: 100%; } }
    @media only screen and (max-width: 320px) {
      .mukel-calc__submit {
        margin-top: 40px; } }
  .mukel-calc__pane {
    display: none; }
    .mukel-calc__pane--active {
      display: block;
      opacity: 0;
      transform: translateY(8px);
      -webkit-animation: 0.5s ease 0s normal forwards 1 active-pane-calculator;
              animation: 0.5s ease 0s normal forwards 1 active-pane-calculator; }
  .mukel-calc__img {
    display: block;
    transition: transform 0.45s ease; }
    .mukel-calc--img-hide .mukel-calc__img {
      transform: translateY(24px); }
    .mukel-calc__img-container {
      width: 604px;
      margin-right: -108px;
      float: right; }
      @media only screen and (max-width: 1280px) {
        .mukel-calc__img-container {
          width: 556px;
          margin-right: -28px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-calc__img-container {
          width: 376px;
          margin-right: -32px; } }
    .mukel-calc__img-wrapper {
      width: 604px;
      position: fixed;
      bottom: 0;
      z-index: 1; }
      .mukel-calc--img-scrolled .mukel-calc__img-wrapper {
        position: absolute; }
      @media only screen and (max-width: 1280px) {
        .mukel-calc__img-wrapper {
          width: 556px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-calc__img-wrapper {
          width: 376px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-calc__img-wrapper {
          display: none; } }
  .mukel-calc--country .mukel-card__flag.riskprofile {
    width: 32px;
    height: 32px;
    border-radius: 0;
    border: none; }
  .mukel-calc .mukel-card--big .mukel-card__box {
    display: block; }
  .mukel-calc .mukel-card--big .mukel-card__box {
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
  .mukel-calc .mukel-card--big.mukel-card--big-white .mukel-card__box {
    background-color: #fff; }
  .mukel-calc .mukel-card--big-contentrow {
    margin-bottom: 24px; }
  .mukel-calc .mukel-card--big .mukel-card__title-icon {
    display: table;
    margin-bottom: 10px;
    width: 100%;
    table-layout: fixed; }
  .mukel-calc .mukel-card--big .mukel-card__icon {
    display: table-cell;
    vertical-align: top;
    padding-top: 4px;
    width: 38px;
    text-align: center;
    padding-right: 10px; }
  .mukel-calc .mukel-card--big .mukel-card__title {
    display: table-cell;
    vertical-align: top;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 3.2rem; }
  .mukel-calc .mukel-card--big .mukel-card__desc {
    color: #667584; }
  .mukel-calc .mukel-card--needs.mukel-card--country.mukel-card--mutual-funds {
    display: inline-block;
    margin-right: 24px; }
  .mukel-calc .mukel-mutualfund-composition-table-container {
    padding-top: 40px; }
  .mukel-calc .mukel-mutualfund-composition-table {
    width: 100%; }
  .mukel-calc .mukel-mutualfund-composition-table-product {
    font-weight: 700; }
  .mukel-calc .mukel-mutualfund-composition-table-product i {
    font-weight: 300;
    color: #aaa; }
  .mukel-calc .mukel-mutualfund-composition-table-return {
    font-weight: 700;
    text-align: right;
    width: 1%; }
  .mukel-calc .mukel-mutualfund-composition-table-label {
    width: 1%; }
  .mukel-calc .mukel-mutualfund-composition-table td {
    padding: 5px 10px; }
  .mukel-calc .mukel-mutualfund-composition-table--products tr:last-child td {
    background-color: #eee; }
  .mukel-calc .mukel-mutualfund-composition-legend {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background: #000; }
  .mukel-calc .mukel-mutualfund-composition-legend--l1 {
    background-color: #005073; }
  .mukel-calc .mukel-mutualfund-composition-legend--l2 {
    background-color: #FDB014; }
  .mukel-calc .mukel-mutualfund-composition-legend--l3 {
    background-color: #C41432; }
  .mukel-calc .mukel-mutualfund-composition-table-label .mukel-lnk {
    color: #666;
    position: relative;
    opacity: 1;
    border: 0;
    text-decoration: none;
    font-size: .9em; }
  .mukel-calc .mukel-mutualfund-composition-table-label .mukel-lnk::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: solid 1px #eb2629;
    transition: all 0.25s ease;
    transform: scaleX(0);
    margin-left: 0;
    width: auto;
    height: auto;
    z-index: 1;
    transform-origin: left center; }
  .mukel-calc .mukel-mutualfund-composition-table-label .mukel-lnk:hover {
    color: #eb2629; }
  .mukel-calc .mukel-mutualfund-composition-table-label .mukel-lnk:hover::after {
    transform: scaleX(1); }
  .mukel-calc .mukel-card--big .mukel-card__box {
    display: block; }
  .mukel-calc .mukel-card--big .mukel-card__box {
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
  .mukel-calc .mukel-card--big.mukel-card--big-white .mukel-card__box {
    background-color: #fff; }
  .mukel-calc .mukel-card--big-contentrow {
    margin-bottom: 24px; }
  .mukel-calc .mukel-card--big .mukel-card__title-icon {
    display: table;
    margin-bottom: 10px;
    width: 100%;
    table-layout: fixed; }
  .mukel-calc .mukel-card--big .mukel-card__icon {
    display: table-cell;
    vertical-align: top;
    padding-top: 4px;
    width: 38px;
    text-align: center;
    padding-right: 10px; }
  .mukel-calc .mukel-card--big .mukel-card__title {
    display: table-cell;
    vertical-align: top;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 3.2rem; }
  .mukel-calc .mukel-card--big .mukel-card__desc {
    color: #667584; }
  .mukel-calc .mukel-card--needs.mukel-card--country.mukel-card--mutual-funds {
    display: inline-block;
    margin-right: 24px; }

@-webkit-keyframes active-section-calculator {
  from {
    opacity: 0;
    transform: translateY(16px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes active-section-calculator {
  from {
    opacity: 0;
    transform: translateY(16px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes hide-section-calculator {
  from {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 0;
    transform: translateY(16px); } }

@keyframes hide-section-calculator {
  from {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 0;
    transform: translateY(16px); } }

@-webkit-keyframes active-pane-calculator {
  from {
    opacity: 0;
    transform: translateY(8px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes active-pane-calculator {
  from {
    opacity: 0;
    transform: translateY(8px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes show-item {
  from {
    opacity: 0;
    transform: translateY(8px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes show-item {
  from {
    opacity: 0;
    transform: translateY(8px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/* ==========================================================================
   MUKEL Layout: Rachel How To
   ========================================================================== */
.mukel-rachel-how-to__content {
  min-height: 708px;
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to__content {
      min-height: initial;
      margin-left: -32px;
      margin-right: -32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-rachel-how-to__content {
      margin-left: -16px;
      margin-right: -16px; } }

.mukel-rachel-how-to__step {
  position: absolute;
  left: 0;
  top: 80px;
  z-index: 3;
  max-width: 392px;
  color: #fff; }
  .mukel-rachel-how-to__step__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 32px; }
  .mukel-rachel-how-to__step__list {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step; }
  .mukel-rachel-how-to__step__item {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    min-height: 68px;
    padding-left: 56px;
    padding-top: 2px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.7);
    transition: all .3s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-rachel-how-to__step__item {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-rachel-how-to__step__item::before {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      color: #eb2629;
      counter-increment: step;
      content: counter(step);
      display: inline-block;
      text-align: center;
      width: 40px;
      height: 40px;
      padding: 4px 0;
      border-radius: 50%;
      background-color: #fff; }
      @media only screen and (max-width: 767.98px) {
        .mukel-rachel-how-to__step__item::before {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-rachel-how-to__step__item::after {
      content: '';
      position: absolute;
      top: 48px;
      bottom: -20px;
      left: 20px;
      border-right: solid 1px #fff; }
    .mukel-rachel-how-to__step__item:last-child {
      margin-bottom: 0;
      min-height: initial; }
      .mukel-rachel-how-to__step__item:last-child::after {
        content: none;
        display: none; }
    .mukel-rachel-how-to__step__item:hover {
      color: #fff; }
    .mukel-rachel-how-to__step__item--active {
      font-weight: 700;
      color: #fff; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-rachel-how-to__step {
      max-width: 340px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to__step {
      max-width: initial;
      top: 48px;
      transform: none;
      padding-left: 32px;
      padding-right: 32px; }
      .mukel-rachel-how-to__step__title {
        margin-bottom: 0; }
      .mukel-rachel-how-to__step__list {
        display: none; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-rachel-how-to__step {
      padding-left: 16px;
      padding-right: 16px; }
      .mukel-rachel-how-to__step__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }

.mukel-rachel-how-to__frame-wrapper {
  width: 278px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 36px;
  overflow: hidden;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05);
  z-index: 1; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-rachel-how-to__frame-wrapper {
      width: 240px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to__frame-wrapper {
      display: none; } }

.mukel-rachel-how-to__carousel {
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to__carousel .owl-item {
      padding-left: 32px;
      padding-right: 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-rachel-how-to__carousel .owl-item {
      padding-left: 16px;
      padding-right: 16px; } }

.mukel-rachel-how-to--inverse .mukel-rachel-how-to__step {
  color: #000;
  top: 50%;
  transform: translateY(-50%); }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to--inverse .mukel-rachel-how-to__step {
      max-width: initial;
      top: 48px;
      transform: none; } }
  .mukel-rachel-how-to--inverse .mukel-rachel-how-to__step__item {
    color: #000;
    margin-bottom: 46px; }
    .mukel-rachel-how-to--inverse .mukel-rachel-how-to__step__item::before {
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
      color: #000; }
    .mukel-rachel-how-to--inverse .mukel-rachel-how-to__step__item::after {
      border-right: solid 1px #939fab;
      bottom: -38px; }

.mukel-rachel-how-to--inverse .mukel-rachel-how-to__screen {
  height: 100%; }

.mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__screen, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__label, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__title, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__desc, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__risk, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__next {
  transform-origin: left center;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.15, 0.41, 0.52, 0.97);
  transition-delay: 0s; }

.mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__screen {
  transform: translateX(-8px); }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__screen {
      transform: none;
      opacity: 1;
      transition: none; } }

.mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__label, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__title, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__desc, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__risk, .mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__next {
  transform: translateX(-16px); }

.mukel-rachel-how-to .owl-carousel .owl-item .mukel-rachel-how-to__risk__circle {
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.15, 0.41, 0.52, 0.97);
  transition-delay: 0s; }

.mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__screen, .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__label, .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__title, .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__desc, .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__risk, .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__next {
  transform: translateX(0);
  opacity: 1; }

.mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__screen {
  transition-delay: .1s; }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__screen {
      transition-delay: 0s; } }

.mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__label {
  transition-delay: .2s; }

.mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__title {
  transition-delay: .3s; }

.mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__desc, .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__risk {
  transition-delay: .4s; }

.mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__next {
  transition-delay: .5s; }

.mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__risk__circle {
  transform: scale(1); }
  .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__risk__circle:nth-child(1) {
    transition-delay: .6s; }
  .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__risk__circle:nth-child(2) {
    transition-delay: .64s; }
  .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__risk__circle:nth-child(3) {
    transition-delay: .68s; }
  .mukel-rachel-how-to .owl-carousel .owl-item.active .mukel-rachel-how-to__risk__circle:nth-child(4) {
    transition-delay: .72s; }

.mukel-rachel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-rachel-how-to__screen {
  transform: translateX(8px); }
  @media only screen and (max-width: 991.98px) {
    .mukel-rachel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-rachel-how-to__screen {
      transform: none; } }

.mukel-rachel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-rachel-how-to__label, .mukel-rachel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-rachel-how-to__title, .mukel-rachel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-rachel-how-to__desc, .mukel-rachel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-rachel-how-to__risk, .mukel-rachel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-rachel-how-to__next {
  transform: translateX(16px); }

.mukel-rachel-how-to .owl-carousel .owl-dots {
  display: none; }

@media only screen and (max-width: 991.98px) {
  .mukel-rachel-how-to .owl-carousel .owl-dots {
    display: block;
    position: absolute;
    font-size: 0;
    line-height: 1;
    bottom: 44px;
    left: 0;
    width: 100%;
    z-index: 4;
    text-align: center; }
    .mukel-rachel-how-to .owl-carousel .owl-dots .owl-dot {
      display: inline-block;
      padding: 4px !important;
      margin: 0 8px; }
      .mukel-rachel-how-to .owl-carousel .owl-dots .owl-dot span {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #c2c9d1;
        transition: all 0.35s ease; }
      .mukel-rachel-how-to .owl-carousel .owl-dots .owl-dot.active span {
        width: 52px;
        background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); } }

/* ==========================================================================
   MUKEL Layouts: Card Product Category Carousel
   ========================================================================== */
.mukel-card-prod-category-carousel {
  position: relative;
  width: 100%;
  min-height: 576px;
  overflow: hidden; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-prod-category-carousel {
      min-height: initial; } }
  .mukel-card-prod-category-carousel .mukel-container,
  .mukel-card-prod-category-carousel .mukel-row,
  .mukel-card-prod-category-carousel .mukel-col-xl-12 {
    height: 100%; }
  .mukel-card-prod-category-carousel .mukel-col-xl-12 {
    position: static; }
  .mukel-card-prod-category-carousel .mukel-half-offset-container {
    bottom: 0;
    top: 0;
    height: 100%; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category-carousel .mukel-half-offset-container {
        margin-right: 0; } }
  .mukel-card-prod-category-carousel__content {
    position: relative;
    padding: 64px 0 32px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card-prod-category-carousel__content {
        padding: 48px 0 24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category-carousel__content {
        padding: 48px 0 16px; } }
  .mukel-card-prod-category-carousel__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category-carousel__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card-prod-category-carousel__title {
        margin-bottom: 8px; } }
  .mukel-card-prod-category-carousel .mukel-card {
    white-space: normal;
    margin-right: 24px; }
    .mukel-card-prod-category-carousel .mukel-card:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category-carousel .mukel-card {
        white-space: initial;
        margin-right: 16px; }
        .mukel-card-prod-category-carousel .mukel-card:last-child {
          margin-right: 16px; } }
  .mukel-card-prod-category-carousel__list {
    white-space: nowrap;
    width: auto;
    margin-left: -8px;
    margin-right: -8px;
    padding: 8px 8px 32px;
    font-size: 0;
    line-height: 1;
    overflow: hidden; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-prod-category-carousel__list {
        display: block;
        width: auto;
        margin-right: -16px;
        margin-left: -16px;
        padding: 8px 0 32px 16px;
        border-radius: 0;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-card-prod-category-carousel__list::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; } }
    .mukel-card-prod-category-carousel__list.owl-carousel {
      position: static; }
      .mukel-card-prod-category-carousel__list.owl-carousel .owl-stage-outer {
        overflow: visible; }
      .mukel-card-prod-category-carousel__list.owl-carousel .owl-stage {
        position: static; }
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev,
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next {
        position: absolute;
        top: auto;
        z-index: 5;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
        transition: all 0.3s ease;
        color: #fff;
        text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
        .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev.disabled,
        .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next.disabled {
          opacity: 0;
          cursor: default; }
        .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev span,
        .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next span {
          display: none; }
        .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev::after,
        .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next::after {
          display: inline-block;
          vertical-align: middle;
          font-size: 1.6rem; }
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev.disabled {
        transform: translateX(4px); }
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next.disabled {
        transform: translateX(-4px); }
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
    .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev,
    .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next {
      bottom: 228px; }
    .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev {
      left: -24px; }
    .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next {
      right: 24px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev,
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next {
        bottom: 220px; }
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-prev {
        left: -12px; }
      .mukel-card-prod-category-carousel__list.owl-carousel button.owl-next {
        right: 12px; } }
    .mukel-card-prod-category-carousel__list .owl-item .mukel-card:last-child {
      margin-right: 24px; }

/* ==========================================================================
   MUKEL Layouts: Card Country
   ========================================================================== */
.mukel-card-country {
  max-width: 600px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-country {
      max-width: initial; } }
  .mukel-card-country .mukel-card--country {
    margin-bottom: 16px; }
    .mukel-card-country .mukel-card--country:last-child {
      margin-bottom: 0; }

/* ==========================================================================
   MUKEL Layout: Icon Text
   ========================================================================== */
.mukel-icon-text {
  margin-right: 48px; }
  .mukel-icon-text:last-child {
    margin-right: 0; }
  .mukel-icon-text-wrapper {
    font-size: 0;
    line-height: 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-icon-text {
      margin-right: 32px; } }

/* ==========================================================================
   MUKEL Layout: Popup General
   ========================================================================== */
.mukel-popup-general {
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.45s cubic-bezier(0.57, 0.07, 0.27, 0.91);
  transform: translateY(100%);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .mukel-popup-general--show {
    transform: none; }
    .mukel-popup-general--show .mukel-popup-general__close,
    .mukel-popup-general--show .mukel-popup-general__content,
    .mukel-popup-general--show .mukel-popup-general__box {
      opacity: 1;
      transform: none; }
    .mukel-popup-general--show .mukel-popup-general__content {
      transition-delay: 0.55s; }
    .mukel-popup-general--show .mukel-popup-general__close {
      transition-delay: 0.65s; }
  .mukel-popup-general--full-content .mukel-popup-general__content {
    max-width: initial; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-general--full-content .mukel-popup-general__content {
        padding-right: 0; } }
  .mukel-popup-general__close {
    display: block;
    width: 32px;
    height: 32px;
    background-color: #939fab;
    position: fixed;
    top: 40px;
    right: 40px;
    border: 0;
    padding: 0;
    outline: 0;
    border-radius: 50%;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: 0;
    transform: translateY(16px);
    transition: all .45s ease;
    transition-delay: 0s; }
    .mukel-popup-general__close:hover .mukel-fi {
      transform: rotate(90deg); }
    .mukel-popup-general__close .mukel-fi {
      display: block;
      font-size: 1.6rem;
      line-height: 3.2rem;
      transition: all .35s ease; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-popup-general__close {
        top: 32px;
        right: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__close {
        top: 16px;
        right: 16px; } }
  .mukel-popup-general__wrapper {
    position: relative;
    padding: 88px 0 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-general__wrapper {
        padding: 64px 0; } }
  .mukel-popup-general__content {
    position: relative;
    z-index: 8;
    opacity: 0;
    transform: translateY(16px);
    transition: all .45s ease;
    transition-delay: 0s;
    max-width: 808px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-general__content {
        padding-right: 48px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__content {
        padding-right: 24px; } }
    .mukel-popup-general__content__item {
      margin-bottom: 32px; }
      .mukel-popup-general__content__item:last-child {
        margin-bottom: 0; }
      .mukel-popup-general__content__item[data-pane] {
        display: none; }
      .mukel-popup-general__content__item--active[data-pane] {
        display: block; }
  .mukel-popup-general__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: 24px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-popup-general__title--regular {
      font-weight: 400; }
    .mukel-premier-site .mukel-popup-general__title {
      color: #8b7866; }
    .mukel-private-site .mukel-popup-general__title {
      color: #6a6d73; }
  .mukel-popup-general__subtitle {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #313131;
    font-weight: 700;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__subtitle {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-popup-general__list {
    margin-bottom: 24px;
    padding-left: 20px; }
    .mukel-popup-general__list:last-child {
      margin-bottom: 0; }
    .mukel-popup-general__list-wrapper {
      margin-bottom: 16px; }
      .mukel-popup-general__list-wrapper:last-child {
        margin-bottom: 0; }
    .mukel-popup-general__list__item {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 400;
      color: #667584;
      padding-left: 4px;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-popup-general__list__item {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-popup-general__list__item:last-child {
        margin-bottom: 0; }
      .mukel-popup-general__list__item .mukel-popup-general__list {
        padding-left: 20px; }
        .mukel-popup-general__list__item .mukel-popup-general__list__item {
          padding-left: 0;
          margin-bottom: 0; }
    .mukel-popup-general__list--h4 > .mukel-popup-general__list__item {
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      color: #313131;
      margin-bottom: 32px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-popup-general__list--h4 > .mukel-popup-general__list__item {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      .mukel-popup-general__list--h4 > .mukel-popup-general__list__item > .mukel-popup-general__list:first-child {
        margin-top: 16px; }
        @media only screen and (max-width: 767.98px) {
          .mukel-popup-general__list--h4 > .mukel-popup-general__list__item > .mukel-popup-general__list:first-child {
            margin-top: 8px; } }
      .mukel-popup-general__list--h4 > .mukel-popup-general__list__item > .mukel-popup-general__desc:first-child {
        margin-top: 16px; }
        @media only screen and (max-width: 767.98px) {
          .mukel-popup-general__list--h4 > .mukel-popup-general__list__item > .mukel-popup-general__desc:first-child {
            margin-top: 8px;
            margin-bottom: 8px; } }
      .mukel-popup-general__list--h4 > .mukel-popup-general__list__item:last-child {
        margin-bottom: 0; }
      .mukel-popup-general__list--h4 > .mukel-popup-general__list__item .mukel-popup-general__list__item {
        margin-bottom: 16px; }
        .mukel-popup-general__list--h4 > .mukel-popup-general__list__item .mukel-popup-general__list__item:last-child {
          margin-bottom: 0; }
    .mukel-popup-general__list--mbm .mukel-popup-general__list__item {
      margin-bottom: 16px; }
      .mukel-popup-general__list--mbm .mukel-popup-general__list__item:last-child {
        margin-bottom: 0; }
    .mukel-popup-general__list a {
      text-decoration: none;
      transition: color .25s ease; }
      .mukel-popup-general__list a:hover {
        color: #eb2629; }
  .mukel-popup-general__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-popup-general__desc:last-child {
      margin-bottom: 0; }
    .mukel-popup-general__list-wrapper .mukel-popup-general__desc {
      margin-bottom: 8px; }
  .mukel-popup-general__note {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: #667584;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__note {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
    .mukel-popup-general__note:last-child {
      margin-bottom: 0; }
  .mukel-popup-general ol.mukel-popup-general__list {
    list-style: decimal; }
  .mukel-popup-general ul.mukel-popup-general__list {
    list-style-type: disc; }
  .mukel-popup-general__tbl-select__filter {
    display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__tbl-select__filter {
        display: block;
        padding-top: 8px;
        margin-bottom: 24px; } }
  .mukel-popup-general__tbl-select__item {
    margin-bottom: 48px; }
    .mukel-popup-general__tbl-select__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__tbl-select__item {
        margin-bottom: 0;
        display: none; }
        .mukel-popup-general__tbl-select__item--active {
          display: block; } }
  .mukel-popup-general__img {
    display: block; }
    .mukel-popup-general__img-list {
      font-size: 0;
      line-height: 1;
      margin-bottom: 32px; }
      .mukel-popup-general__img-list__item {
        display: inline-block;
        vertical-align: top;
        width: 184px;
        margin-right: 16px; }
        .mukel-popup-general__img-list__item:last-child {
          margin-right: 0; }
        @media only screen and (max-width: 767.98px) {
          .mukel-popup-general__img-list__item {
            display: block;
            margin-bottom: 24px;
            margin-right: 0; }
            .mukel-popup-general__img-list__item:last-child {
              margin-bottom: 0; } }
  .mukel-popup-general__tbl {
    margin-bottom: 16px;
    margin-right: -208px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-popup-general__tbl {
        margin-right: -144px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-popup-general__tbl {
        margin-right: -48px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__tbl {
        margin-right: -40px;
        padding-right: 16px; } }
  .mukel-popup-general__filter {
    margin-bottom: 32px; }
    .mukel-popup-general__filter .mukel-filter-card .mukel-select__list {
      width: 100%; }
    @media only screen and (max-width: 767.98px) {
      .mukel-popup-general__filter {
        margin-bottom: 24px; } }

/* ==========================================================================
   MUKEL Layout: Tabs Controll
   ========================================================================== */
.mukel-one-mobile-scroll__section {
  width: 100%;
  min-height: 656px;
  max-height: 1100px;
  position: relative; }
  .mukel-one-mobile-scroll__section:nth-child(1) .mukel-one-mobile-scroll__phone {
    display: block; }
  @media only screen and (max-width: 991.98px) {
    .mukel-one-mobile-scroll__section {
      padding: 56px 0; }
      .mukel-one-mobile-scroll__section:first-child .mukel-one-mobile-scroll__phone__img {
        display: none; }
        .mukel-one-mobile-scroll__section:first-child .mukel-one-mobile-scroll__phone__img:first-child {
          display: block; }
      .mukel-one-mobile-scroll__section:nth-child(2) .mukel-one-mobile-scroll__phone__circle__item:nth-child(1) {
        width: 116px;
        height: 116px;
        left: -126px;
        top: 66px; }
      .mukel-one-mobile-scroll__section:nth-child(2) .mukel-one-mobile-scroll__phone__circle__item:nth-child(2) {
        width: 180px;
        height: 180px;
        left: -64px;
        top: 242px; }
      .mukel-one-mobile-scroll__section:nth-child(2) .mukel-one-mobile-scroll__phone__circle__item:nth-child(3) {
        width: 96px;
        height: 96px;
        left: 168px;
        top: 32px; }
      .mukel-one-mobile-scroll__section:nth-child(3) .mukel-one-mobile-scroll__phone__circle__item:nth-child(1) {
        width: 192px;
        height: 192px;
        left: -142px;
        top: 152px; }
      .mukel-one-mobile-scroll__section:nth-child(3) .mukel-one-mobile-scroll__phone__circle__item:nth-child(2) {
        width: 60px;
        height: 60px;
        left: 172px;
        top: 336px; }
      .mukel-one-mobile-scroll__section:nth-child(3) .mukel-one-mobile-scroll__phone__circle__item:nth-child(3) {
        width: 134px;
        height: 134px;
        left: 132px;
        top: 24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-one-mobile-scroll__section {
      padding: 48px 0; } }

.mukel-one-mobile-scroll__phone {
  display: none;
  position: fixed;
  top: 55%;
  margin-left: 172px;
  transform: translateY(-50%); }
  @media only screen and (max-width: 1199.98px) {
    .mukel-one-mobile-scroll__phone {
      margin-left: 120px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-one-mobile-scroll__phone {
      width: 190px;
      height: 394px;
      position: relative;
      display: block;
      margin-left: 0;
      transform: none;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 32px;
      transition: all 1.5s ease 0.5s; }
      .mukel-site-content--hide .mukel-one-mobile-scroll__phone {
        opacity: 0;
        transform: translateY(24px); } }
  .mukel-one-mobile-scroll__phone__img {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px; }
    .mukel-one-mobile-scroll__phone__img-wrapper {
      position: absolute;
      width: 262px;
      height: 546px;
      border-radius: 32px;
      background-color: #fff;
      overflow: hidden;
      z-index: 4;
      top: 0;
      left: 0; }
      @media only screen and (max-width: 991.98px) {
        .mukel-one-mobile-scroll__phone__img-wrapper {
          width: 190px;
          height: 394px; } }
  .mukel-one-mobile-scroll__phone__frame {
    position: relative;
    z-index: 3;
    width: 262px;
    height: 546px;
    border-radius: 32px;
    background-color: #fff;
    box-shadow: 7px 18px 43px 0 rgba(0, 0, 0, 0.08); }
    @media only screen and (max-width: 991.98px) {
      .mukel-one-mobile-scroll__phone__frame {
        width: 190px;
        height: 394px; } }
  .mukel-one-mobile-scroll__phone__circle {
    position: absolute;
    top: 0;
    width: 262px;
    height: 546px;
    z-index: 2; }
    .mukel-one-mobile-scroll__phone__circle__item {
      position: absolute;
      border-radius: 50%;
      background-color: #dae0e6; }
      .mukel-one-mobile-scroll__phone__circle__item:nth-child(1) {
        width: 232px;
        height: 232px;
        top: -20px;
        left: -78px;
        background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
        @media only screen and (max-width: 991.98px) {
          .mukel-one-mobile-scroll__phone__circle__item:nth-child(1) {
            width: 168px;
            height: 168px;
            left: -56px;
            top: 0; } }
      .mukel-one-mobile-scroll__phone__circle__item:nth-child(2) {
        width: 72px;
        height: 72px;
        top: 362px;
        left: -172px; }
        @media only screen and (max-width: 991.98px) {
          .mukel-one-mobile-scroll__phone__circle__item:nth-child(2) {
            width: 52px;
            height: 52px;
            left: -74px;
            top: 276px; } }
      .mukel-one-mobile-scroll__phone__circle__item:nth-child(3) {
        width: 162px;
        height: 162px;
        top: 272px;
        left: 172px; }
        @media only screen and (max-width: 991.98px) {
          .mukel-one-mobile-scroll__phone__circle__item:nth-child(3) {
            width: 116px;
            height: 116px;
            left: 122px;
            top: 210px; } }

.mukel-one-mobile-scroll .mukel-container,
.mukel-one-mobile-scroll .mukel-row,
.mukel-one-mobile-scroll .mukel-col-xl-12 {
  height: 100%; }

.mukel-one-mobile-scroll__content {
  height: 100%;
  position: relative; }

.mukel-one-mobile-scroll__txt {
  position: absolute;
  top: 50%;
  max-width: 496px;
  left: 49%;
  transform: translateY(-50%); }
  @media only screen and (max-width: 1199.98px) {
    .mukel-one-mobile-scroll__txt {
      padding-right: 48px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-one-mobile-scroll__txt {
      position: static;
      transform: none;
      padding-left: 32px;
      padding-right: 32px;
      transition: all 1.5s ease 1s; }
      .mukel-site-content--hide .mukel-one-mobile-scroll__txt {
        opacity: 0;
        transform: translateY(24px); } }
  @media only screen and (max-width: 767.98px) {
    .mukel-one-mobile-scroll__txt {
      padding-left: 24px;
      padding-right: 24px; } }
  @media only screen and (max-width: 320px) {
    .mukel-one-mobile-scroll__txt {
      padding-left: 16px;
      padding-right: 16px; } }

.mukel-one-mobile-scroll__title {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-one-mobile-scroll__title {
      font-size: 2rem;
      line-height: 3.2rem; } }
  .mukel-one-mobile-scroll__title__primary {
    color: #eb2629; }
  @media only screen and (max-width: 767.98px) {
    .mukel-one-mobile-scroll__title {
      margin-bottom: 8px; } }

.mukel-one-mobile-scroll__desc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #667584;
  margin-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-one-mobile-scroll__desc {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

/* ==========================================================================
   MUKEL Layout: Basic Page
   ========================================================================== */
.mukel-basic-page {
  padding: 136px 0 64px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-basic-page {
      padding: 120px 0 56px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-basic-page {
      padding: 112px 0 48px; } }
  .mukel-basic-page__content {
    max-width: 808px;
    margin-left: auto;
    margin-right: auto; }
  .mukel-basic-page__head {
    margin-bottom: 40px; }
  .mukel-basic-page__body .mukel-call-fragments-container {
    padding-top: 0; }
    .mukel-basic-page__body .mukel-call-fragments-container .mukel-container {
      padding-left: 0;
      padding-right: 0; }
  .mukel-basic-page__body__item {
    margin-bottom: 32px; }
    .mukel-basic-page__body__item:last-child {
      margin-bottom: 0; }
    .mukel-basic-page__body__item .mukel-lnk,
    .mukel-basic-page__body__item a {
      text-decoration: none;
      transition: color .25s ease; }
      .mukel-basic-page__body__item .mukel-lnk:hover,
      .mukel-basic-page__body__item a:hover {
        text-decoration: underline;
        color: #eb2629; }
  .mukel-basic-page__title {
    font-size: 3.2rem;
    line-height: 4rem;
    font-size: 700;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page__title {
        margin-bottom: 8px; } }
    .mukel-basic-page__title-list {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-top: 16px;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-basic-page__title-list {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
  .mukel-basic-page__subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-size: 700;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page__subtitle {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-basic-page__desc {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 24px;
    color: #667584; }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-basic-page__desc:last-child {
      margin-bottom: 0; }
  .mukel-basic-page__list {
    margin-bottom: 24px;
    padding-left: 18px; }
    .mukel-basic-page__list:last-child {
      margin-bottom: 0; }
    .mukel-basic-page__list__item {
      font-size: 1.6rem;
      line-height: 2.4rem;
      padding-left: 4px;
      margin-bottom: 16px;
      color: #667584; }
      @media only screen and (max-width: 767.98px) {
        .mukel-basic-page__list__item {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-basic-page__list__item:last-child {
        margin-bottom: 0; }
      .mukel-basic-page__list__item .mukel-basic-page__list {
        margin: 8PX 0;
        padding-left: 20px; }
        .mukel-basic-page__list__item .mukel-basic-page__list__item {
          padding-left: 0;
          margin-bottom: 0; }
  .mukel-basic-page ol.mukel-basic-page__list {
    list-style: decimal; }
  .mukel-basic-page ul.mukel-basic-page__list {
    list-style-type: disc; }
  .mukel-basic-page__table__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-top: 16px;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page__table__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-basic-page__table__item {
    margin-bottom: 64px; }
    .mukel-basic-page__table__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-basic-page__table__item {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page__table__item {
        margin-bottom: 48px; } }
  .mukel-basic-page__chart {
    padding: 32px 0 64px; }
    .mukel-basic-page__chart__legend {
      margin-bottom: 40px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-basic-page__chart__legend {
          margin-bottom: 24px; } }
      .mukel-basic-page__chart__legend__img-d {
        display: block;
        height: 24px;
        width: auto; }
        @media only screen and (max-width: 767.98px) {
          .mukel-basic-page__chart__legend__img-d {
            display: none; } }
      .mukel-basic-page__chart__legend__img-m {
        display: none; }
        @media only screen and (max-width: 767.98px) {
          .mukel-basic-page__chart__legend__img-m {
            display: block;
            max-height: 56px;
            width: auto; } }
    .mukel-basic-page__chart__diagram__img {
      display: block; }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page__chart__diagram {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-left: -16px;
        margin-right: -16px;
        padding-bottom: 8px; }
        .mukel-basic-page__chart__diagram__img {
          max-width: initial;
          max-height: 192px;
          padding-left: 16px;
          padding-right: 16px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-basic-page__chart {
        padding: 24px 0 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page__chart {
        padding: 24px 0 48px; } }
  .mukel-basic-page .mukel-contact-channel__list {
    margin-bottom: 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-basic-page .mukel-contact-channel__list {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page .mukel-contact-channel__list {
        margin-bottom: 48px; } }
  .mukel-basic-page--v-tab {
    padding-top: 104px;
    padding-bottom: 0; }
    .mukel-basic-page--v-tab .mukel-basic-page__content {
      max-width: initial; }
    @media only screen and (max-width: 991.98px) {
      .mukel-basic-page--v-tab {
        padding-top: 88px;
        padding-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page--v-tab {
        padding-top: 72px;
        padding-bottom: 48px; } }
  .mukel-basic-page--sitemap {
    padding-top: 112px;
    padding-bottom: 64px; }
    .mukel-basic-page--sitemap .mukel-basic-page__content {
      max-width: initial; }
    @media only screen and (max-width: 767.98px) {
      .mukel-basic-page--sitemap {
        padding-top: 88px;
        padding-bottom: 48px; } }

/* ==========================================================================
   MUKEL Layouts: Card Legend
   ========================================================================== */
.mukel-card-legend {
  font-size: 0;
  line-height: 1; }
  .mukel-card-legend .mukel-card--legend {
    margin-right: 24px;
    transition: all 0.75s ease; }
    .mukel-card-legend .mukel-card--legend:nth-child(1) {
      transition-delay: 950ms; }
    .mukel-card-legend .mukel-card--legend:nth-child(2) {
      transition-delay: 1000ms; }
    .mukel-card-legend .mukel-card--legend:nth-child(3) {
      transition-delay: 1050ms; }
    .mukel-card-legend .mukel-card--legend:nth-child(4) {
      transition-delay: 1100ms; }
    .mukel-card-legend .mukel-card--legend:nth-child(5) {
      transition-delay: 1150ms; }
    .mukel-site-content--hide .mukel-card-legend .mukel-card--legend {
      opacity: 0;
      transform: translateY(8px); }
    .mukel-card-legend .mukel-card--legend:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-card-legend .mukel-card--legend {
        margin-right: 16px; } }

/* ==========================================================================
   MUKEL Layout: Error State
   ========================================================================== */
.mukel-err {
  display: table;
  padding: 64px 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
  table-layout: fixed;
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat; }

@-moz-document url-prefix() {
  .mukel-err {
    height: 100vh; } }
  .mukel-err__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 2.5s ease 0s; }
    .mukel-site-content--hide .mukel-err__img-wrapper {
      opacity: 0;
      transform: scale(1.15); }
  .mukel-err__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat; }
    .mukel-err__img-bg--m {
      display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-err__img-bg {
        background-position: center bottom; }
        .mukel-err__img-bg--d {
          display: none; }
        .mukel-err__img-bg--m {
          display: block; } }
  .mukel-err__v-align {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 4; }
  .mukel-err__container {
    margin-top: 124px;
    min-height: 472px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-err {
      display: block;
      padding: 56px 8px 48px; }
      .mukel-err__v-align {
        display: block; }
      .mukel-err__container {
        min-height: initial;
        margin-top: 0; } }
  .mukel-err-top {
    transition: all 1.5s ease 0.75s; }
    .mukel-site-content--hide .mukel-err-top {
      opacity: 0;
      transform: translateX(16px); }
  .mukel-err .mukel-card--rec-container {
    margin-top: 96px;
    transition: all 1.5s ease 1s; }
    .mukel-site-content--hide .mukel-err .mukel-card--rec-container {
      opacity: 0;
      transform: translateX(16px); }
    @media only screen and (max-width: 767.98px) {
      .mukel-err .mukel-card--rec-container {
        margin-top: 40px; } }
  .mukel-err__hero {
    font-size: 5.6rem;
    line-height: 7.2rem;
    color: #667584;
    margin-bottom: 8px; }
  .mukel-err__sub {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 400;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-err__sub {
        font-size: 2rem;
        line-height: 3.2rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-err__sub {
        margin-bottom: 16px; } }
  .mukel-err__desc {
    color: #667584;
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-err__desc {
        margin-bottom: 16px; } }
  .mukel-err .mukel-btn {
    margin-right: 24px; }
    .mukel-err .mukel-btn:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-err .mukel-btn {
        margin-right: 0;
        margin-bottom: 16px; }
        .mukel-err .mukel-btn:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layout: Success State
   ========================================================================== */
.mukel-success {
  display: table;
  padding: 64px 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
  table-layout: fixed;
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat; }

@-moz-document url-prefix() {
  .mukel-success {
    height: 100vh; } }
  .mukel-success__img-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 2.5s ease 0s; }
    .mukel-site-content--hide .mukel-success__img-wrapper {
      opacity: 0;
      transform: scale(1.15); }
  .mukel-success__img-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat; }
    .mukel-success__img-bg--m {
      display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-success__img-bg {
        background-position: center bottom; }
        .mukel-success__img-bg--d {
          display: none; }
        .mukel-success__img-bg--m {
          display: block; } }
  .mukel-success__v-align {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 4; }
  @media only screen and (max-width: 767.98px) {
    .mukel-success {
      display: block;
      padding: 56px 8px 48px; }
      .mukel-success__v-align {
        display: block; }
      .mukel-success__container {
        min-height: initial;
        margin-top: 0; } }
  .mukel-success__icon {
    display: block; }
    .mukel-success__icon-wrapper {
      width: 56px;
      height: 56px;
      margin-bottom: 16px;
      transition: all 0.75s cubic-bezier(0.53, 0.52, 0.31, 1.46) 1s; }
      .mukel-site-content--hide .mukel-success__icon-wrapper {
        transform: scale(0); }
      @media only screen and (max-width: 767.98px) {
        .mukel-success__icon-wrapper {
          margin-bottom: 24px; } }
      @media only screen and (max-width: 320px) {
        .mukel-success__icon-wrapper {
          width: 48px;
          height: 48px;
          margin-bottom: 16px; } }
  .mukel-success__sub {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 400;
    margin-bottom: 8px;
    transition: all 1s ease 1s; }
    @media only screen and (max-width: 767.98px) {
      .mukel-success__sub {
        font-size: 2rem;
        line-height: 3.2rem; } }
    .mukel-site-content--hide .mukel-success__sub {
      opacity: 0;
      transform: translateX(16px); }
  .mukel-success__desc {
    color: #667584;
    margin-bottom: 32px;
    transition: all 1s ease 1.25s; }
    .mukel-site-content--hide .mukel-success__desc {
      opacity: 0;
      transform: translateX(16px); }
  .mukel-success__btn-wrapper {
    transition: all 1s ease 1.5s; }
    .mukel-site-content--hide .mukel-success__btn-wrapper {
      opacity: 0;
      transform: translateX(16px); }
  .mukel-success .mukel-btn {
    margin-right: 24px; }
    .mukel-success .mukel-btn:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-success .mukel-btn {
        margin-right: 0;
        margin-bottom: 16px; }
        .mukel-success .mukel-btn:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layout: Regular Content
   ========================================================================== */
.mukel-reg-content {
  padding: 64px 0 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-reg-content {
      padding: 56px 0 24px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-reg-content {
      padding: 40px 0 24px; } }
  .mukel-reg-content__body__item {
    margin-bottom: 48px; }
    .mukel-reg-content__body__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-reg-content__body__item {
        margin-bottom: 40px; } }
  .mukel-reg-content__max-w {
    max-width: 808px;
    margin-left: auto;
    margin-right: auto; }
  .mukel-reg-content__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-reg-content__title {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-reg-content__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 24px;
    color: #667584; }
    @media only screen and (max-width: 767.98px) {
      .mukel-reg-content__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-reg-content__desc:last-child {
      margin-bottom: 0; }
  .mukel-reg-content__list {
    margin-bottom: 24px;
    padding-left: 18px; }
    .mukel-reg-content__list:last-child {
      margin-bottom: 0; }
    .mukel-reg-content__list__item {
      font-size: 1.6rem;
      line-height: 2.4rem;
      padding-left: 4px;
      color: #667584;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-reg-content__list__item {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-reg-content__list__item:last-child {
        margin-bottom: 0; }
      .mukel-reg-content__list__item .mukel-reg-content__list {
        padding-left: 20px; }
        .mukel-reg-content__list__item .mukel-reg-content__list__item {
          padding-left: 0;
          margin-bottom: 0; }
    .mukel-reg-content__list--item-mbm .mukel-reg-content__list__item {
      margin-bottom: 24px; }
      .mukel-reg-content__list--item-mbm .mukel-reg-content__list__item:last-child {
        margin-bottom: 0; }
  .mukel-reg-content ol.mukel-reg-content__list {
    list-style: decimal; }
  .mukel-reg-content ul.mukel-reg-content__list {
    list-style-type: disc; }

/* ==========================================================================
   MUKEL Layouts: Table Striped
   ========================================================================== */
.mukel-tbl-striped-container .mukel-tbl-striped__wrapper {
  margin-top: 16px; }

.mukel-tbl-striped__item {
  margin-bottom: 48px; }
  .mukel-tbl-striped__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 320px) {
    .mukel-tbl-striped__item {
      margin-bottom: 40px; } }

/* ==========================================================================
   MUKEL Layout: How To
   ========================================================================== */
.mukel-how-to__content {
  min-height: 800px;
  position: relative; }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to__content {
      min-height: initial;
      margin-left: -32px;
      margin-right: -32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to__content {
      margin-left: -16px;
      margin-right: -16px; } }

.mukel-how-to__step {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all .6s ease-in;
  z-index: 3;
  max-width: 392px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-feature--digital-channel .mukel-how-to__step {
      max-width: initial;
      width: 100%; } }
  .mukel-how-to__step .mukel-select__text {
    color: #fff;
    border-color: #fff; }
  .mukel-how-to__step__title {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    margin-bottom: 24px;
    color: #fff; }
    @media only screen and (max-width: 767.98px) {
      .mukel-how-to__step__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
  .mukel-how-to__step__list {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step; }
  .mukel-how-to__step__item {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    min-height: 68px;
    padding-left: 56px;
    padding-top: 2px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.7);
    transition: all .3s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-how-to__step__item {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-how-to__step__item::before {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 2rem;
      line-height: 3.2rem;
      font-weight: 700;
      color: #eb2629;
      counter-increment: step;
      content: counter(step);
      display: inline-block;
      text-align: center;
      width: 40px;
      height: 40px;
      padding: 4px 0;
      border-radius: 50%;
      background-color: #fff; }
      @media only screen and (max-width: 767.98px) {
        .mukel-how-to__step__item::before {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
    .mukel-how-to__step__item::after {
      content: '';
      position: absolute;
      top: 48px;
      bottom: -20px;
      left: 20px;
      border-right: solid 1px #fff; }
    .mukel-how-to__step__item:last-child {
      margin-bottom: 0;
      min-height: initial; }
      .mukel-how-to__step__item:last-child::after {
        content: none;
        display: none; }
    .mukel-how-to__step__item:hover {
      color: #fff; }
    .mukel-how-to__step__item--active {
      font-weight: 700;
      color: #fff; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-how-to__step {
      max-width: 340px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to__step {
      max-width: 100%;
      top: 48px;
      transform: none;
      padding-left: 32px;
      padding-right: 32px; }
      .mukel-how-to__step__title {
        margin-bottom: 0; }
      .mukel-how-to__step__list {
        display: none; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to__step {
      padding-left: 16px;
      padding-right: 16px; }
      .mukel-how-to__step__title {
        font-size: 2rem;
        line-height: 3.2rem;
        margin-bottom: 16px; } }

.mukel-how-to__filter {
  max-width: 392px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-how-to__filter {
      max-width: 340px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to__filter {
      margin-top: 16px;
      max-width: initial; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to__filter {
      margin-top: 0; } }
  .mukel-how-to__filter .mukel-filter-card__wrapper {
    min-width: initial;
    width: 100%;
    max-width: 392px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-how-to__filter .mukel-filter-card__wrapper {
        max-width: initial; } }
  .mukel-how-to__filter .mukel-filter-card .mukel-select__list {
    width: 100%; }

.mukel-how-to__sub-filter {
  padding-top: 48px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to__sub-filter {
      padding-top: 24px; } }
  .mukel-how-to__sub-filter__pane {
    display: none; }
    .mukel-how-to__sub-filter__pane--active {
      display: block; }
  .mukel-how-to__sub-filter__list {
    list-style: none;
    padding: 0;
    margin: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-how-to__sub-filter__list {
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 32px;
        padding-right: 32px;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-how-to__sub-filter__list::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-how-to__sub-filter__list {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px; } }
  .mukel-how-to__sub-filter__item {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 400;
    transition: all .2s ease-out;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    margin-bottom: 24px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-how-to__sub-filter__item {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-how-to__sub-filter__item--active, .mukel-how-to__sub-filter__item:hover {
      color: #fff; }
    .mukel-how-to__sub-filter__item--active {
      font-weight: 700; }
    @media only screen and (max-width: 991.98px) {
      .mukel-how-to__sub-filter__item {
        margin-bottom: 0;
        display: inline-block;
        margin-right: 24px; }
        .mukel-how-to__sub-filter__item:last-child {
          margin-right: 0; } }

.mukel-how-to__frame-wrapper {
  width: 272px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 36px;
  overflow: hidden;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05);
  z-index: 1; }
  .mukel-feature--digital-channel .mukel-how-to__frame-wrapper {
    border-radius: 34px; }
  .mukel-feature--desktop .mukel-how-to__frame-wrapper {
    width: 400px;
    border-radius: 0;
    box-shadow: none;
    margin-top: 30px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-how-to__frame-wrapper {
      width: 240px; }
      .mukel-feature--desktop .mukel-how-to__frame-wrapper {
        width: 280px;
        margin-top: 21px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to__frame-wrapper {
      display: none; } }

.mukel-how-to__carousel {
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 991.98px) {
    .mukel-feature--hold-transition .mukel-how-to__carousel .owl-stage {
      transition: none !important; }
    .mukel-how-to__carousel .owl-item {
      padding-left: 32px;
      padding-right: 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-how-to__carousel .owl-item {
      padding-left: 16px;
      padding-right: 16px; } }

.mukel-how-to .owl-carousel .owl-item .mukel-how-to__screen, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__label, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__title, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__desc, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__risk, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__next {
  transform-origin: left center;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.15, 0.41, 0.52, 0.97);
  transition-delay: 0s; }

.mukel-how-to .owl-carousel .owl-item .mukel-how-to__screen {
  transform: translateX(-8px); }
  .mukel-feature--desktop .mukel-how-to .owl-carousel .owl-item .mukel-how-to__screen {
    transform: translateY(4px); }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to .owl-carousel .owl-item .mukel-how-to__screen {
      transform: none;
      opacity: 1;
      transition: none; }
      .mukel-feature--desktop .mukel-how-to .owl-carousel .owl-item .mukel-how-to__screen {
        transform: none; } }

.mukel-how-to .owl-carousel .owl-item .mukel-how-to__label, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__title, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__desc, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__risk, .mukel-how-to .owl-carousel .owl-item .mukel-how-to__next {
  transform: translateX(-16px); }

.mukel-how-to .owl-carousel .owl-item .mukel-how-to__risk__circle {
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.15, 0.41, 0.52, 0.97);
  transition-delay: 0s; }

.mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__screen, .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__label, .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__title, .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__desc, .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__risk, .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__next {
  transform: translateX(0);
  opacity: 1; }

.mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__screen {
  transition-delay: .1s; }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__screen {
      transition-delay: 0s; } }

.mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__label {
  transition-delay: .2s; }

.mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__title {
  transition-delay: .3s; }

.mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__desc, .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__risk {
  transition-delay: .4s; }

.mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__next {
  transition-delay: .5s; }

.mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__risk__circle {
  transform: scale(1); }
  .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__risk__circle:nth-child(1) {
    transition-delay: .6s; }
  .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__risk__circle:nth-child(2) {
    transition-delay: .64s; }
  .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__risk__circle:nth-child(3) {
    transition-delay: .68s; }
  .mukel-how-to .owl-carousel .owl-item.active .mukel-how-to__risk__circle:nth-child(4) {
    transition-delay: .72s; }

.mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__screen {
  transform: translateX(8px); }
  .mukel-feature--desktop .mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__screen {
    transform: translateY(4px); }
  @media only screen and (max-width: 991.98px) {
    .mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__screen {
      transform: none; }
      .mukel-feature--desktop .mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__screen {
        transform: none; } }

.mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__label, .mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__title, .mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__desc, .mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__risk, .mukel-how-to .owl-carousel .owl-item.active ~ .owl-item .mukel-how-to__next {
  transform: translateX(16px); }

.mukel-how-to .owl-carousel .owl-dots {
  display: none; }

@media only screen and (max-width: 991.98px) {
  .mukel-how-to .owl-carousel .owl-dots {
    display: block;
    position: absolute;
    font-size: 0;
    line-height: 1;
    bottom: 44px;
    left: 0;
    width: 100%;
    z-index: 4;
    text-align: center; }
    .mukel-how-to .owl-carousel .owl-dots .owl-dot {
      display: inline-block;
      padding: 4px !important;
      margin: 0 8px; }
      .mukel-how-to .owl-carousel .owl-dots .owl-dot span {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #c2c9d1;
        transition: all 0.35s ease; }
      .mukel-how-to .owl-carousel .owl-dots .owl-dot.active span {
        width: 52px;
        background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); } }

/* ==========================================================================
   MUKEL Layout: Graphic Result
   ========================================================================== */
.mukel-graphic-result {
  padding-top: 48px;
  padding-bottom: 32px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-graphic-result {
      padding-top: 32px;
      padding-bottom: 24px; } }
  .mukel-graphic-result--share {
    padding-top: 0; }
    .mukel-graphic-result--share .mukel-card-legend .mukel-card__title {
      display: block;
      text-overflow: initial; }
  .mukel-graphic-result__head {
    display: table;
    max-width: 912px;
    width: 100%;
    margin-bottom: 32px; }
    .mukel-graphic-result__head__left, .mukel-graphic-result__head__right {
      display: table-cell;
      vertical-align: top; }
    .mukel-graphic-result__head__left {
      padding-right: 24px; }
      @media only screen and (max-width: 320px) {
        .mukel-graphic-result__head__left {
          padding-right: 16px; } }
    .mukel-graphic-result__head__right {
      text-align: right; }
      @media only screen and (max-width: 767.98px) {
        .mukel-graphic-result__head__right {
          width: 84px; } }
  .mukel-graphic-result__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #313131;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graphic-result__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-graphic-result__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 0;
    margin-top: 16px;
    max-width: 496px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graphic-result__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-graphic-result__desc {
        padding-right: 48px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-graphic-result__desc {
        padding-right: 0;
        margin-right: -84px; } }
  .mukel-graphic-result .mukel-calc__flds--box {
    max-width: 912px;
    margin-bottom: 24px; }
    .mukel-graphic-result .mukel-calc__flds--box .mukel-calc__flds__item {
      max-width: 600px; }
  .mukel-graphic-result .mukel-card--risk-profile {
    max-width: 912px;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-graphic-result .mukel-card--risk-profile {
        margin-left: -16px;
        margin-right: -16px; }
        .mukel-graphic-result .mukel-card--risk-profile .mukel-card__box {
          border-radius: 0; } }

/* ==========================================================================
   MUKEL Layout: Calculator Graphic
   ========================================================================== */
.mukel-calc-graphic__desc {
  max-width: 704px; }
  .mukel-calc-graphic__desc__txt {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #667584;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-calc-graphic__desc__txt {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    .mukel-calc-graphic__desc__txt:last-child {
      margin-bottom: 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-calc-graphic__desc {
      white-space: normal; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-calc-graphic__desc {
      padding-right: 24px; } }

.mukel-calc-graphic .mukel-card-legend {
  margin-bottom: 24px; }

.mukel-calc-graphic .mukel-graphic-bar {
  max-width: 912px;
  margin-bottom: 24px; }

@media only screen and (max-width: 991.98px) {
  .mukel-calc-graphic__chart {
    margin: -8px -32px 0;
    padding: 8px 32px 0;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; }
    .mukel-calc-graphic__chart::-webkit-scrollbar {
      -webkit-appearance: none;
      display: none;
      width: 0; }
  .mukel-calc-graphic .mukel-card-legend .mukel-card--legend:last-child {
    margin-right: 32px; }
  .mukel-calc-graphic .mukel-graphic-bar {
    white-space: normal;
    max-width: initial;
    width: 944px;
    padding-right: 32px; } }

@media only screen and (max-width: 767.98px) {
  .mukel-calc-graphic__chart {
    margin: -8px -16px 0;
    padding: 8px 16px 0;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; }
    .mukel-calc-graphic__chart::-webkit-scrollbar {
      -webkit-appearance: none;
      display: none;
      width: 0; }
  .mukel-calc-graphic .mukel-card-legend .mukel-card--legend:last-child {
    margin-right: 16px; }
  .mukel-calc-graphic .mukel-graphic-bar {
    white-space: normal;
    max-width: initial;
    width: 928px;
    padding-right: 16px; } }

/* ==========================================================================
   MUKEL Layout: Card Head Product
   ========================================================================== */
.mukel-card-premier-product__title {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 700;
  margin-bottom: 24px;
  color: #313131; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-premier-product__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .mukel-premier-site .mukel-card-premier-product__title {
    color: #8b7866; }
  .mukel-private-site .mukel-card-premier-product__title {
    color: #6a6d73; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-premier-product__title {
      margin-bottom: 16px; } }

.mukel-card-premier-product__list {
  line-height: 1;
  font-size: 0; }
  .mukel-card-premier-product__list .mukel-card {
    width: 25%; }
    .mukel-card-premier-product__list .mukel-card:first-child .mukel-card__box {
      border-radius: 8px 0 0 0; }
    .mukel-card-premier-product__list .mukel-card:nth-child(4) .mukel-card__box {
      border-radius: 0 8px 0 0; }
    .mukel-card-premier-product__list .mukel-card:nth-last-child(4) .mukel-card__box {
      border-radius: 0 0 0 8px; }
    .mukel-card-premier-product__list .mukel-card:last-child .mukel-card__box {
      border-radius: 0 0 8px 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-premier-product__list .mukel-card {
      width: 50%; }
      .mukel-card-premier-product__list .mukel-card:nth-child(2) .mukel-card__box {
        border-radius: 0 8px 0 0; }
      .mukel-card-premier-product__list .mukel-card:nth-child(4) .mukel-card__box, .mukel-card-premier-product__list .mukel-card:nth-last-child(4) .mukel-card__box {
        border-radius: 0; }
      .mukel-card-premier-product__list .mukel-card:nth-last-child(2) .mukel-card__box {
        border-radius: 0 0 0 8px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-premier-product__list .mukel-card {
      width: 100%; }
      .mukel-card-premier-product__list .mukel-card:first-child .mukel-card__box {
        border-radius: 8px 8px 0 0; }
      .mukel-card-premier-product__list .mukel-card:nth-child(2) .mukel-card__box, .mukel-card-premier-product__list .mukel-card:nth-last-child(2) .mukel-card__box {
        border-radius: 0; }
      .mukel-card-premier-product__list .mukel-card:last-child .mukel-card__box {
        border-radius: 0 0 8px 8px; } }

/* ==========================================================================
   MUKEL Layouts: Card Article Program
   ========================================================================== */
.mukel-card-article-program {
  position: relative;
  padding: 32px 0 20px; }
  .mukel-card-article-program--pt-0-pb-more {
    padding-top: 0;
    padding-bottom: 52px; }
  .mukel-card-article-program--more-pt {
    padding-top: 64px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-article-program {
      padding: 28px 0; }
      .mukel-card-article-program--pt-0-pb-more {
        padding-top: 0;
        padding-bottom: 44px; }
      .mukel-card-article-program--more-pt {
        padding-top: 56px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-article-program {
      padding: 24px 0; }
      .mukel-card-article-program--pt-0-pb-more {
        padding-top: 0;
        padding-bottom: 48px; }
      .mukel-card-article-program--more-pt {
        padding-top: 48px; } }
  .mukel-card-article-program__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-article-program__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-card-article-program__title {
      color: #8b7866; }
    .mukel-private-site .mukel-card-article-program__title {
      color: #6a6d73; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-article-program__title {
        margin-bottom: 16px; } }
  .mukel-card-article-program__item {
    padding-top: 12px;
    padding-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-article-program__item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px; }
        .mukel-card-article-program__item:last-child {
          margin-bottom: 0; } }

/* ==========================================================================
   MUKEL Layout: Image Promo
   ========================================================================== */
.mukel-image-promo {
  height: 480px;
  position: relative;
  margin-bottom: 48px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-image-promo {
      height: 260px;
      margin-bottom: 40px; } }
  .mukel-image-promo__list {
    font-size: 0;
    overflow: hidden;
    border-radius: 8px 0 0 8px;
    padding-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-image-promo__list {
        display: block;
        width: auto;
        margin-left: -16px;
        padding-left: 16px;
        border-radius: 0;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-image-promo__list::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; } }
    .mukel-image-promo__list.owl-carousel {
      position: static; }
      .mukel-image-promo__list.owl-carousel .owl-stage-outer {
        overflow: visible; }
      .mukel-image-promo__list.owl-carousel .owl-stage {
        position: static; }
      .mukel-image-promo__list.owl-carousel button.owl-prev,
      .mukel-image-promo__list.owl-carousel button.owl-next {
        position: absolute;
        top: auto;
        z-index: 5;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
        transition: all 0.3s ease;
        color: #fff;
        text-align: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
        .mukel-image-promo__list.owl-carousel button.owl-prev.disabled,
        .mukel-image-promo__list.owl-carousel button.owl-next.disabled {
          opacity: 0;
          cursor: default; }
        .mukel-image-promo__list.owl-carousel button.owl-prev span,
        .mukel-image-promo__list.owl-carousel button.owl-next span {
          display: none; }
        .mukel-image-promo__list.owl-carousel button.owl-prev::after,
        .mukel-image-promo__list.owl-carousel button.owl-next::after {
          display: inline-block;
          vertical-align: middle;
          font-size: 1.6rem; }
      .mukel-image-promo__list.owl-carousel button.owl-prev.disabled {
        transform: translateX(4px); }
      .mukel-image-promo__list.owl-carousel button.owl-prev::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
      .mukel-image-promo__list.owl-carousel button.owl-next.disabled {
        transform: translateX(-4px); }
      .mukel-image-promo__list.owl-carousel button.owl-next::after {
        font-family: "MUKEL NISP Icons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        content: ""; }
    .mukel-image-promo__list.owl-carousel button.owl-prev,
    .mukel-image-promo__list.owl-carousel button.owl-next {
      bottom: 16px; }
    .mukel-image-promo__list.owl-carousel button.owl-prev {
      left: 16px; }
    .mukel-image-promo__list.owl-carousel button.owl-next {
      left: 96px; }
    .mukel-image-promo__list .owl-stage-outer {
      border-radius: 8px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-image-promo__list .owl-stage-outer {
          overflow: hidden !important; } }

/* ==========================================================================
   MUKEL Layouts: Product Service
   ========================================================================== */
.mukel-product-services-container {
  position: relative;
  padding: 64px 0 52px;
  background-color: #f0f1f5; }
  .mukel-product-services-container__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #313131;
    font-weight: 400;
    text-align: center;
    max-width: 572px;
    margin: 0 auto 36px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-product-services-container__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-product-services-container {
      padding: 56px 0 44px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services-container {
      padding: 48px 0; }
      .mukel-product-services-container__title {
        text-align: left;
        margin: 0 0 48px; } }

.mukel-product-services__list {
  font-size: 0;
  line-height: 1; }

.mukel-product-services__item {
  width: 25%;
  padding: 12px 0;
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .mukel-product-services__item::after {
    position: absolute;
    top: 50%;
    content: '';
    height: 128px;
    right: 0;
    border-right: solid 1px #939fab;
    transform: translateY(-50%); }
  .mukel-product-services__item:nth-child(4n)::after, .mukel-product-services__item:last-child::after {
    content: none;
    display: none; }
  @media only screen and (max-width: 991.98px) {
    .mukel-product-services__item {
      width: 50%; }
      .mukel-product-services__item:nth-child(2n)::after {
        content: none;
        display: none; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-product-services__item {
      width: 100%;
      padding: 0;
      margin-bottom: 48px; }
      .mukel-product-services__item:last-child {
        margin-bottom: 0; }
      .mukel-product-services__item::after {
        content: none;
        display: none; } }

/* ==========================================================================
   MUKEL Layouts: Card Location
   ========================================================================== */
.mukel-card-location-container {
  padding-top: 16px;
  padding-bottom: 8px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-location-container {
      padding-top: 0;
      padding-bottom: 16px; } }
  .mukel-card-location-container--career {
    padding-top: 0; }
    .mukel-card-location-container--career .mukel-card--location {
      min-height: 392px; }
      .mukel-card-location-container--career .mukel-card--location .mukel-card__desc {
        margin-bottom: 8px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-card-location-container--career .mukel-card--location {
          min-height: 464px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-card-location-container--career .mukel-card--location {
          min-height: initial; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-location-container--career {
        padding-top: 16px;
        margin-top: -32px; } }

@media only screen and (max-width: 767.98px) {
  .mukel-card-location__item:first-child {
    margin-top: -16px; } }

/* ==========================================================================
   MUKEL Layouts: Contact Channel
   ========================================================================== */
.mukel-contact-channel-container {
  padding: 64px 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-contact-channel-container {
      padding-bottom: 56px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-contact-channel-container {
      padding-bottom: 48px; } }

.mukel-contact-channel__item {
  margin-bottom: 80px; }
  .mukel-contact-channel__item.mukel-col-xl-3:nth-last-child(-n+4) {
    margin-bottom: 0; }
  .mukel-contact-channel__item.mukel-col-xl-3:nth-child(4n+1) {
    clear: both; }
  .mukel-contact-channel__item.mukel-col-xl-6:nth-last-child(-n+2) {
    margin-bottom: 0; }
  .mukel-contact-channel__item.mukel-col-xl-6:nth-child(2n+1) {
    clear: both; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-contact-channel__item {
      margin-bottom: 72px; }
      .mukel-contact-channel__item.mukel-col-lg-4:nth-last-child(-n+4) {
        margin-bottom: 72px; }
      .mukel-contact-channel__item.mukel-col-lg-4:nth-child(4n+1) {
        clear: initial; }
      .mukel-contact-channel__item.mukel-col-lg-4:nth-last-child(-n+3) {
        margin-bottom: 0; }
      .mukel-contact-channel__item.mukel-col-lg-4:nth-child(3n+1) {
        clear: both; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-contact-channel__item.mukel-col-md-6:nth-last-child(-n+3) {
      margin-bottom: 72px; }
    .mukel-contact-channel__item.mukel-col-md-6:nth-child(3n+1) {
      clear: initial; }
    .mukel-contact-channel__item.mukel-col-md-6:nth-last-child(-n+2) {
      margin-bottom: 0; }
    .mukel-contact-channel__item.mukel-col-md-6:nth-child(2n+1) {
      clear: both; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-contact-channel__item {
      margin-bottom: 64px; }
      .mukel-contact-channel__item.mukel-col-md-6:nth-last-child(-n+3) {
        margin-bottom: 64px; }
      .mukel-contact-channel__item.mukel-col-md-6:nth-last-child(-n+2) {
        margin-bottom: 0; } }
  @media only screen and (max-width: 575.86px) {
    .mukel-contact-channel__item {
      margin-bottom: 48px; }
      .mukel-contact-channel__item.mukel-col-md-6:nth-last-child(-n+2), .mukel-contact-channel__item.mukel-col-xl-6:nth-last-child(-n+2) {
        margin-bottom: 48px; }
      .mukel-contact-channel__item.mukel-col-md-6:last-child, .mukel-contact-channel__item.mukel-col-xl-6:last-child {
        margin-bottom: 0; }
      .mukel-contact-channel__item.mukel-col-md-6:nth-child(2n+1), .mukel-contact-channel__item.mukel-col-xl-6:nth-child(2n+1) {
        clear: initial; } }

/* ==========================================================================
   MUKEL Layouts: FAQ Accordion
   ========================================================================== */
.mukel-faq-ac {
  display: block;
  margin-bottom: 12px;
  margin-top: 12px; }
  .mukel-faq-ac:first-child {
    margin-top: 0; }
  .mukel-faq-ac:last-child {
    margin-bottom: 0; }
  .mukel-faq-ac:only-child {
    margin-top: 0;
    margin-bottom: 0; }
  .mukel-faq-ac--expand {
    padding-bottom: 12px; }
    .mukel-faq-ac--expand:last-child, .mukel-faq-ac--expand:only-child {
      padding-bottom: 0; }
    .mukel-faq-ac--expand .mukel-faq-ac__content {
      opacity: 1;
      transform: none; }
    .mukel-faq-ac--expand .mukel-faq-ac__icon:before {
      opacity: 0;
      transform: rotate(90deg); }
    .mukel-faq-ac--expand .mukel-faq-ac__icon::after {
      transform: rotate(180deg); }
  .mukel-faq-ac-container {
    padding-top: 8px; }
  .mukel-faq-ac__head {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 12px 113px 12px 0;
    display: block;
    border-bottom: 1px solid #80909f;
    position: relative;
    margin-bottom: 0;
    transition: all .3s ease-out;
    cursor: pointer; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-ac__head {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-faq-ac__icon {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer; }
    .mukel-faq-ac__icon::before, .mukel-faq-ac__icon::after {
      content: '';
      width: 12px;
      height: 2px;
      position: absolute;
      background-color: #313131;
      top: 7px;
      left: 2px;
      transition: all .3s ease-out;
      border-radius: 1px; }
    .mukel-faq-ac__icon:before {
      opacity: 1; }
    .mukel-faq-ac__icon::after {
      transform: rotate(90deg); }
  .mukel-faq-ac__body {
    display: none; }
  .mukel-faq-ac__content {
    transform: translateX(8px);
    opacity: 0;
    transition: all .3s ease;
    padding-top: 24px; }
    .mukel-faq-ac__content-wrapper {
      margin-bottom: 40px; }
  .mukel-faq-ac__b,
  .mukel-faq-ac b {
    color: #313131;
    margin-bottom: 8px; }
    .mukel-faq-ac__b .mukel-faq-ac__span,
    .mukel-faq-ac b .mukel-faq-ac__span {
      font-weight: 400;
      margin: 0 8px; }
  .mukel-faq-ac__ul,
  .mukel-faq-ac ul {
    list-style-type: disc; }
  .mukel-faq-ac__ol,
  .mukel-faq-ac ol, .mukel-faq-ac__ul,
  .mukel-faq-ac ul {
    padding-left: 18px;
    margin-bottom: 24px; }
    .mukel-faq-ac__ol .mukel-faq-ac__ul,
    .mukel-faq-ac__ol ul,
    .mukel-faq-ac__ol .mukel-faq-ac__ol,
    .mukel-faq-ac__ol ol,
    .mukel-faq-ac ol .mukel-faq-ac__ul,
    .mukel-faq-ac ol ul,
    .mukel-faq-ac ol .mukel-faq-ac__ol,
    .mukel-faq-ac ol ol, .mukel-faq-ac__ul .mukel-faq-ac__ul,
    .mukel-faq-ac__ul ul,
    .mukel-faq-ac__ul .mukel-faq-ac__ol,
    .mukel-faq-ac__ul ol,
    .mukel-faq-ac ul .mukel-faq-ac__ul,
    .mukel-faq-ac ul ul,
    .mukel-faq-ac ul .mukel-faq-ac__ol,
    .mukel-faq-ac ul ol {
      margin-bottom: 0; }
    .mukel-faq-ac__ol .mukel-faq-ac__no-list,
    .mukel-faq-ac ol .mukel-faq-ac__no-list, .mukel-faq-ac__ul .mukel-faq-ac__no-list,
    .mukel-faq-ac ul .mukel-faq-ac__no-list {
      list-style-type: none;
      padding-left: 0; }
  .mukel-faq-ac__ico {
    width: 20px;
    height: 20px; }
    .mukel-faq-ac__ico-wrapper {
      display: inline-block;
      width: 24px;
      height: 24px;
      padding: 2px;
      margin-right: 8px; }
  .mukel-faq-ac__h6,
  .mukel-faq-ac h6 {
    color: #313131;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-ac__h6,
      .mukel-faq-ac h6 {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-faq-ac__p, .mukel-faq-ac__li,
  .mukel-faq-ac p,
  .mukel-faq-ac li,
  .mukel-faq-ac span, .mukel-faq-ac__span,
  .mukel-faq-ac b, .mukel-faq-ac__b {
    color: #667584; }
  .mukel-faq-ac__iframe,
  .mukel-faq-ac iframe {
    width: 100%;
    height: 453px;
    margin: 8px 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-faq-ac__iframe,
      .mukel-faq-ac iframe {
        height: 220px; } }
  .mukel-faq-ac__call-center {
    margin-bottom: 8px; }
  .mukel-faq-ac__ul:last-child, .mukel-faq-ac ul:last-child, .mukel-faq-ac__ol:last-child, .mukel-faq-ac ol:last-child, .mukel-faq-ac__p:last-child, .mukel-faq-ac p:last-child {
    margin-bottom: 0; }

/* ==========================================================================
   MUKEL Layout: Content Tab
   ========================================================================== */
.mukel-content-tab {
  padding: 64px 0 32px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-content-tab {
      padding: 56px 0 28px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-content-tab {
      padding: 48px 0 24px; } }
  .mukel-content-tab__content {
    max-width: 808px; }
    .mukel-content-tab__content__item {
      margin-bottom: 64px; }
      .mukel-content-tab__content__item:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 991.98px) {
        .mukel-content-tab__content__item {
          margin-bottom: 56px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-content-tab__content__item {
          margin-bottom: 32px; } }
  .mukel-content-tab__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-tab__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    .mukel-premier-site .mukel-content-tab__title {
      color: #8b7866; }
    .mukel-private-site .mukel-content-tab__title {
      color: #6a6d73; }
  .mukel-content-tab__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-tab__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-content-tab__desc:last-child {
      margin-bottom: 0; }
  .mukel-content-tab__iframe {
    width: 100%;
    height: 448px;
    border: 0;
    border-radius: 1px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-content-tab__iframe {
        height: 408px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-tab__iframe {
        height: 190px; } }

/* ==========================================================================
   MUKEL Layout: Card Bod Section
   ========================================================================== */
.mukel-card-bod-section {
  padding: 32px 0 64px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-bod-section {
      padding: 28px 0 56px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-bod-section {
      padding: 24px 0 48px; } }
  .mukel-card-bod-section__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-bod-section__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-card-bod-section__item {
    margin-bottom: 48px; }
    .mukel-card-bod-section__item:nth-last-child(3), .mukel-card-bod-section__item:nth-last-child(2), .mukel-card-bod-section__item:last-child {
      margin-bottom: 0; }
    .mukel-card-bod-section__item:nth-child(3n+1) {
      clear: both; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-bod-section__item {
        margin-bottom: 40px; }
        .mukel-card-bod-section__item:nth-last-child(3) {
          margin-bottom: 40px; }
        .mukel-card-bod-section__item:nth-child(3n+1) {
          clear: initial; }
        .mukel-card-bod-section__item:nth-child(2n+1) {
          clear: both; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-bod-section__item {
        margin-bottom: 32px; }
        .mukel-card-bod-section__item:nth-last-child(3), .mukel-card-bod-section__item:nth-last-child(2) {
          margin-bottom: 32px; }
        .mukel-card-bod-section__item:nth-child(2n+1) {
          clear: initial; } }

/* ==========================================================================
   MUKEL Layouts: Card Promo
   ========================================================================== */
.mukel-card-promo {
  padding: 64px 0 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-promo {
      padding-top: 40px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-promo__filter {
      margin-bottom: 24px; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-card-promo__list {
      padding-left: 24px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-promo__list {
      padding-left: 36px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-promo__list {
      padding-left: 8px; } }
  .mukel-card-promo__sort {
    text-align: right;
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-promo__sort {
        position: absolute;
        top: -48px;
        left: 92px;
        margin-bottom: 0; } }
  .mukel-card-promo__wrapper {
    margin-left: -12px;
    margin-right: -12px;
    padding-bottom: 12px; }
    .mukel-card-promo__wrapper::before, .mukel-card-promo__wrapper::after {
      content: " ";
      display: table; }
    .mukel-card-promo__wrapper::after {
      clear: both; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-promo__wrapper {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 16px; } }
    .mukel-card-promo__wrapper::after {
      content: '';
      display: block;
      clear: both; }
    .mukel-card-promo__wrapper .mukel-card {
      float: left;
      width: 50%;
      padding-left: 12px;
      padding-right: 12px;
      margin-bottom: 40px; }
      .mukel-card-promo__wrapper .mukel-card__box {
        height: auto; }
      .mukel-card-promo__wrapper .mukel-card:nth-last-child(2), .mukel-card-promo__wrapper .mukel-card:last-child {
        margin-bottom: 0; }
      .mukel-card-promo__wrapper .mukel-card:nth-child(2n+1) {
        clear: both; }
      @media only screen and (max-width: 991.98px) {
        .mukel-card-promo__wrapper .mukel-card {
          width: 100%;
          margin-bottom: 32px; }
          .mukel-card-promo__wrapper .mukel-card:nth-last-child(2) {
            margin-bottom: 32px; }
          .mukel-card-promo__wrapper .mukel-card:nth-child(2n+1) {
            clear: initial; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-card-promo__wrapper .mukel-card {
          float: none;
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 32px; }
          .mukel-card-promo__wrapper .mukel-card:nth-last-child(2) {
            margin-bottom: 32px; } }

/* ==========================================================================
   MUKEL Component: Content Detail
   ========================================================================== */
.mukel-content-detail {
  padding: 192px 0 32px; }
  @media only screen and (max-width: 1199.98px) {
    .mukel-content-detail {
      padding-top: 184px; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-content-detail {
      padding-top: 152px;
      padding-bottom: 28px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-content-detail {
      padding-top: 144px;
      padding-bottom: 24px; } }
  .mukel-content-detail__content {
    width: 100%;
    max-width: 808px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
  .mukel-content-detail__share-floating {
    position: fixed;
    top: 96px;
    margin-left: -208px;
    opacity: 0; }
    @media only screen and (max-width: 1272px) {
      .mukel-content-detail__share-floating {
        display: none; } }
    .mukel-content-detail--show-share-floating .mukel-content-detail__share-floating {
      opacity: 1;
      transition: opacity .35s ease, transform 0.35s ease; }
    .mukel-content-detail--absolute-share-floating .mukel-content-detail__share-floating {
      position: absolute;
      bottom: 0;
      top: auto;
      opacity: 1;
      transform: none;
      transition: none; }
      .mukel-scroll-down .mukel-content-detail--absolute-share-floating .mukel-content-detail__share-floating {
        transform: none;
        transition: none; }
    .mukel-scroll-down .mukel-content-detail__share-floating {
      transform: translateY(-72px);
      transition: transform .5s ease, opacity .25s ease; }
  .mukel-content-detail__head {
    margin-bottom: 16px;
    transition: all .5s ease .65s;
    position: relative;
    z-index: 2; }
    .mukel-site-content--hide .mukel-content-detail__head {
      opacity: 0;
      transform: translateY(8px); }
    .mukel-content-detail__head .mukel-content-detail__col:last-child {
      text-align: right;
      font-size: 0;
      line-height: 1; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__head {
        margin-bottom: 24px; }
        .mukel-content-detail__head .mukel-content-detail__col:last-child {
          text-align: left; } }
  .mukel-content-detail__title {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 400;
    color: #313131;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
  .mukel-content-detail__row {
    display: table;
    width: 100%; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__row {
        display: block; } }
  .mukel-content-detail__col {
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__col {
        display: block; }
        .mukel-content-detail__col:first-child {
          margin-bottom: 24px; } }
  .mukel-content-detail__date {
    color: #313131;
    margin-right: 8px; }
    .mukel-content-detail__date-author {
      font-size: 1.6rem;
      line-height: 2.4rem;
      color: #667584;
      margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-content-detail__date-author {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__date {
        display: block;
        margin-right: 0;
        margin-bottom: 4px; } }
  .mukel-content-detail__img {
    margin-bottom: 48px;
    border-radius: 8px;
    overflow: hidden;
    transition: all .5s ease .75s;
    position: relative;
    z-index: 1; }
    .mukel-site-content--hide .mukel-content-detail__img {
      opacity: 0;
      transform: translateY(8px); }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__img {
        margin-bottom: 40px;
        border-radius: 0;
        margin-left: -16px;
        margin-right: -16px; } }
    .mukel-content-detail__img__el {
      display: block; }
    .mukel-content-detail__img.owl-carousel button.owl-prev,
    .mukel-content-detail__img.owl-carousel button.owl-next {
      position: absolute;
      top: auto;
      z-index: 5;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background-image: linear-gradient(131deg, #f14545 15%, #c41432 85%);
      transition: all 0.3s ease;
      color: #fff;
      text-align: center;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      .mukel-content-detail__img.owl-carousel button.owl-prev.disabled,
      .mukel-content-detail__img.owl-carousel button.owl-next.disabled {
        opacity: 0;
        cursor: default; }
      .mukel-content-detail__img.owl-carousel button.owl-prev span,
      .mukel-content-detail__img.owl-carousel button.owl-next span {
        display: none; }
      .mukel-content-detail__img.owl-carousel button.owl-prev::after,
      .mukel-content-detail__img.owl-carousel button.owl-next::after {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.6rem; }
    .mukel-content-detail__img.owl-carousel button.owl-prev.disabled {
      transform: translateX(4px); }
    .mukel-content-detail__img.owl-carousel button.owl-prev::after {
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: ""; }
    .mukel-content-detail__img.owl-carousel button.owl-next.disabled {
      transform: translateX(-4px); }
    .mukel-content-detail__img.owl-carousel button.owl-next::after {
      font-family: "MUKEL NISP Icons";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      content: ""; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__img.owl-carousel {
        width: auto; } }
    .mukel-content-detail__img.owl-carousel .owl-nav {
      z-index: 5;
      position: absolute;
      left: 32px;
      bottom: 24px;
      transform: none;
      top: auto; }
      @media only screen and (max-width: 991.98px) {
        .mukel-content-detail__img.owl-carousel .owl-nav {
          left: 24px;
          bottom: 16px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-content-detail__img.owl-carousel .owl-nav {
          display: none; } }
    .mukel-content-detail__img.owl-carousel button.owl-prev,
    .mukel-content-detail__img.owl-carousel button.owl-next {
      position: static; }
    .mukel-content-detail__img.owl-carousel button.owl-prev {
      margin-right: 32px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-content-detail__img.owl-carousel button.owl-prev {
          margin-right: 24px; } }
  .mukel-content-detail__body {
    transition: all .5s ease .85s; }
    .mukel-site-content--hide .mukel-content-detail__body {
      opacity: 0;
      transform: translateY(8px); }
    .mukel-content-detail__body .mukel-card--code-promo {
      margin-bottom: 32px; }
  .mukel-content-detail__txt {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 48px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__txt {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-content-detail__txt {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__txt {
        margin-bottom: 32px; } }
  .mukel-content-detail__desc {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__desc {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-content-detail__desc:last-child {
      margin-bottom: 0; }
  .mukel-content-detail__list {
    margin-bottom: 24px;
    padding-left: 20px; }
    .mukel-content-detail__list:last-child {
      margin-bottom: 0; }
    .mukel-content-detail__list__item {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 400;
      color: #667584;
      margin-bottom: 4px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-content-detail__list__item {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-content-detail__list__item:last-child {
        margin-bottom: 0; }
  .mukel-content-detail__title-content {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__title-content {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-content-detail__subtitle-content {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-content-detail__subtitle-content {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-content-detail__tag-label {
    font-size: 0;
    line-height: 1;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -8px;
    transition: all .5s ease .95s; }
    .mukel-site-content--hide .mukel-content-detail__tag-label {
      opacity: 0;
      transform: translateY(8px); }
    .mukel-content-detail__tag-label .mukel-tag-label {
      margin-left: 8px;
      margin-right: 8px;
      margin-bottom: 8px; }
      .mukel-content-detail__tag-label .mukel-tag-label:last-child {
        margin-right: 0; }

/* ==========================================================================
   MUKEL Layouts: Card Career List
   ========================================================================== */
.mukel-card-career-list {
  position: relative;
  margin-top: 64px;
  padding: 64px 0;
  background-color: #f0f1f5; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-career-list {
      padding: 48px 0 32px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-career-list__list {
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
      margin: 0 -16px;
      padding: 0 16px 16px; }
      .mukel-card-career-list__list::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
        width: 0; }
      .mukel-card-career-list__list .mukel-row {
        margin-left: 0;
        margin-right: 0; } }
  .mukel-card-career-list__title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-career-list__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-career-list__title {
        margin-bottom: 16px; } }
  .mukel-card-career-list__item {
    padding-top: 12px;
    padding-bottom: 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-career-list__item {
        float: none;
        display: inline-block;
        width: 288px;
        padding: 0;
        margin-right: 16px; } }

/* ==========================================================================
   MUKEL Layouts: Card Icon Title
   ========================================================================== */
.mukel-card-icon-title {
  position: relative;
  padding: 8px 0 64px;
  width: 600px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-icon-title {
      padding: 0 0 48px;
      width: 100%; } }
  .mukel-card-icon-title__list {
    margin: 0 -12px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-icon-title__list {
        margin: 0 -32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-icon-title__list {
        margin: 0 -16px; } }
  .mukel-card-icon-title__item {
    padding-top: 12px;
    padding-bottom: 12px; }

/* ==========================================================================
   MUKEL Layout: How To Fragment
   ========================================================================== */
.mukel-how-to-fragment {
  padding: 8px 0; }

/* ==========================================================================
   MUKEL Layouts: Schedule
   ========================================================================== */
.mukel-schedule__container {
  padding: 32px 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-schedule__container {
      padding: 24px 0; } }

.mukel-schedule--dates-schedule {
  padding-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-schedule--dates-schedule {
      padding-top: 16px; } }
  .mukel-schedule--dates-schedule .mukel-schedule__item:last-child .mukel-schedule__content-wrapper {
    padding-bottom: 0; }
  .mukel-schedule--dates-schedule .mukel-schedule__item:last-child .mukel-schedule__desc {
    margin-bottom: 0; }

/* ==========================================================================
   MUKEL Layouts: Label Comparison 
   ========================================================================== */
.mukel-label-comparison {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  background-color: #fff; }
  .mukel-label-comparison__scrollable {
    padding: 12px 0; }

/* ==========================================================================
   MUKEL Layouts: Card Product Comparison
   ========================================================================== */
.mukel-card-product-comparison {
  background-color: #f0f1f5;
  padding: 40px 0 8px; }
  .mukel-card-product-comparison__title {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #313131;
    margin: 0 0 16px;
    font-weight: 700; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-product-comparison__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-card-product-comparison__scrollover {
      padding-bottom: 8px;
      margin-left: -32px;
      margin-right: -32px;
      padding-left: 32px;
      padding-right: 32px;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-product-comparison__scrollover {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px; } }
  .mukel-card-product-comparison__clearfix {
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-card-product-comparison__clearfix::before, .mukel-card-product-comparison__clearfix::after {
      content: " ";
      display: table; }
    .mukel-card-product-comparison__clearfix::after {
      clear: both; }
  .mukel-card-product-comparison__item {
    float: left;
    width: 33.333333%;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    margin-bottom: 24px; }
    .mukel-card-product-comparison__item::before, .mukel-card-product-comparison__item::after {
      content: " ";
      display: table; }
    .mukel-card-product-comparison__item::after {
      clear: both; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-product-comparison__item {
        width: 50%; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-product-comparison__item {
        float: none;
        display: inline-block;
        width: 328px; } }

/* ==========================================================================
   MUKEL Layouts: Card Chosen Product 
   ========================================================================== */
.mukel-card-chosen-prod {
  padding: 32px 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-chosen-prod {
      white-space: nowrap;
      overflow-x: scroll; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-chosen-prod__space {
      display: none; } }
  .mukel-card-chosen-prod .mukel-card--chosen-product {
    padding: 0 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-card-chosen-prod .mukel-card--chosen-product {
        float: none; } }
  .mukel-card-chosen-prod__wrapper {
    white-space: nowrap;
    overflow-x: hidden; }
    .mukel-card-chosen-prod__wrapper-skeleton {
      display: inline-block; }
    @media only screen and (max-width: 991.98px) {
      .mukel-card-chosen-prod__wrapper .mukel-card--chosen-skeleton {
        display: none; } }

/* ==========================================================================
   MUKEL Layout: Landing Tabs
   ========================================================================== */
.mukel-landing-tabs__item {
  display: none;
  opacity: 0;
  transform: translateY(-8px);
  visibility: hidden;
  transition: all 0.35s ease; }
  .mukel-landing-tabs__item--active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }

/* ==========================================================================
   MUKEL Layout: Saving Comparison
   ========================================================================== */
.mukel-saving-comparison__section {
  position: relative;
  transition: all .35s ease; }
  .mukel-saving-comparison__section--chosen-prod {
    padding-top: 72px; }
  .mukel-saving-comparison__section--lbl-comp {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: all .3s ease;
    transform: translateY(0%); }
    .mukel-saving-comparison__section--lbl-comp__active {
      position: fixed;
      z-index: 10;
      transform: translateY(0%); }
  .mukel-saving-comparison__section--prod-comp {
    top: 0; }
  .mukel-saving-comparison__section-wrapper {
    position: relative;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease; }

.mukel-saving-comparison__section-wrapper--active {
  opacity: 1;
  visibility: visible; }

/* ==========================================================================
   MUKEL Page Index
   ========================================================================== */
/* ==========================================================================
   MUKEL Page: Design System Index
   ========================================================================== */
.mukel-ds {
  min-height: 100vh;
  background-color: #f8f8f9;
  /* ==========================================================================
   MUKEL Page: Design System - Splash Screen
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Navigation
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Content
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Content | Intro
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Content | Brand
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Content | Colors
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Content | Colors - Shadow
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Content | Components
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Content | Elements
   ========================================================================== */
  /* ==========================================================================
   MUKEL Page: Design System - Content | Writing Style & Guideline
   ========================================================================== */ }
  .mukel-ds__splash-screen {
    position: fixed;
    z-index: 9;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%);
    opacity: 0;
    transition: all 0.75s ease;
    transition-delay: 2s; }
    .mukel-ds__splash-screen__desc {
      position: absolute;
      top: 50%;
      opacity: 0;
      transform: translateY(-40%);
      transform-origin: center right;
      transition: all 1s ease;
      transition-delay: 1s;
      left: 64px;
      right: 64px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__splash-screen__desc {
          left: 48px;
          right: 48px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__splash-screen__desc {
          left: 32px;
          right: 32px; } }
    .mukel-ds__splash-screen__logo {
      margin-bottom: 64px;
      height: 48px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__splash-screen__logo {
          margin-bottom: 24px;
          height: 32px; } }
    .mukel-ds__splash-screen__title {
      font-size: 5.6rem;
      line-height: 7.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__splash-screen__title {
          font-size: 3.2rem;
          line-height: 4rem; } }
    .mukel-ds__splash-screen--show {
      opacity: 1;
      transition-delay: 0s; }
      .mukel-ds__splash-screen--show + .mukel-ds {
        display: none; }
    .mukel-ds__splash-screen--show-desc .mukel-ds__splash-screen__desc {
      opacity: 1;
      transform: translateY(-50%);
      transition-delay: 0s; }
  .mukel-ds__nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
    height: 100%;
    width: 292px;
    padding: 40px 0;
    background-color: #fff; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__nav {
        width: 100%;
        bottom: auto;
        height: auto;
        padding: 0; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__nav .mukel-ds__brand {
        margin-bottom: 0; } }
    .mukel-ds__nav .mukel-burger-menu {
      display: none; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__nav .mukel-burger-menu {
          position: absolute;
          top: 12px;
          right: 8px;
          display: block; } }
    .mukel-ds__nav__header {
      padding: 0 24px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__nav__header {
          padding: 16px;
          margin-bottom: 0;
          position: relative;
          z-index: 3;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); } }
    .mukel-ds__nav__content {
      position: absolute;
      top: 128px;
      bottom: 0;
      left: 0;
      right: 0; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__nav__content {
          position: fixed;
          top: 64px;
          background-color: rgba(0, 0, 0, 0.8);
          opacity: 0;
          visibility: hidden;
          transition: all 0.35s ease;
          transition-delay: 0.7s; }
          .mukel-ds__nav__content::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: 272px;
            height: 100%;
            z-index: 1;
            background-color: #fff;
            transform: scaleX(0);
            transform-origin: center right;
            transition: all 0.5s ease;
            transition-delay: 0.35s; }
          .mukel-show-navigation .mukel-ds__nav__content {
            opacity: 1;
            visibility: visible;
            transition-delay: 0s; }
            .mukel-show-navigation .mukel-ds__nav__content::before {
              transform: scaleX(1);
              transition-delay: 0.2s; } }
      .mukel-ds__nav__content__scrollover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        padding-top: 16px;
        padding-bottom: 32px;
        padding-left: 24px;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none; }
        .mukel-ds__nav__content__scrollover::-webkit-scrollbar {
          -webkit-appearance: none;
          display: none;
          width: 0; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-ds__nav__content__scrollover {
            right: 0;
            left: auto;
            width: 272px;
            padding-top: 32px;
            padding-left: 16px;
            z-index: 2;
            opacity: 0;
            transition: all 0.5s ease;
            transition-delay: 0s;
            transform: translateX(16px); }
            .mukel-show-navigation .mukel-ds__nav__content__scrollover {
              opacity: 1;
              transition-delay: 0.55s;
              transform: translateX(0); } }
    .mukel-ds__nav .mukel-ds__search-form {
      padding: 16px 24px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__nav .mukel-ds__search-form {
          width: 272px;
          padding: 24px 16px 12px;
          margin-left: auto;
          position: relative;
          z-index: 2;
          opacity: 0;
          transition: all 0.5s ease;
          transition-delay: 0.05s;
          transform: translateX(16px); }
          .mukel-show-navigation .mukel-ds__nav .mukel-ds__search-form {
            opacity: 1;
            transition-delay: 0.55s;
            transform: translateX(0); } }
    .mukel-ds__nav .mukel-ds__menu {
      margin-bottom: 56px; }
      .mukel-ds__nav .mukel-ds__menu:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__nav .mukel-ds__menu {
          margin-bottom: 48px; } }
  .mukel-ds__brand {
    line-height: 1;
    font-size: 0; }
    .mukel-ds__brand__link {
      display: inline-block; }
    .mukel-ds__brand__logo {
      height: 48px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__brand__logo {
          height: 32px; } }
  .mukel-ds__text-field {
    width: 100%;
    padding-left: 48px;
    padding-bottom: 8px;
    border: 0;
    outline: 0;
    background: transparent url(../img/icon/search-gray.svg) no-repeat;
    background-position: 8px 2px;
    color: #fff;
    border-bottom: solid 1px #667584; }
    .mukel-ds__text-field::-webkit-input-placeholder {
      color: #667584;
      -webkit-text-fill-color: #667584; }
    .mukel-ds__text-field:-webkit-input-placeholder {
      color: #667584;
      -webkit-text-fill-color: #667584; }
    .mukel-ds__text-field::-moz-placeholder {
      color: #667584;
      -webkit-text-fill-color: #667584; }
    .mukel-ds__text-field:-moz-placeholder {
      color: #667584;
      -webkit-text-fill-color: #667584; }
    .mukel-ds__text-field::-ms-input-placeholder {
      color: #667584;
      -webkit-text-fill-color: #667584; }
    .mukel-ds__text-field:-ms-input-placeholder {
      color: #667584;
      -webkit-text-fill-color: #667584; }
    .mukel-ds__text-field:-moz-placeholder-shown {
      color: #667584;
      -webkit-text-fill-color: #667584; }
    .mukel-ds__text-field:placeholder-shown {
      color: #667584;
      -webkit-text-fill-color: #667584; }
  .mukel-ds__menu__title {
    font-weight: 500;
    margin: 0 0 1px; }
  .mukel-ds__menu__link {
    display: block;
    padding: 12px 24px;
    border-radius: 8px 0 0 8px;
    text-decoration: none;
    color: #313131;
    font-weight: 700;
    position: relative;
    transition: all 0.25s ease;
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__menu__link {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
    .mukel-ds__menu__title--active .mukel-ds__menu__link, .mukel-ds__menu__link:hover {
      color: #fff;
      background-color: #f14545; }
  .mukel-ds__menu-list {
    padding: 0 0 8px 20px;
    margin: 0;
    list-style: none;
    position: relative; }
    .mukel-ds__menu-list__item {
      padding: 4px;
      position: relative;
      font-size: 0; }
      .mukel-ds__menu-list__item::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #eb2629;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: -12px;
        opacity: 0;
        transition: opacity .25s ease; }
      .mukel-ds__menu-list__item--active .mukel-ds__menu-list__link {
        color: #313131; }
      .mukel-ds__menu-list__item--active::before {
        opacity: 1; }
    .mukel-ds__menu-list__link {
      display: inline-block;
      padding: 8px;
      text-decoration: none;
      color: #667584;
      transition: all 0.25s ease;
      font-size: 1.6rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__menu-list__link {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
      .mukel-ds__menu-list__link:hover {
        color: #313131; }
  .mukel-ds__content {
    padding-left: 292px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__content {
        padding-left: 0; } }
    .mukel-ds__content__header {
      height: 320px;
      position: relative;
      background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
      .mukel-ds__content__header__aleph-logo {
        position: absolute;
        top: 48px;
        right: 104px;
        z-index: 3; }
      .mukel-ds__content__header__txt {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 48px 128px;
        color: #fff; }
      .mukel-ds__content__header__section {
        margin-bottom: 16px; }
        @media only screen and (max-width: 767.98px) {
          .mukel-ds__content__header__section {
            margin-bottom: 0; } }
      .mukel-ds__content__header__title {
        margin-bottom: 0;
        font-size: 4.8rem;
        line-height: 5.6rem; }
        @media only screen and (max-width: 767.98px) {
          .mukel-ds__content__header__title {
            font-size: 3.2rem;
            line-height: 4rem; } }
      @media only screen and (max-width: 1280px) {
        .mukel-ds__content__header {
          height: 280px; }
          .mukel-ds__content__header__aleph-logo {
            right: 64px; }
          .mukel-ds__content__header__txt {
            padding: 48px 64px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__content__header {
          height: 240px; }
          .mukel-ds__content__header__aleph-logo {
            top: 32px;
            right: 48px; }
          .mukel-ds__content__header__txt {
            padding: 48px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__header {
          height: 220px; }
          .mukel-ds__content__header__aleph-logo {
            top: 24px;
            right: 32px; }
          .mukel-ds__content__header__txt {
            padding: 32px 24px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__header {
          height: 200px; }
          .mukel-ds__content__header__aleph-logo {
            top: 16px;
            right: 16px;
            width: 40px; }
          .mukel-ds__content__header__txt {
            padding: 24px 16px; } }
    .mukel-ds__content__item {
      min-height: 100vh; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__content__item {
          padding-top: 64px; } }
      .mukel-ds__content__item[data-ds-item="dsHeader"] .mukel-ds__components-visual {
        min-height: 640px;
        transform: translateZ(0);
        background-color: #dae0e6; }
        .mukel-scroll-down .mukel-ds__content__item[data-ds-item="dsHeader"] .mukel-ds__components-visual .mukel-header {
          transform: translateY(0); }
      .mukel-ds__content__item[data-ds-item="dsHeaderCalculator"] .mukel-ds__components-visual {
        min-height: 640px;
        transform: translateZ(0);
        background-color: #dae0e6; }
        .mukel-scroll-down .mukel-ds__content__item[data-ds-item="dsHeaderCalculator"] .mukel-ds__components-visual .mukel-header {
          transform: translateY(0); }
      .mukel-ds__content__item[data-ds-item="dsFragment"] .mukel-ds__components-visual .mukel-cookies {
        transform: translateY(0);
        position: relative; }
      .mukel-scroll-down .mukel-ds__content__item[data-ds-item="dsFragment"] .mukel-ds__components-visual .mukel-cookies {
        transform: translateY(0); }
      .mukel-ds__content__item[data-ds-item="dsContentDetail"] body.mukel-scroll-down .mukel-scroll-indicator {
        display: none; }
      .mukel-ds__content__item[data-ds-item="dsContentDetail"] body .mukel-scroll-indicator {
        display: none; }
      .mukel-ds__content__item[data-ds-item="dsOneMobileScroll"] .mukel-ds__components-visual {
        min-height: 640px;
        transform: translateZ(0);
        background-color: #dae0e6; }
        .mukel-scroll-down .mukel-ds__content__item[data-ds-item="dsOneMobileScroll"] .mukel-ds__components-visual .mukel-header {
          transform: translateY(0); }
      .mukel-ds__content__item[data-ds-item="dsScrollIndicator"] .mukel-ds__components-visual .mukel-scroll-indicator {
        opacity: 0; }
    .mukel-ds__content__wrapper {
      padding: 64px 128px 96px; }
      @media only screen and (max-width: 1280px) {
        .mukel-ds__content__wrapper {
          padding: 56px 64px 80px; } }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__content__wrapper {
          padding: 32px 48px 64px; } }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__wrapper {
          padding: 32px 24px 48px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__wrapper {
          padding: 24px 16px 40px; } }
      .mukel-ds__content__wrapper [class*="mukel-txt__"] {
        margin-bottom: 32px; }
        .mukel-ds__content__wrapper [class*="mukel-txt__"]:last-child {
          margin-bottom: 0; }
        @media only screen and (max-width: 1199.98px) {
          .mukel-ds__content__wrapper [class*="mukel-txt__"] {
            margin-bottom: 24px; } }
        @media only screen and (max-width: 767.98px) {
          .mukel-ds__content__wrapper [class*="mukel-txt__"] {
            margin-bottom: 16px; } }
    .mukel-ds__content__body {
      max-width: 808px; }
      .mukel-ds__elements .mukel-ds__content__body {
        max-width: 100%; }
      .mukel-ds__components .mukel-ds__content__body {
        max-width: 100%; }
    .mukel-ds__content__overview {
      margin-bottom: 64px; }
      .mukel-ds__content__body .mukel-ds__content__overview .mukel-txt__h3 {
        margin-bottom: 24px; }
      @media only screen and (max-width: 1199.98px) {
        .mukel-ds__content__overview {
          margin-bottom: 56px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__overview {
          margin-bottom: 48px; }
          .mukel-ds__content__body .mukel-ds__content__overview .mukel-txt__h3 {
            margin-bottom: 16px; } }
    .mukel-ds__content__table-row {
      display: table;
      width: 100%; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__table-row {
          display: block; } }
    .mukel-ds__content__table-col {
      display: table-cell;
      vertical-align: top; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__table-col {
          display: block;
          margin-bottom: 32px; }
          .mukel-ds__content__table-col:last-child {
            margin-bottom: 0; } }
  .mukel-ds__body__item {
    margin-bottom: 64px; }
    .mukel-ds__body__item:last-child {
      margin-bottom: 0; }
  .mukel-ds__body__title {
    color: #667584;
    margin-bottom: 48px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__body__title {
        margin-bottom: 40px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__body__title {
        margin-bottom: 24px; } }
  .mukel-ds__body__desc {
    margin-top: -24px;
    margin-bottom: 64px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__body__desc {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__body__desc {
        margin-top: -16px;
        margin-bottom: 48px; } }
  .mukel-ds__body .mukel-ds__body__subtitle:last-child {
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__body .mukel-ds__body__subtitle:last-child {
        margin-bottom: 8px; } }
  .mukel-ds__copied-text {
    position: fixed;
    bottom: 48px;
    left: 50%;
    z-index: 10;
    padding: 8px 16px;
    border-radius: 8px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.85);
    font-size: 1.4rem;
    line-height: 2.2rem;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.5s cubic-bezier(0.7, -0.51, 0.42, 1.56);
    transform: translate(-50%, 24px) scale(0);
    opacity: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__copied-text {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    .mukel-ds__copied-text--show {
      transform: translate(-50%, 0) scale(1);
      opacity: 1; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__copied-text {
        bottom: 24px; } }
  .mukel-ds__intro__title {
    color: #667584;
    font-size: 5.6rem;
    line-height: 7.2rem;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__intro__title {
        font-size: 3.2rem;
        line-height: 4rem; } }
  .mukel-ds__intro__desc {
    color: #667584;
    margin-bottom: 64px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__intro__desc {
        margin-bottom: 32px; } }
  .mukel-ds__intro__screen {
    margin-bottom: 96px; }
    .mukel-ds__intro__screen__img {
      display: block;
      max-width: 704px;
      margin: 0 auto; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__intro__screen__img {
          max-width: 100%; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__intro__screen {
        margin-bottom: 64px; } }
  .mukel-ds__intro__get-started__title {
    color: #667584;
    margin-bottom: 16px; }
  .mukel-ds__intro__get-started__desc {
    color: #667584;
    margin-bottom: 20px; }
  .mukel-ds__intro__get-started__list {
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-ds__intro__get-started__list::before, .mukel-ds__intro__get-started__list::after {
      content: " ";
      display: table; }
    .mukel-ds__intro__get-started__list::after {
      clear: both; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__intro__get-started__list {
        margin-left: 0;
        margin-right: 0; } }
  .mukel-ds__intro__get-started__item {
    width: 25%;
    float: left;
    padding: 12px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__intro__get-started__item {
        width: 50%; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__intro__get-started__item {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 16px; }
        .mukel-ds__intro__get-started__item:last-child {
          margin-bottom: 0; } }
    .mukel-ds__intro__get-started__item__icon {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      min-width: 28px;
      display: block; }
      .mukel-ds__intro__get-started__item__icon-wrapper {
        position: relative;
        width: 32px;
        height: 32px;
        margin-bottom: 8px; }
    .mukel-ds__intro__get-started__item__title {
      font-size: 1.6rem;
      line-height: 2.4rem;
      margin-bottom: 16px;
      color: #313131; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__intro__get-started__item__title {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
    .mukel-ds__intro__get-started__item__desc {
      font-size: 1.4rem;
      line-height: 2.2rem;
      margin-bottom: 0;
      color: #667584; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__intro__get-started__item__desc {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
  .mukel-ds__intro__get-started__box {
    min-height: 240px;
    padding: 24px 16px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__intro__get-started__box {
        min-height: 180px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__intro__get-started__box {
        min-height: 160px; } }
  .mukel-ds__brand .mukel-ds__content__table-col:first-child {
    width: 240px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__brand .mukel-ds__content__table-col:first-child {
        width: 224px; } }
  .mukel-ds__brand__row {
    display: table;
    table-layout: fixed; }
  .mukel-ds__brand__col {
    display: table-cell;
    vertical-align: top;
    padding-right: 24px; }
    .mukel-ds__brand__col:last-child {
      padding-right: 0; }
  .mukel-ds__brand__fz {
    margin-bottom: 32px; }
    .mukel-ds__brand__fz:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__brand__fz {
        margin-bottom: 24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__brand__fz {
        margin-bottom: 24px; } }
    .mukel-ds__brand__fz .mukel-ds__brand__col:nth-child(1) {
      width: 104px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__brand__fz .mukel-ds__brand__col:nth-child(1) {
          width: 96px; } }
    .mukel-ds__brand__fz .mukel-ds__brand__col:nth-child(2) {
      width: 200px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__brand__fz .mukel-ds__brand__col:nth-child(2) {
          width: 160px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__brand__fz .mukel-ds__brand__col {
        display: block; }
        .mukel-ds__brand__fz .mukel-ds__brand__col:nth-child(1), .mukel-ds__brand__fz .mukel-ds__brand__col:nth-child(2) {
          width: auto;
          padding-right: 0;
          margin-bottom: 8px; } }
  .mukel-ds__content__brand__head {
    color: #667584;
    padding-bottom: 40px;
    margin-bottom: 64px;
    border-bottom: solid 1px #dae0e6; }
    .mukel-ds__content__brand__head__desc:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__head {
        padding-bottom: 32px;
        margin-bottom: 48px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__head {
        padding-bottom: 24px;
        margin-bottom: 32px; } }
  .mukel-ds__content__brand__item {
    margin-bottom: 96px; }
    .mukel-ds__content__brand__item:last-child {
      margin-bottom: 0; }
    .mukel-ds__content__brand__item__title {
      color: #667584;
      margin-bottom: 16px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__brand__item__title {
          margin-bottom: 8px; } }
    .mukel-ds__content__brand__item__desc {
      color: #667584;
      margin-bottom: 40px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__item {
        margin-bottom: 72px; }
        .mukel-ds__content__brand__item__desc {
          margin-bottom: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__item {
        margin-bottom: 64px; }
        .mukel-ds__content__brand__item__desc {
          margin-bottom: 24px; } }
  .mukel-ds__content__brand__logo__img {
    display: block; }
    .mukel-ds__content__brand__logo__img--primary {
      height: 56px;
      margin-left: 32px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__logo__img--primary {
          height: 48px;
          margin-left: 24px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__brand__logo__img--primary {
          height: 32px;
          margin-left: 16px; } }
    .mukel-ds__content__brand__logo__img--inverse {
      height: 170px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__logo__img--inverse {
          height: 144px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__brand__logo__img--inverse {
          height: 96px; } }
  .mukel-ds__content__brand__logo__nyala {
    font-size: 0;
    line-height: 1; }
    .mukel-ds__content__brand__logo__nyala__item {
      display: inline-block;
      margin-right: 48px; }
      .mukel-ds__content__brand__logo__nyala__item:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__logo__nyala__item {
          margin-right: 32px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__brand__logo__nyala__item {
          margin-right: 16px;
          margin-bottom: 24px; }
          .mukel-ds__content__brand__logo__nyala__item:last-child {
            margin-bottom: 0; } }
    .mukel-ds__content__brand__logo__nyala__img {
      display: block;
      height: 80px; }
      .mukel-ds__content__brand__logo__nyala__img-wrapper {
        padding: 24px 48px;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05);
        margin-bottom: 16px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__logo__nyala__img {
          height: 72px; }
          .mukel-ds__content__brand__logo__nyala__img-wrapper {
            padding: 24px 40px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__brand__logo__nyala__img {
          height: 64px; }
          .mukel-ds__content__brand__logo__nyala__img-wrapper {
            margin-bottom: 8px; } }
    .mukel-ds__content__brand__logo__nyala__title {
      font-size: 1.4rem;
      line-height: 2.2rem;
      margin-bottom: 0;
      color: #667584; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__brand__logo__nyala__title {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
  .mukel-ds__content__brand__logo__elevation {
    padding: 40px 48px;
    border-radius: 8px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    .mukel-ds__content__brand__logo__elevation__img {
      display: block;
      height: 72px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__logo__elevation {
        padding: 32px 40px; }
        .mukel-ds__content__brand__logo__elevation__img {
          height: 64px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__logo__elevation__img {
        height: 56px; } }
  .mukel-ds__content__brand__colors__list {
    font-size: 0;
    line-height: 1;
    margin: -16px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__colors__list {
        margin: -12px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__colors__list {
        margin: -8px; } }
  .mukel-ds__content__brand__colors__item {
    display: inline-block;
    width: 176px;
    margin: 16px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__colors__item {
        margin: 12px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__colors__item {
        width: 45%;
        max-width: 172px;
        margin: 8px; } }
    @media only screen and (max-width: 320px) {
      .mukel-ds__content__brand__colors__item {
        width: 44%; } }
  .mukel-ds__content__brand__colors__bg {
    height: 120px; }
    .mukel-ds__content__brand__colors__bg--red-1 {
      background-color: #eb2629; }
    .mukel-ds__content__brand__colors__bg--red-2 {
      background-color: #f14545; }
    .mukel-ds__content__brand__colors__bg--red-3 {
      background-color: #c41432; }
    .mukel-ds__content__brand__colors__bg--grad-red {
      background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
    .mukel-ds__content__brand__colors__bg--black {
      background-color: #313131; }
    .mukel-ds__content__brand__colors__bg--red {
      background-color: #eb2629; }
    .mukel-ds__content__brand__colors__bg--gray {
      background-color: #667584; }
    .mukel-ds__content__brand__colors__bg--white {
      background-color: #fff; }
    .mukel-ds__content__brand__colors__bg--overlay {
      background-color: rgba(8, 9, 15, 0.8); }
    .mukel-ds__content__brand__colors__bg--green {
      background-color: #449B94; }
    .mukel-ds__content__brand__colors__bg--yellow {
      background-color: #d6ad14; }
    .mukel-ds__content__brand__colors__bg--gray-1 {
      background-color: #80909f; }
    .mukel-ds__content__brand__colors__bg--gray-2 {
      background-color: #939fab; }
    .mukel-ds__content__brand__colors__bg--gray-3 {
      background-color: #c2c9d1; }
    .mukel-ds__content__brand__colors__bg--gray-4 {
      background-color: #dae0e6; }
    .mukel-ds__content__brand__colors__bg--gray-5 {
      background-color: #f0f1f5; }
    .mukel-ds__content__brand__colors__bg--majestic-gold-1 {
      background-color: #8b7866; }
    .mukel-ds__content__brand__colors__bg--majestic-gold-2 {
      background-color: #6e5c4a; }
    .mukel-ds__content__brand__colors__bg--majestic-gold-3 {
      background-color: #bfad98; }
    .mukel-ds__content__brand__colors__bg--grad-premier-1 {
      background-image: linear-gradient(113deg, #8b7866 0%, #6e5c4a 100%); }
    .mukel-ds__content__brand__colors__bg--grad-premier-2 {
      background-image: linear-gradient(113deg, #bfad98 0%, #8b7866 100%); }
    .mukel-ds__content__brand__colors__bg--dark-silver {
      background-color: #6a6d73; }
    .mukel-ds__content__brand__colors__bg--grad-private-1 {
      background-image: linear-gradient(113deg, #aaa7ae 0%, #6a6d73 100%); }
    .mukel-ds__content__brand__colors__bg--grad-private-2 {
      background-image: linear-gradient(113deg, #e7e7e7 0%, #bdbdbd 100%); }
  .mukel-ds__content__brand__colors__txt {
    padding: 12px 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__colors__txt {
        padding: 8px 12px; } }
  .mukel-ds__content__brand__colors__title {
    margin-bottom: 4px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__colors__title {
        margin-bottom: 0; } }
    @media only screen and (max-width: 320px) {
      .mukel-ds__content__brand__colors__title {
        font-size: 1.2rem; } }
  .mukel-ds__content__brand__colors__hex {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 0;
    color: #667584; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__colors__hex {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    @media only screen and (max-width: 320px) {
      .mukel-ds__content__brand__colors__hex {
        font-size: 1.1rem; } }
  .mukel-ds__content__brand__grid-layout__img {
    display: block; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__grid-layout__img {
        padding-right: 24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__grid-layout__img {
        padding-right: 16px; } }
    .mukel-ds__content__brand__grid-layout__img--desktop {
      max-width: 802px; }
    .mukel-ds__content__brand__grid-layout__img--desktop {
      max-width: 802px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__grid-layout__img--desktop {
          width: 802px; } }
    .mukel-ds__content__brand__grid-layout__img--responsive {
      max-width: 340px; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__grid-layout__img--responsive {
          width: 340px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__grid-layout__img-wrapper {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 16px;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__grid-layout__img-wrapper {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px; } }
  .mukel-ds__content__brand__object-style .mukel-ds__content__brand__item__title {
    margin-bottom: 40px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__object-style .mukel-ds__content__brand__item__title {
        margin-bottom: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__object-style .mukel-ds__content__brand__item__title {
        margin-bottom: 16px; } }
  .mukel-ds__content__brand__object-style__list__item {
    margin-bottom: 64px; }
    .mukel-ds__content__brand__object-style__list__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__object-style__list__item {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__object-style__list__item {
        margin-bottom: 48px; } }
  .mukel-ds__content__brand__object-style__list__title {
    color: #667584;
    margin-bottom: 16px;
    font-weight: 400; }
  .mukel-ds__content__brand__object-style__line {
    font-size: 0;
    line-height: 1;
    margin: -12px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__object-style__line {
        margin: -8px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__object-style__line {
        margin: -12px; } }
    .mukel-ds__content__brand__object-style__line__item {
      display: inline-block;
      width: 120px;
      height: 120px;
      margin: 12px;
      border-radius: 8px;
      position: relative;
      border-width: 1px;
      border-style: solid;
      border-color: #313131; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__object-style__line__item {
          width: 104px;
          height: 104px;
          margin: 8px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__brand__object-style__line__item {
          width: 120px;
          height: 120px;
          margin: 12px; } }
      .mukel-ds__content__brand__object-style__line__item__desc {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 12px 16px;
        color: #313131;
        margin-bottom: 0;
        font-size: 1.4rem;
        line-height: 2.2rem; }
        @media only screen and (max-width: 767.98px) {
          .mukel-ds__content__brand__object-style__line__item__desc {
            font-size: 1.4rem;
            line-height: 2.2rem; } }
      .mukel-ds__content__brand__object-style__line__item--1 {
        border-width: 1px; }
      .mukel-ds__content__brand__object-style__line__item--2 {
        border-width: 2px; }
      .mukel-ds__content__brand__object-style__line__item--red {
        border-color: #eb2629; }
      .mukel-ds__content__brand__object-style__line__item--black {
        border-color: #313131; }
      .mukel-ds__content__brand__object-style__line__item--gray {
        border-color: #667584; }
      .mukel-ds__content__brand__object-style__line__item--mid-gray {
        border-color: #c2c9d1; }
      .mukel-ds__content__brand__object-style__line__item--light-gray {
        border-color: #dae0e6; }
      .mukel-ds__content__brand__object-style__line__item--gold {
        border-color: #8b7866; }
      .mukel-ds__content__brand__object-style__line__item--white {
        border-color: #fff; }
  .mukel-ds__content__brand__object-style__shadow {
    font-size: 0;
    line-height: 1;
    margin: -16px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__object-style__shadow {
        margin: -12px; } }
    .mukel-ds__content__brand__object-style__shadow__item {
      display: inline-block;
      width: 144px;
      height: 144px;
      margin: 16px;
      border-radius: 8px;
      position: relative;
      background-color: #fff; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__object-style__shadow__item {
          margin: 12px;
          width: 132px;
          height: 132px; } }
      .mukel-ds__content__brand__object-style__shadow__item__desc {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 12px 16px;
        color: #313131;
        margin-bottom: 0;
        font-size: 1.4rem;
        line-height: 2.2rem; }
        @media only screen and (max-width: 767.98px) {
          .mukel-ds__content__brand__object-style__shadow__item__desc {
            font-size: 1.4rem;
            line-height: 2.2rem; } }
      .mukel-ds__content__brand__object-style__shadow__item--4dp {
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      .mukel-ds__content__brand__object-style__shadow__item--6dp {
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
      .mukel-ds__content__brand__object-style__shadow__item--8dp {
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.05), 0 3px 14px 3px rgba(0, 0, 0, 0.05), 0 4px 5px 0 rgba(0, 0, 0, 0.05); }
      .mukel-ds__content__brand__object-style__shadow__item--16dp {
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.05), 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 8px 10px 0 rgba(0, 0, 0, 0.05); }
  .mukel-ds__content__brand__typography .mukel-ds__body__item {
    margin-bottom: 0; }
  .mukel-ds__content__brand__typography .mukel-ds__body__title {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    color: #667584;
    margin-bottom: 40px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__typography .mukel-ds__body__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__typography .mukel-ds__body__title {
        margin-bottom: 32px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__typography .mukel-ds__body__title {
        margin-bottom: 24px; } }
  .mukel-ds__content__brand__typography .mukel-ds__body__subtitle {
    font-weight: 700;
    color: #667584;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__typography .mukel-ds__body__subtitle {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-ds__content__brand__fz-label {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #313131;
    font-weight: 700;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__fz-label {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  @media only screen and (max-width: 991.98px) {
    .mukel-ds__content__brand__iconography__scrollover {
      margin-left: -24px;
      margin-right: -24px;
      padding-left: 24px;
      padding-right: 24px;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-ds__content__brand__iconography__scrollover {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 16px; } }
  .mukel-ds__content__brand__iconography__tbl {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__iconography__tbl {
        min-width: 720px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__brand__iconography__tbl-wrapper {
        min-width: 744px;
        padding-right: 24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__brand__iconography__tbl-wrapper {
        min-width: 736px;
        padding-right: 16px; } }
  .mukel-ds__content__brand__iconography__row {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 16px 12px;
    border-bottom: solid 1px #dae0e6;
    background-color: #f0f1f5; }
    .mukel-ds__content__brand__iconography__row:last-child {
      margin-bottom: 0; }
    .mukel-ds__content__brand__iconography__row:nth-child(odd) {
      background-color: #fff; }
    .mukel-ds__content__brand__iconography__row--title {
      color: #667584;
      border-bottom: solid 1px #80909f; }
      .mukel-ds__content__brand__iconography__row--title:nth-child(odd) {
        background-color: #dae0e6; }
  .mukel-ds__content__brand__iconography__col {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word; }
    .mukel-ds__content__brand__iconography__col:nth-child(1) {
      width: 188px;
      padding-right: 16px; }
    .mukel-ds__content__brand__iconography__col:nth-child(2) {
      width: 72px;
      text-align: center; }
    .mukel-ds__content__brand__iconography__col:nth-child(3) {
      padding-left: 16px; }
    .mukel-ds__content__brand__iconography__col .mukel-fi {
      font-size: 2rem; }
  .mukel-ds__content__brand__iconography__label {
    color: #313131;
    font-weight: 700;
    margin-bottom: 0; }
  .mukel-ds__content__brand__iconography__name {
    margin-bottom: 0; }
  .mukel-ds__content__brand__iconography__tag {
    font-weight: 500;
    margin-bottom: 0;
    font-size: 1.4rem; }
  .mukel-ds__content__brand__iconography__icon-img {
    max-height: 32px;
    max-width: 32px;
    width: auto;
    height: auto; }
  .mukel-ds__content__brand__item__img {
    display: block; }
    .mukel-ds__content__brand__item__img-wrapper {
      margin-bottom: 16px; }
      .mukel-ds__content__brand__item__img-wrapper:last-child {
        margin-bottom: 0; }
  .mukel-ds__content__brand__item__list {
    color: #667584; }
    .mukel-ds__content__brand__item__list__desc {
      margin-bottom: 16px; }
    .mukel-ds__content__brand__item__list__ul {
      margin-bottom: 40px; }
      .mukel-ds__content__brand__item__list__ul:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 991.98px) {
        .mukel-ds__content__brand__item__list__ul {
          margin-bottom: 32px; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__brand__item__list__ul {
          margin-bottom: 24px; } }
    .mukel-ds__content__brand__item__list__li {
      margin-bottom: 16px; }
      .mukel-ds__content__brand__item__list__li:last-child {
        margin-bottom: 0; }
  .mukel-ds__colors {
    margin: -24px; }
    .mukel-ds__colors::before, .mukel-ds__colors::after {
      content: " ";
      display: table; }
    .mukel-ds__colors::after {
      clear: both; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__colors {
        margin: -16px; } }
  .mukel-ds__colors-item {
    float: left;
    width: 224px;
    padding: 24px; }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__colors-item {
        width: 200px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__colors-item {
        width: 180px;
        padding: 16px; } }
    @media only screen and (max-width: 320px) {
      .mukel-ds__colors-item {
        width: 160px;
        padding: 16px; } }
  .mukel-ds__colors-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 16px;
    text-indent: -99999px; }
    .mukel-ds__colors-circle--bordered {
      border: solid 1px #dae0e6; }
  .mukel-ds__shadow-item {
    margin-bottom: 80px; }
    .mukel-ds__shadow-item:last-child {
      margin-bottom: 0; }
  .mukel-ds__shadow-box {
    width: 184px;
    height: 152px;
    border-radius: 8px;
    text-indent: -99999px; }
  .mukel-ds__components-section {
    margin-bottom: 64px; }
  .mukel-ds__components__title {
    margin-bottom: 24px; }
  .mukel-ds__components-item {
    margin-bottom: 32px; }
    .mukel-ds__content__body .mukel-ds__components-item .mukel-txt__label {
      margin-bottom: 16px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__body .mukel-ds__components-item .mukel-txt__label {
          margin-bottom: 8px; } }
  .mukel-ds__components-visual {
    padding: 24px;
    border: solid 1px #80909f;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-color: #fff; }
    .mukel-ds__components-visual--inverse-bg {
      background-color: #000; }
    .mukel-ds__components-visual--no-padding {
      padding: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__components-visual {
        padding: 16px; }
        .mukel-ds__components-visual--no-padding {
          padding: 0; } }
    .mukel-ds__components-visual .mukel-card-needs {
      position: relative; }
  .mukel-ds__components-code {
    overflow: hidden;
    border-radius: 0 0 8px 8px;
    padding-bottom: 40px;
    position: relative;
    background-color: #313131; }
    .mukel-ds__components-code__toggle {
      position: absolute;
      top: 0;
      right: 0;
      background-color: transparent;
      font-size: 1.4rem;
      line-height: 2.2rem;
      padding: 9px 16px 8px;
      outline: 0;
      border: 0;
      cursor: pointer;
      z-index: 2;
      background-color: #eb2629;
      color: #fff; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__components-code__toggle {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__components-code__toggle {
          padding: 10px 12px; } }
  .mukel-ds__components-tabs {
    display: none; }
    .mukel-ds__components-tabs__control {
      list-style: none;
      padding: 0;
      margin: 0;
      background-color: #313131;
      border-bottom: solid 1px #000; }
      .mukel-ds__components-tabs__control::before, .mukel-ds__components-tabs__control::after {
        content: " ";
        display: table; }
      .mukel-ds__components-tabs__control::after {
        clear: both; }
      .mukel-ds__components-tabs__control__item {
        padding: 8px 16px;
        float: left;
        cursor: pointer;
        color: #fff;
        margin-bottom: -1px;
        border-bottom: solid 2px transparent;
        transition: all 0.2s ease;
        font-size: 1.4rem;
        line-height: 2.2rem;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        @media only screen and (max-width: 767.98px) {
          .mukel-ds__components-tabs__control__item {
            font-size: 1.4rem;
            line-height: 2.2rem; } }
        .mukel-ds__components-tabs__control__item--active {
          background-color: #000;
          border-color: #eb2629; }
        .mukel-ds__components-tabs__control__item:hover:not(.mukel-ds__components-tabs__control__item--active) {
          color: #eb2629; }
    .mukel-ds__components-tabs__content {
      padding: 24px;
      background-color: #313131; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__components-tabs__content {
          padding: 16px; } }
    .mukel-ds__components-tabs__pane {
      display: none; }
      .mukel-ds__components-tabs__pane--active {
        display: block;
        color: #fff; }
    .mukel-ds__components-tabs pre {
      margin: 0;
      padding: 0; }
    .mukel-ds__components-tabs .hljs {
      margin: 0;
      display: block;
      white-space: pre-wrap;
      border: 0;
      -o-border-image: none;
         border-image: none;
      outline: 0;
      padding: 0;
      line-height: 1.5;
      background-color: transparent;
      font-size: 1.4rem;
      line-height: 2.2rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__components-tabs .hljs {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
  .mukel-ds__components__copy-code {
    border: solid 1px #fff;
    outline: 0;
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
    padding: 4px 8px;
    transition: all 0.2s ease;
    margin-bottom: 24px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__components__copy-code {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
    .mukel-ds__components__copy-code:hover {
      border-color: #eb2629;
      background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
    .mukel-ds__components__copy-code:active {
      background-image: none;
      background-color: #000; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__components__copy-code {
        margin-bottom: 16px; }
        .mukel-ds__components__copy-code:hover {
          border-color: #fff;
          background-image: none; }
        .mukel-ds__components__copy-code:active {
          border-color: #eb2629;
          background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); } }
  .mukel-ds__components__banner {
    margin-left: -128px;
    margin-right: -128px;
    padding: 0 16px; }
    @media only screen and (max-width: 1280px) {
      .mukel-ds__components__banner {
        margin-left: -64px;
        margin-right: -64px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__components__banner {
        margin-left: -48px;
        margin-right: -48px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__components__banner {
        margin-left: -24px;
        margin-right: -24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__components__banner {
        padding: 0 8px;
        margin-left: -16px;
        margin-right: -16px; } }
    @media only screen and (max-width: 1680px) {
      .mukel-ds__components__banner .mukel-main-banner .mukel-container, .mukel-ds__components__banner .mukel-nyala-banner .mukel-container, .mukel-ds__components__banner .mukel-nyala-htb .mukel-container, .mukel-ds__components__banner .mukel-one-mobile .mukel-container, .mukel-ds__components__banner .mukel-one-mobile-banner .mukel-container, .mukel-ds__components__banner .mukel-one-mobile-rachel .mukel-container, .mukel-ds__components__banner .mukel-ac-banner .mukel-container, .mukel-ds__components__banner .mukel-prod-detail-banner .mukel-container, .mukel-ds__components__banner .mukel-promo-banner .mukel-container, .mukel-ds__components__banner .mukel-srch-banner .mukel-container, .mukel-ds__components__banner .mukel-section-banner .mukel-container {
        max-width: 96%; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__components__banner .mukel-main-banner .mukel-container, .mukel-ds__components__banner .mukel-nyala-banner .mukel-container, .mukel-ds__components__banner .mukel-nyala-htb .mukel-container, .mukel-ds__components__banner .mukel-one-mobile .mukel-container, .mukel-ds__components__banner .mukel-one-mobile-banner .mukel-container, .mukel-ds__components__banner .mukel-one-mobile-rachel .mukel-container, .mukel-ds__components__banner .mukel-ac-banner .mukel-container, .mukel-ds__components__banner .mukel-prod-detail-banner .mukel-container, .mukel-ds__components__banner .mukel-promo-banner .mukel-container, .mukel-ds__components__banner .mukel-srch-banner .mukel-container, .mukel-ds__components__banner .mukel-section-banner .mukel-container {
        max-width: initial; } }
  .mukel-ds__components__card .mukel-card-achievement .mukel-container,
  .mukel-ds__components__card .mukel-card-head-product .mukel-container,
  .mukel-ds__components__card .mukel-card-needs .mukel-container {
    padding-left: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__components__card .mukel-card-achievement .mukel-container,
      .mukel-ds__components__card .mukel-card-head-product .mukel-container,
      .mukel-ds__components__card .mukel-card-needs .mukel-container {
        padding-left: 16px;
        padding-right: 16px; } }
  .mukel-ds__components__card .mukel-card-achievement .mukel-half-offset-container,
  .mukel-ds__components__card .mukel-card-head-product .mukel-half-offset-container,
  .mukel-ds__components__card .mukel-card-needs .mukel-half-offset-container {
    position: static; }
  .mukel-ds__components__card .mukel-card-career-list {
    margin-top: 0; }
  .mukel-ds__components__form .mukel-ds__components-visual[data-select2-id] {
    min-height: 400px; }
  @media only screen and (max-width: 1680px) {
    .mukel-ds__components__success-state .mukel-success .mukel-container {
      max-width: 92%; } }
  @media only screen and (max-width: 1199.98px) {
    .mukel-ds__components__success-state .mukel-success .mukel-container {
      max-width: initial; } }
  .mukel-ds__components__header {
    margin-left: -128px;
    margin-right: -128px;
    padding: 0 16px; }
    @media only screen and (max-width: 1280px) {
      .mukel-ds__components__header {
        margin-left: -64px;
        margin-right: -64px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__components__header {
        margin-left: -48px;
        margin-right: -48px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__components__header {
        margin-left: -24px;
        margin-right: -24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__components__header {
        padding: 0 8px;
        margin-left: -16px;
        margin-right: -16px; } }
  .mukel-ds__components__footer {
    margin-left: -128px;
    margin-right: -128px;
    padding: 0 16px; }
    @media only screen and (max-width: 1280px) {
      .mukel-ds__components__footer {
        margin-left: -64px;
        margin-right: -64px; } }
    @media only screen and (max-width: 1199.98px) {
      .mukel-ds__components__footer {
        margin-left: -48px;
        margin-right: -48px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__components__footer {
        margin-left: -24px;
        margin-right: -24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__components__footer {
        padding: 0 8px;
        margin-left: -16px;
        margin-right: -16px; } }
  .mukel-ds__elements__box {
    display: inline-block;
    width: 216px;
    height: 160px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin: 8px;
    vertical-align: top;
    background-color: #fff; }
    .mukel-ds__elements__box-list {
      margin: -8px;
      font-size: 0;
      line-height: 1; }
    .mukel-ds__elements__box__desc {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 8px 12px;
      margin-bottom: 0;
      background-color: #fff;
      font-size: 1.2rem;
      line-height: 1.6rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__elements__box__desc {
          font-size: 1.2rem;
          line-height: 1.6rem; } }
  .mukel-ds__elements__button .mukel-btn {
    margin: 8px; }
  .mukel-ds__elements__select .mukel-ds__components-visual {
    min-height: 320px; }
  .mukel-ds__elements__shadow .mukel-ds__elements__box {
    margin: 12px; }
    .mukel-ds__elements__shadow .mukel-ds__elements__box-list {
      margin: -12px; }
  .mukel-ds__elements__tag-label .mukel-tag-label {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px; }
    .mukel-ds__elements__tag-label .mukel-tag-label:last-child {
      margin-right: 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-ds__content__elements__utilities__scrollover {
      margin-left: -24px;
      margin-right: -24px;
      padding-left: 24px;
      padding-right: 24px;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-ds__content__elements__utilities__scrollover {
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 16px; } }
  .mukel-ds__content__elements__utilities__tbl {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__elements__utilities__tbl {
        min-width: 720px; } }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__elements__utilities__tbl-wrapper {
        min-width: 744px;
        padding-right: 24px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__elements__utilities__tbl-wrapper {
        min-width: 736px;
        padding-right: 16px; } }
  .mukel-ds__content__elements__utilities__section {
    width: 100%;
    padding: 16px 12px;
    border-bottom: solid 1px #dae0e6; }
  .mukel-ds__content__elements__utilities__row {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 16px 12px;
    border-bottom: solid 1px #dae0e6;
    background-color: #fff; }
    .mukel-ds__content__elements__utilities__row:last-child {
      margin-bottom: 0; }
    .mukel-ds__content__elements__utilities__row--title {
      color: #667584;
      border-bottom: solid 1px #80909f; }
      .mukel-ds__content__elements__utilities__row--title:nth-child(odd) {
        background-color: #dae0e6; }
  .mukel-ds__content__elements__utilities__col {
    display: table-cell;
    vertical-align: top;
    white-space: normal;
    word-wrap: break-word; }
    .mukel-ds__content__elements__utilities__col:nth-child(1) {
      width: 320px;
      padding-right: 16px; }
  .mukel-ds__content__elements__utilities__label {
    color: #313131;
    font-weight: 700;
    margin-bottom: 0; }
  .mukel-ds__content__elements__utilities__name {
    color: #313131;
    font-weight: 700;
    margin-bottom: 0; }
  .mukel-ds__content__elements__utilities__desc {
    font-size: 1.6rem;
    margin-bottom: 0; }
  .mukel-ds__content__elements__utilities__title {
    font-weight: 700;
    margin-bottom: 0;
    color: #eb2629; }
    .mukel-ds__content__elements__utilities__title__note {
      font-weight: 400;
      color: #667584;
      font-size: 14px;
      line-height: 18px; }
  .mukel-ds__content__wsg__item {
    margin-bottom: 96px; }
    .mukel-ds__content__wsg__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__wsg__item {
        margin-bottom: 72px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__item {
        margin-bottom: 64px; } }
  .mukel-ds__content__wsg__overview {
    color: #667584; }
    .mukel-ds__content__wsg__overview__desc {
      margin-bottom: 32px; }
      .mukel-ds__content__wsg__overview__desc:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__wsg__overview__desc {
          margin-bottom: 24px; } }
  .mukel-ds__content__wsg .mukel-ds__body__item {
    margin-bottom: 0; }
  .mukel-ds__content__wsg .mukel-ds__body__title {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    color: #667584;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg .mukel-ds__body__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
  .mukel-ds__content__wsg .mukel-ds__body__desc {
    margin-bottom: 40px;
    margin-top: 0;
    color: #667584; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg .mukel-ds__body__desc {
        margin-bottom: 32px; } }
    .mukel-ds__content__wsg .mukel-ds__body__desc--mb16 {
      margin-bottom: 16px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__wsg .mukel-ds__body__desc--mb16 {
          margin-bottom: 16px; } }
  .mukel-ds__content__wsg__list__title {
    font-size: 2rem;
    line-height: 3.2rem;
    margin-bottom: 8px;
    color: #313131; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__list__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-ds__content__wsg__list__desc {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #667584;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__list__desc {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
  .mukel-ds__content__wsg__list__ul, .mukel-ds__content__wsg__list__ol {
    margin-bottom: 32px;
    color: #667584; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__list__ul, .mukel-ds__content__wsg__list__ol {
        margin-bottom: 24px; } }
    .mukel-ds__content__wsg__list__ul--body .mukel-ds__content__wsg__list__li, .mukel-ds__content__wsg__list__ol--body .mukel-ds__content__wsg__list__li {
      font-size: 1.6rem;
      line-height: 2.4rem; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__wsg__list__ul--body .mukel-ds__content__wsg__list__li, .mukel-ds__content__wsg__list__ol--body .mukel-ds__content__wsg__list__li {
          font-size: 1.6rem;
          line-height: 2.4rem; } }
  .mukel-ds__content__wsg__list__li {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 8px;
    padding-left: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__list__li {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    .mukel-ds__content__wsg__list__li:last-child {
      margin-bottom: 0; }
  .mukel-ds__content__wsg__item {
    margin-bottom: 64px; }
    .mukel-ds__content__wsg__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__wsg__item {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__item {
        margin-bottom: 48px; } }
  .mukel-ds__content__wsg__exp__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #667584;
    font-weight: 700;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__exp__title {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .mukel-ds__content__wsg__exp__list {
    margin-left: -12px;
    margin-right: -12px; }
    .mukel-ds__content__wsg__exp__list::before, .mukel-ds__content__wsg__exp__list::after {
      content: " ";
      display: table; }
    .mukel-ds__content__wsg__exp__list::after {
      clear: both; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__exp__list {
        margin-left: 0;
        margin-right: 0; } }
  .mukel-ds__content__wsg__exp__item {
    width: 50%;
    float: left;
    padding: 0 12px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__exp__item {
        width: 100%;
        float: none;
        margin-bottom: 24px;
        padding: 0; }
        .mukel-ds__content__wsg__exp__item:last-child {
          margin-bottom: 0; }
        .mukel-ds__content__wsg__exp__item + br {
          display: none; } }
    .mukel-ds__content__wsg__exp__item--full {
      width: 100%;
      margin-bottom: 24px; }
      .mukel-ds__content__wsg__exp__item--full .mukel-ds__content__wsg__exp__box {
        padding: 24px 16px;
        min-height: initial; }
      .mukel-ds__content__wsg__exp__item--full:last-child {
        margin-bottom: 0; }
    .mukel-ds__content__wsg__exp__item--mt24 {
      margin-top: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__wsg__exp__item--mt24 {
          margin-top: 0; } }
    .mukel-ds__content__wsg__exp__item__lbl {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: 500;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__wsg__exp__item__lbl {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
      .mukel-ds__content__wsg__exp__item__lbl--good {
        color: #449B94; }
      .mukel-ds__content__wsg__exp__item__lbl--bad {
        color: #eb2629; }
      .mukel-ds__content__wsg__exp__item__lbl--mb8 {
        margin-bottom: 8px; }
    .mukel-ds__content__wsg__exp__item__desc {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: 500;
      color: #667584;
      margin-bottom: 16px; }
      @media only screen and (max-width: 767.98px) {
        .mukel-ds__content__wsg__exp__item__desc {
          font-size: 1.4rem;
          line-height: 2.2rem; } }
      .mukel-ds__content__wsg__exp__item__desc:last-child {
        margin-bottom: 0; }
      .mukel-ds__content__wsg__exp__item__desc--italic {
        font-style: italic; }
  .mukel-ds__content__wsg__exp__box {
    min-height: 216px;
    padding: 16px 16px 24px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05), 0 1px 18px 0 rgba(0, 0, 0, 0.05), 0 3px 5px 0 rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__exp__box {
        padding: 24px 16px;
        min-height: initial; } }
  .mukel-ds__content__wsg__exp--no-mh .mukel-ds__content__wsg__exp__box {
    min-height: initial; }
  .mukel-ds__content__wsg__exp--mhs .mukel-ds__content__wsg__exp__box {
    min-height: 146px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__exp--mhs .mukel-ds__content__wsg__exp__box {
        min-height: initial; } }
  .mukel-ds__content__wsg__exp--mb64 {
    margin-bottom: 64px; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__wsg__exp--mb64 {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__exp--mb64 {
        margin-bottom: 48px; } }
  .mukel-ds__content__wsg__exp__ul {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__exp__ul {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
    .mukel-ds__content__wsg__exp__ul--none {
      list-style: none;
      margin: 0;
      padding: 0;
      font-weight: 500; }
      .mukel-ds__content__wsg__exp__ul--none .mukel-ds__content__wsg__exp__li {
        padding-left: 0; }
  .mukel-ds__content__wsg__exp__li {
    color: #667584;
    margin-bottom: 4px;
    padding-left: 8px; }
    .mukel-ds__content__wsg__exp__li:last-child {
      margin-bottom: 0; }
  .mukel-ds__content__wsg__confident__item {
    margin-bottom: 64px; }
    .mukel-ds__content__wsg__confident__item:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 991.98px) {
      .mukel-ds__content__wsg__confident__item {
        margin-bottom: 56px; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__confident__item {
        margin-bottom: 48px; } }
  .mukel-ds__content__wsg__confident__title {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #313131;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__confident__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-ds__content__wsg__confident__desc {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #667584;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__confident__desc {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
  .mukel-ds__content__wsg__confident__list {
    margin-bottom: 32px; }
    .mukel-ds__content__wsg__confident__list__item {
      margin-bottom: 16px; }
      .mukel-ds__content__wsg__confident__list__item:last-child {
        margin-bottom: 0; }
      .mukel-ds__content__wsg__confident__list__item__title {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: 500;
        margin-bottom: 0; }
        @media only screen and (max-width: 767.98px) {
          .mukel-ds__content__wsg__confident__list__item__title {
            font-size: 1.4rem;
            line-height: 2.2rem; } }
        .mukel-ds__content__wsg__confident__list__item__title--good {
          color: #449B94; }
        .mukel-ds__content__wsg__confident__list__item__title--bad {
          color: #eb2629; }
      .mukel-ds__content__wsg__confident__list__item__val {
        font-size: 1.4rem;
        line-height: 2.2rem;
        color: #667584;
        margin-bottom: 0; }
        @media only screen and (max-width: 767.98px) {
          .mukel-ds__content__wsg__confident__list__item__val {
            font-size: 1.4rem;
            line-height: 2.2rem; } }
    @media only screen and (max-width: 767.98px) {
      .mukel-ds__content__wsg__confident__list {
        margin-bottom: 24px; } }

/* ==========================================================================
   MUKEL Page: Tentang Kami
   ========================================================================== */
.mukel-card-article__tentang-kami {
  padding-bottom: 32px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-article__tentang-kami {
      padding-bottom: 0; }
      .mukel-card-article__tentang-kami .mukel-card-article {
        padding-top: 0; } }

/* ==========================================================================
   MUKEL Page: Tentang Kami
   ========================================================================== */
.mukel-card-article__prod-detail {
  padding-bottom: 32px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-card-article__prod-detail {
      padding-bottom: 0; } }

.mukel-prod-detail-banner {
  z-index: 2; }

/* ==========================================================================
   MUKEL Page: Sitemap
   ========================================================================== */
.mukel-sitemap__title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: #313131;
  margin-bottom: 16px; }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap__title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.mukel-sitemap__section {
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: solid 1px #dae0e6; }
  .mukel-sitemap__section__title {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 32px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-sitemap__section__title {
        font-size: 2rem;
        line-height: 3.2rem; } }
  .mukel-sitemap__section:last-child {
    padding-bottom: 0; }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap__section {
      padding-top: 32px;
      padding-bottom: 32px; }
      .mukel-sitemap__section__title {
        margin-bottom: 24px; } }

.mukel-sitemap__row {
  margin-left: -20px;
  margin-right: -20px; }
  .mukel-sitemap__row::before, .mukel-sitemap__row::after {
    content: " ";
    display: table; }
  .mukel-sitemap__row::after {
    clear: both; }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap__row {
      margin-left: 0;
      margin-right: 0; } }

.mukel-sitemap__col {
  width: 25%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 48px; }
  .mukel-sitemap__col__title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #313131;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767.98px) {
      .mukel-sitemap__col__title {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .mukel-sitemap__col:nth-child(4n+1) {
    clear: both; }
  .mukel-sitemap__col:nth-last-child(-n+4) {
    margin-bottom: 0; }
  @media only screen and (max-width: 991.98px) {
    .mukel-sitemap__col {
      width: 50%; }
      .mukel-sitemap__col:nth-child(4n+1) {
        clear: initial; }
      .mukel-sitemap__col:nth-last-child(-n+4) {
        margin-bottom: 48px; }
      .mukel-sitemap__col:nth-child(2n+1) {
        clear: both; }
      .mukel-sitemap__col:nth-last-child(-n+2) {
        margin-bottom: 0; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap__col {
      float: none;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 32px; }
      .mukel-sitemap__col:nth-child(2n+1) {
        clear: initial; }
      .mukel-sitemap__col:nth-last-child(-n+2) {
        margin-bottom: 32px; }
      .mukel-sitemap__col:last-child {
        margin-bottom: 0; } }

.mukel-sitemap__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.mukel-sitemap__item {
  margin: 0 0 16px;
  padding: 0; }
  .mukel-sitemap__item:last-child {
    margin-bottom: 0; }

.mukel-sitemap__lnk {
  font-size: 1.6rem;
  line-height: 2.4rem;
  position: relative;
  display: inline-block;
  color: #667584;
  text-decoration: none;
  transition: color 0.25s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap__lnk {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  .mukel-sitemap__lnk::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: solid 1px #eb2629;
    transition: all 0.25s ease;
    transform: scaleX(0);
    margin-left: 0;
    width: auto;
    height: auto;
    z-index: 1;
    transform-origin: left center; }
    .mukel-premier-site .mukel-sitemap__lnk::after {
      border-color: #8b7866; }
    .mukel-private-site .mukel-sitemap__lnk::after {
      border-color: #6a6d73; }
  .mukel-sitemap__lnk:hover {
    color: #eb2629; }
    .mukel-sitemap__lnk:hover::after {
      transform: scaleX(1); }

/* ==========================================================================
   MUKEL Page: Sitemap Dev
   ========================================================================== */
.mukel-sitemap-dev-header {
  padding: 16px 0;
  border-bottom: solid 1px #dae0e6;
  height: 72px; }
  .mukel-sitemap-dev-header::before, .mukel-sitemap-dev-header::after {
    content: " ";
    display: table; }
  .mukel-sitemap-dev-header::after {
    clear: both; }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap-dev-header {
      height: 64px; } }
  .mukel-sitemap-dev-header__logo {
    float: left; }
  .mukel-sitemap-dev-header .mukel-img {
    height: 40px;
    display: block; }
    @media only screen and (max-width: 767.98px) {
      .mukel-sitemap-dev-header .mukel-img {
        height: 32px; } }
  .mukel-sitemap-dev-header__title {
    float: right;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    line-height: 4rem; }
    .mukel-sitemap-dev-header__title br {
      display: none; }
    @media only screen and (max-width: 767.98px) {
      .mukel-sitemap-dev-header__title {
        text-align: right;
        font-size: 1.4rem;
        line-height: 2.2rem;
        line-height: 1.8rem; }
        .mukel-sitemap-dev-header__title br {
          display: block; } }

.mukel-sitemap-dev-content {
  padding: 48px 0; }

.mukel-sitemap-dev-section {
  margin-bottom: 32px; }
  .mukel-sitemap-dev-section::before, .mukel-sitemap-dev-section::after {
    content: " ";
    display: table; }
  .mukel-sitemap-dev-section::after {
    clear: both; }
  .mukel-sitemap-dev-section:last-child {
    margin-bottom: 0; }

.mukel-sitemap-dev-title {
  font-weight: 500;
  font-size: 2rem;
  line-height: 3.2rem;
  margin-bottom: 0;
  float: left; }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap-dev-title {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap-dev-title {
      float: none;
      margin-bottom: 16px; } }

.mukel-sitemap-dev-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 240px; }
  @media only screen and (max-width: 991.98px) {
    .mukel-sitemap-dev-list {
      padding-left: 212px; } }
  @media only screen and (max-width: 767.98px) {
    .mukel-sitemap-dev-list {
      padding-left: 0; } }

.mukel-sitemap-dev-item {
  margin-bottom: 8px; }
  .mukel-sitemap-dev-item:last-child {
    margin-bottom: 0; }
  .mukel-sitemap-dev-item .mukel-lnk {
    text-decoration: none;
    transition: color 0.25s ease; }
    .mukel-sitemap-dev-item .mukel-lnk:hover {
      color: #eb2629; }

/* ==========================================================================
   MUKEL Utilities Index
   ========================================================================== */
html body {
  /* ==========================================================================
   MUKEL Utilities: Color
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Background
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Font Size
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Font Weight
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Font Style
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Text Transform
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Text Align
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Vertical Align
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Clearfix
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Padding
   ========================================================================== */
  /* ==========================================================================
   MUKEL Utilities: Margin
   ========================================================================== */ }
  html body .mukel-color--primary-1 {
    color: #eb2629; }
  html body .mukel-color--primary-2 {
    color: #f14545; }
  html body .mukel-color--primary-3 {
    color: #c41432; }
  html body .mukel-color--secondary-1 {
    color: #feb06a; }
  html body .mukel-color--secondary-2 {
    color: #e98c61; }
  html body .mukel-color--secondary-3 {
    color: #fe8e78; }
  html body .mukel-color--secondary-4 {
    color: #e76462; }
  html body .mukel-color--secondary-5 {
    color: #e7626f; }
  html body .mukel-color--secondary-6 {
    color: #00b852; }
  html body .mukel-color--secondary-7 {
    color: #08090f; }
  html body .mukel-color--secondary-8 {
    color: #1a1a1a; }
  html body .mukel-color--secondary-9 {
    color: #145c93; }
  html body .mukel-color--secondary-10 {
    color: #329989; }
  html body .mukel-color--secondary-11 {
    color: #d6ad14; }
  html body .mukel-color--secondary-12 {
    color: #d16701; }
  html body .mukel-color--secondary-13 {
    color: #446eff; }
  html body .mukel-color--secondary-14 {
    color: #449B94; }
  html body .mukel-color--secondary-15 {
    color: #f8f8f9; }
  html body .mukel-color--premier-1 {
    color: #8b7866; }
  html body .mukel-color--premier-2 {
    color: #6e5c4a; }
  html body .mukel-color--premier-3 {
    color: #bfad98; }
  html body .mukel-color--private-1 {
    color: #6a6d73; }
  html body .mukel-color--private-2 {
    color: #72747b; }
  html body .mukel-color--private-3 {
    color: #aaa7ae; }
  html body .mukel-color--private-4 {
    color: #bdbdbd; }
  html body .mukel-color--private-5 {
    color: #e7e7e7; }
  html body .mukel-color--gray-1 {
    color: #313131; }
  html body .mukel-color--gray-2 {
    color: #667584; }
  html body .mukel-color--gray-3 {
    color: #80909f; }
  html body .mukel-color--gray-4 {
    color: #939fab; }
  html body .mukel-color--gray-5 {
    color: #c2c9d1; }
  html body .mukel-color--gray-6 {
    color: #dae0e6; }
  html body .mukel-color--gray-7 {
    color: #f0f1f5; }
  html body .mukel-color--white {
    color: #fff; }
  html body .mukel-color--black {
    color: #000; }
  html body .mukel-color--social-facebook {
    color: #3b5998; }
  html body .mukel-color--social-instagram {
    color: #c13584; }
  html body .mukel-color--social-twitter {
    color: #1da1f2; }
  html body .mukel-color--social-youtube {
    color: #ff0000; }
  html body .mukel-color--social-whatsapp {
    color: #25d366; }
  html body .mukel-color--social-line {
    color: #00c300; }
  html body .mukel-color--social-linkedin {
    color: #0077b5; }
  html body .mukel-color--error {
    color: #eb2629; }
  html body .mukel-color--success {
    color: #00893d; }
  html body .mukel-bg--primary-1 {
    background-color: #eb2629; }
  html body .mukel-bg--primary-2 {
    background-color: #f14545; }
  html body .mukel-bg--primary-3 {
    background-color: #c41432; }
  html body .mukel-bg--secondary-1 {
    background-color: #feb06a; }
  html body .mukel-bg--secondary-2 {
    background-color: #e98c61; }
  html body .mukel-bg--secondary-3 {
    background-color: #fe8e78; }
  html body .mukel-bg--secondary-4 {
    background-color: #e76462; }
  html body .mukel-bg--secondary-5 {
    background-color: #e7626f; }
  html body .mukel-bg--secondary-6 {
    background-color: #00b852; }
  html body .mukel-bg--secondary-7 {
    background-color: #08090f; }
  html body .mukel-bg--secondary-8 {
    background-color: #1a1a1a; }
  html body .mukel-bg--secondary-9 {
    background-color: #145c93; }
  html body .mukel-bg--secondary-10 {
    background-color: #329989; }
  html body .mukel-bg--secondary-11 {
    background-color: #d6ad14; }
  html body .mukel-bg--secondary-12 {
    background-color: #d16701; }
  html body .mukel-bg--secondary-13 {
    background-color: #446eff; }
  html body .mukel-bg--secondary-14 {
    background-color: #449B94; }
  html body .mukel-bg--secondary-15 {
    background-color: #f8f8f9; }
  html body .mukel-bg--premier-1 {
    background-color: #8b7866; }
  html body .mukel-bg--premier-2 {
    background-color: #6e5c4a; }
  html body .mukel-bg--premier-3 {
    background-color: #bfad98; }
  html body .mukel-bg--private-1 {
    background-color: #6a6d73; }
  html body .mukel-bg--private-2 {
    background-color: #72747b; }
  html body .mukel-bg--private-3 {
    background-color: #aaa7ae; }
  html body .mukel-bg--private-4 {
    background-color: #bdbdbd; }
  html body .mukel-bg--private-5 {
    background-color: #e7e7e7; }
  html body .mukel-bg--gray-1 {
    background-color: #313131; }
  html body .mukel-bg--gray-2 {
    background-color: #667584; }
  html body .mukel-bg--gray-3 {
    background-color: #80909f; }
  html body .mukel-bg--gray-4 {
    background-color: #939fab; }
  html body .mukel-bg--gray-5 {
    background-color: #c2c9d1; }
  html body .mukel-bg--gray-6 {
    background-color: #dae0e6; }
  html body .mukel-bg--gray-7 {
    background-color: #f0f1f5; }
  html body .mukel-bg--white {
    background-color: #fff; }
  html body .mukel-bg--black {
    background-color: #000; }
  html body .mukel-bg--social-facebook {
    background-color: #3b5998; }
  html body .mukel-bg--social-instagram {
    background-color: #c13584; }
  html body .mukel-bg--social-twitter {
    background-color: #1da1f2; }
  html body .mukel-bg--social-youtube {
    background-color: #ff0000; }
  html body .mukel-bg--social-whatsapp {
    background-color: #25d366; }
  html body .mukel-bg--social-line {
    background-color: #00c300; }
  html body .mukel-bg--social-linkedin {
    background-color: #0077b5; }
  html body .mukel-bg--error {
    background-color: #eb2629; }
  html body .mukel-bg--success {
    background-color: #00893d; }
  html body .mukel-bg--grad-primary {
    background-image: linear-gradient(113deg, #f14545 0%, #c41432 100%); }
  html body .mukel-bg--grad-premier {
    background-image: linear-gradient(113deg, #8b7866 0%, #6e5c4a 100%); }
  html body .mukel-bg--grad-premier-light {
    background-image: linear-gradient(113deg, #bfad98 0%, #8b7866 100%); }
  html body .mukel-bg--grad-private {
    background-image: linear-gradient(113deg, #aaa7ae 0%, #6a6d73 100%); }
  html body .mukel-bg--grad-private-light {
    background-image: linear-gradient(113deg, #e7e7e7 0%, #bdbdbd 100%); }
  html body .mukel-bg--grad-independence {
    background-image: linear-gradient(113deg, #ff474e 0%, #cc090c 100%); }
  html body .mukel-bg--grad-eid {
    background-image: linear-gradient(113deg, #d8fd00 0%, #005500 100%); }
  html body .mukel-bg--grad-year-end {
    background-image: linear-gradient(113deg, #dd0562 0%, #60082d 100%); }
  html body .mukel-bg--grad-anniversary {
    background-image: linear-gradient(113deg, #dd5a05 0%, #912303 100%); }
  html body .mukel-fz-hero {
    font-size: 5.6rem;
    line-height: 7.2rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-hero {
        font-size: 3.2rem;
        line-height: 4rem; } }
  html body .mukel-fz-h1 {
    font-size: 4.8rem;
    line-height: 5.6rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-h1 {
        font-size: 2.4rem;
        line-height: 3.2rem; } }
  html body .mukel-fz-h2 {
    font-size: 3.2rem;
    line-height: 4rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-h2 {
        font-size: 2rem;
        line-height: 3.2rem; } }
  html body .mukel-fz-h3 {
    font-size: 2.4rem;
    line-height: 3.2rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-h3 {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  html body .mukel-fz-h4 {
    font-size: 2rem;
    line-height: 3.2rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-h4 {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  html body .mukel-fz-h5 {
    font-size: 1.8rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-h5 {
        font-size: 1.7rem;
        line-height: 2.2rem; } }
  html body .mukel-fz-h6 {
    font-size: 1.7rem;
    line-height: 2.2rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-h6 {
        font-size: 1.7rem;
        line-height: 2.2rem; } }
  html body .mukel-fz-body {
    font-size: 1.6rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-body {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  html body .mukel-fz-label {
    font-size: 1.4rem;
    line-height: 2.4rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-label {
        font-size: 1.4rem;
        line-height: 2.4rem; } }
  html body .mukel-fz-small {
    font-size: 1.4rem;
    line-height: 2.2rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-small {
        font-size: 1.4rem;
        line-height: 2.2rem; } }
  html body .mukel-fz-micro {
    font-size: 1.2rem;
    line-height: 1.6rem; }
    @media only screen and (max-width: 767.98px) {
      html body .mukel-fz-micro {
        font-size: 1.2rem;
        line-height: 1.6rem; } }
  html body .mukel-fz-m-hero {
    font-size: 3.2rem;
    line-height: 4rem; }
  html body .mukel-fz-m-h1 {
    font-size: 2.4rem;
    line-height: 3.2rem; }
  html body .mukel-fz-m-h2 {
    font-size: 2rem;
    line-height: 3.2rem; }
  html body .mukel-fz-m-h3 {
    font-size: 1.8rem;
    line-height: 2.4rem; }
  html body .mukel-fz-m-h4 {
    font-size: 1.8rem;
    line-height: 2.4rem; }
  html body .mukel-fz-m-h5 {
    font-size: 1.7rem;
    line-height: 2.2rem; }
  html body .mukel-fz-m-h6 {
    font-size: 1.7rem;
    line-height: 2.2rem; }
  html body .mukel-fz-m-body {
    font-size: 1.6rem;
    line-height: 2.4rem; }
  html body .mukel-fz-m-label {
    font-size: 1.4rem;
    line-height: 2.4rem; }
  html body .mukel-fz-m-small {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  html body .mukel-fz-m-micro {
    font-size: 1.2rem;
    line-height: 1.6rem; }
  html body .mukel-fz-8 {
    font-size: 8px; }
  html body .mukel-fz-9 {
    font-size: 9px; }
  html body .mukel-fz-10 {
    font-size: 10px; }
  html body .mukel-fz-11 {
    font-size: 11px; }
  html body .mukel-fz-12 {
    font-size: 12px; }
  html body .mukel-fz-13 {
    font-size: 13px; }
  html body .mukel-fz-14 {
    font-size: 14px; }
  html body .mukel-fz-15 {
    font-size: 15px; }
  html body .mukel-fz-16 {
    font-size: 16px; }
  html body .mukel-fz-17 {
    font-size: 17px; }
  html body .mukel-fz-18 {
    font-size: 18px; }
  html body .mukel-fz-19 {
    font-size: 19px; }
  html body .mukel-fz-20 {
    font-size: 20px; }
  html body .mukel-fz-21 {
    font-size: 21px; }
  html body .mukel-fz-22 {
    font-size: 22px; }
  html body .mukel-fz-23 {
    font-size: 23px; }
  html body .mukel-fz-24 {
    font-size: 24px; }
  html body .mukel-fz-25 {
    font-size: 25px; }
  html body .mukel-fz-26 {
    font-size: 26px; }
  html body .mukel-fz-27 {
    font-size: 27px; }
  html body .mukel-fz-28 {
    font-size: 28px; }
  html body .mukel-fz-29 {
    font-size: 29px; }
  html body .mukel-fz-30 {
    font-size: 30px; }
  html body .mukel-fz-31 {
    font-size: 31px; }
  html body .mukel-fz-32 {
    font-size: 32px; }
  html body .mukel-fz-33 {
    font-size: 33px; }
  html body .mukel-fz-34 {
    font-size: 34px; }
  html body .mukel-fz-35 {
    font-size: 35px; }
  html body .mukel-fz-36 {
    font-size: 36px; }
  html body .mukel-fz-37 {
    font-size: 37px; }
  html body .mukel-fz-38 {
    font-size: 38px; }
  html body .mukel-fz-39 {
    font-size: 39px; }
  html body .mukel-fz-40 {
    font-size: 40px; }
  html body .mukel-fz-41 {
    font-size: 41px; }
  html body .mukel-fz-42 {
    font-size: 42px; }
  html body .mukel-fz-43 {
    font-size: 43px; }
  html body .mukel-fz-44 {
    font-size: 44px; }
  html body .mukel-fz-45 {
    font-size: 45px; }
  html body .mukel-fz-46 {
    font-size: 46px; }
  html body .mukel-fz-47 {
    font-size: 47px; }
  html body .mukel-fz-48 {
    font-size: 48px; }
  html body .mukel-fz-49 {
    font-size: 49px; }
  html body .mukel-fz-50 {
    font-size: 50px; }
  html body .mukel-fz-51 {
    font-size: 51px; }
  html body .mukel-fz-52 {
    font-size: 52px; }
  html body .mukel-fz-53 {
    font-size: 53px; }
  html body .mukel-fz-54 {
    font-size: 54px; }
  html body .mukel-fz-55 {
    font-size: 55px; }
  html body .mukel-fz-56 {
    font-size: 56px; }
  html body .mukel-fz-57 {
    font-size: 57px; }
  html body .mukel-fz-58 {
    font-size: 58px; }
  html body .mukel-fz-59 {
    font-size: 59px; }
  html body .mukel-fz-60 {
    font-size: 60px; }
  html body .mukel-fz-61 {
    font-size: 61px; }
  html body .mukel-fz-62 {
    font-size: 62px; }
  html body .mukel-fz-63 {
    font-size: 63px; }
  html body .mukel-fz-64 {
    font-size: 64px; }
  html body .mukel-fz-65 {
    font-size: 65px; }
  html body .mukel-fz-66 {
    font-size: 66px; }
  html body .mukel-fz-67 {
    font-size: 67px; }
  html body .mukel-fz-68 {
    font-size: 68px; }
  html body .mukel-fz-69 {
    font-size: 69px; }
  html body .mukel-fz-70 {
    font-size: 70px; }
  html body .mukel-fz-71 {
    font-size: 71px; }
  html body .mukel-fz-72 {
    font-size: 72px; }
  html body .mukel-fz-73 {
    font-size: 73px; }
  html body .mukel-fz-74 {
    font-size: 74px; }
  html body .mukel-fz-75 {
    font-size: 75px; }
  html body .mukel-fz-76 {
    font-size: 76px; }
  html body .mukel-fz-77 {
    font-size: 77px; }
  html body .mukel-fz-78 {
    font-size: 78px; }
  html body .mukel-fz-79 {
    font-size: 79px; }
  html body .mukel-fz-80 {
    font-size: 80px; }
  html body .mukel-fz-81 {
    font-size: 81px; }
  html body .mukel-fz-82 {
    font-size: 82px; }
  html body .mukel-fz-83 {
    font-size: 83px; }
  html body .mukel-fz-84 {
    font-size: 84px; }
  html body .mukel-fz-85 {
    font-size: 85px; }
  html body .mukel-fz-86 {
    font-size: 86px; }
  html body .mukel-fz-87 {
    font-size: 87px; }
  html body .mukel-fz-88 {
    font-size: 88px; }
  html body .mukel-fz-89 {
    font-size: 89px; }
  html body .mukel-fz-90 {
    font-size: 90px; }
  html body .mukel-fz-91 {
    font-size: 91px; }
  html body .mukel-fz-92 {
    font-size: 92px; }
  html body .mukel-fz-93 {
    font-size: 93px; }
  html body .mukel-fz-94 {
    font-size: 94px; }
  html body .mukel-fz-95 {
    font-size: 95px; }
  html body .mukel-fz-96 {
    font-size: 96px; }
  html body .mukel-fz-97 {
    font-size: 97px; }
  html body .mukel-fz-98 {
    font-size: 98px; }
  html body .mukel-fz-99 {
    font-size: 99px; }
  html body .mukel-fz-100 {
    font-size: 100px; }
  html body .mukel-fz-101 {
    font-size: 101px; }
  html body .mukel-fz-102 {
    font-size: 102px; }
  html body .mukel-fz-103 {
    font-size: 103px; }
  html body .mukel-fz-104 {
    font-size: 104px; }
  html body .mukel-fz-105 {
    font-size: 105px; }
  html body .mukel-fz-106 {
    font-size: 106px; }
  html body .mukel-fz-107 {
    font-size: 107px; }
  html body .mukel-fz-108 {
    font-size: 108px; }
  html body .mukel-fz-109 {
    font-size: 109px; }
  html body .mukel-fz-110 {
    font-size: 110px; }
  html body .mukel-fz-111 {
    font-size: 111px; }
  html body .mukel-fz-112 {
    font-size: 112px; }
  html body .mukel-fz-113 {
    font-size: 113px; }
  html body .mukel-fz-114 {
    font-size: 114px; }
  html body .mukel-fz-115 {
    font-size: 115px; }
  html body .mukel-fz-116 {
    font-size: 116px; }
  html body .mukel-fz-117 {
    font-size: 117px; }
  html body .mukel-fz-118 {
    font-size: 118px; }
  html body .mukel-fz-119 {
    font-size: 119px; }
  html body .mukel-fz-120 {
    font-size: 120px; }
  html body .mukel-fz-121 {
    font-size: 121px; }
  html body .mukel-fz-122 {
    font-size: 122px; }
  html body .mukel-fz-123 {
    font-size: 123px; }
  html body .mukel-fz-124 {
    font-size: 124px; }
  html body .mukel-fz-125 {
    font-size: 125px; }
  html body .mukel-fz-126 {
    font-size: 126px; }
  html body .mukel-fz-127 {
    font-size: 127px; }
  html body .mukel-fz-128 {
    font-size: 128px; }
  html body .mukel-fw-regular {
    font-weight: 400; }
  html body .mukel-fw-medium {
    font-weight: 500; }
  html body .mukel-fw-bold {
    font-weight: 700; }
  html body .mukel-fs-normal {
    font-style: normal; }
  html body .mukel-fs-italic {
    font-style: italic; }
  html body .mukel-fs-oblique {
    font-style: oblique; }
  html body .mukel-tt-lowercase {
    text-transform: lowercase; }
  html body .mukel-tt-uppercase {
    text-transform: uppercase; }
  html body .mukel-tt-capitalize {
    text-transform: capitalize; }
  html body .mukel-ta-l {
    text-align: left; }
  html body .mukel-ta-c {
    text-align: center; }
  html body .mukel-ta-r {
    text-align: right; }
  html body .mukel-ta-j {
    text-align: justify; }
  html body .mukel-va-t {
    vertical-align: top; }
  html body .mukel-va-m {
    vertical-align: middle; }
  html body .mukel-va-b {
    vertical-align: bottom; }
  html body .mukel-va-bl {
    vertical-align: baseline; }
  html body .mukel-clearfix::before, html body .mukel-clearfix::after,
  html body .mukel-cf::before,
  html body .mukel-cf::after {
    content: " ";
    display: table; }
  html body .mukel-clearfix::after,
  html body .mukel-cf::after {
    clear: both; }
  html body .mukel-p-0 {
    padding: 0px; }
  html body .mukel-px-0 {
    padding-left: 0px;
    padding-right: 0px; }
  html body .mukel-py-0 {
    padding-top: 0px;
    padding-bottom: 0px; }
  html body .mukel-pt-0 {
    padding-top: 0px; }
  html body .mukel-pr-0 {
    padding-right: 0px; }
  html body .mukel-pb-0 {
    padding-bottom: 0px; }
  html body .mukel-pl-0 {
    padding-left: 0px; }
  html body .mukel-p-1 {
    padding: 8px; }
  html body .mukel-px-1 {
    padding-left: 8px;
    padding-right: 8px; }
  html body .mukel-py-1 {
    padding-top: 8px;
    padding-bottom: 8px; }
  html body .mukel-pt-1 {
    padding-top: 8px; }
  html body .mukel-pr-1 {
    padding-right: 8px; }
  html body .mukel-pb-1 {
    padding-bottom: 8px; }
  html body .mukel-pl-1 {
    padding-left: 8px; }
  html body .mukel-p-2 {
    padding: 16px; }
  html body .mukel-px-2 {
    padding-left: 16px;
    padding-right: 16px; }
  html body .mukel-py-2 {
    padding-top: 16px;
    padding-bottom: 16px; }
  html body .mukel-pt-2 {
    padding-top: 16px; }
  html body .mukel-pr-2 {
    padding-right: 16px; }
  html body .mukel-pb-2 {
    padding-bottom: 16px; }
  html body .mukel-pl-2 {
    padding-left: 16px; }
  html body .mukel-p-3 {
    padding: 24px; }
  html body .mukel-px-3 {
    padding-left: 24px;
    padding-right: 24px; }
  html body .mukel-py-3 {
    padding-top: 24px;
    padding-bottom: 24px; }
  html body .mukel-pt-3 {
    padding-top: 24px; }
  html body .mukel-pr-3 {
    padding-right: 24px; }
  html body .mukel-pb-3 {
    padding-bottom: 24px; }
  html body .mukel-pl-3 {
    padding-left: 24px; }
  html body .mukel-p-4 {
    padding: 32px; }
  html body .mukel-px-4 {
    padding-left: 32px;
    padding-right: 32px; }
  html body .mukel-py-4 {
    padding-top: 32px;
    padding-bottom: 32px; }
  html body .mukel-pt-4 {
    padding-top: 32px; }
  html body .mukel-pr-4 {
    padding-right: 32px; }
  html body .mukel-pb-4 {
    padding-bottom: 32px; }
  html body .mukel-pl-4 {
    padding-left: 32px; }
  html body .mukel-p-5 {
    padding: 40px; }
  html body .mukel-px-5 {
    padding-left: 40px;
    padding-right: 40px; }
  html body .mukel-py-5 {
    padding-top: 40px;
    padding-bottom: 40px; }
  html body .mukel-pt-5 {
    padding-top: 40px; }
  html body .mukel-pr-5 {
    padding-right: 40px; }
  html body .mukel-pb-5 {
    padding-bottom: 40px; }
  html body .mukel-pl-5 {
    padding-left: 40px; }
  html body .mukel-p-6 {
    padding: 48px; }
  html body .mukel-px-6 {
    padding-left: 48px;
    padding-right: 48px; }
  html body .mukel-py-6 {
    padding-top: 48px;
    padding-bottom: 48px; }
  html body .mukel-pt-6 {
    padding-top: 48px; }
  html body .mukel-pr-6 {
    padding-right: 48px; }
  html body .mukel-pb-6 {
    padding-bottom: 48px; }
  html body .mukel-pl-6 {
    padding-left: 48px; }
  html body .mukel-p-7 {
    padding: 56px; }
  html body .mukel-px-7 {
    padding-left: 56px;
    padding-right: 56px; }
  html body .mukel-py-7 {
    padding-top: 56px;
    padding-bottom: 56px; }
  html body .mukel-pt-7 {
    padding-top: 56px; }
  html body .mukel-pr-7 {
    padding-right: 56px; }
  html body .mukel-pb-7 {
    padding-bottom: 56px; }
  html body .mukel-pl-7 {
    padding-left: 56px; }
  html body .mukel-p-8 {
    padding: 64px; }
  html body .mukel-px-8 {
    padding-left: 64px;
    padding-right: 64px; }
  html body .mukel-py-8 {
    padding-top: 64px;
    padding-bottom: 64px; }
  html body .mukel-pt-8 {
    padding-top: 64px; }
  html body .mukel-pr-8 {
    padding-right: 64px; }
  html body .mukel-pb-8 {
    padding-bottom: 64px; }
  html body .mukel-pl-8 {
    padding-left: 64px; }
  html body .mukel-p-9 {
    padding: 72px; }
  html body .mukel-px-9 {
    padding-left: 72px;
    padding-right: 72px; }
  html body .mukel-py-9 {
    padding-top: 72px;
    padding-bottom: 72px; }
  html body .mukel-pt-9 {
    padding-top: 72px; }
  html body .mukel-pr-9 {
    padding-right: 72px; }
  html body .mukel-pb-9 {
    padding-bottom: 72px; }
  html body .mukel-pl-9 {
    padding-left: 72px; }
  html body .mukel-p-10 {
    padding: 80px; }
  html body .mukel-px-10 {
    padding-left: 80px;
    padding-right: 80px; }
  html body .mukel-py-10 {
    padding-top: 80px;
    padding-bottom: 80px; }
  html body .mukel-pt-10 {
    padding-top: 80px; }
  html body .mukel-pr-10 {
    padding-right: 80px; }
  html body .mukel-pb-10 {
    padding-bottom: 80px; }
  html body .mukel-pl-10 {
    padding-left: 80px; }
  html body .mukel-p-11 {
    padding: 88px; }
  html body .mukel-px-11 {
    padding-left: 88px;
    padding-right: 88px; }
  html body .mukel-py-11 {
    padding-top: 88px;
    padding-bottom: 88px; }
  html body .mukel-pt-11 {
    padding-top: 88px; }
  html body .mukel-pr-11 {
    padding-right: 88px; }
  html body .mukel-pb-11 {
    padding-bottom: 88px; }
  html body .mukel-pl-11 {
    padding-left: 88px; }
  html body .mukel-p-12 {
    padding: 96px; }
  html body .mukel-px-12 {
    padding-left: 96px;
    padding-right: 96px; }
  html body .mukel-py-12 {
    padding-top: 96px;
    padding-bottom: 96px; }
  html body .mukel-pt-12 {
    padding-top: 96px; }
  html body .mukel-pr-12 {
    padding-right: 96px; }
  html body .mukel-pb-12 {
    padding-bottom: 96px; }
  html body .mukel-pl-12 {
    padding-left: 96px; }
  html body .mukel-p-13 {
    padding: 104px; }
  html body .mukel-px-13 {
    padding-left: 104px;
    padding-right: 104px; }
  html body .mukel-py-13 {
    padding-top: 104px;
    padding-bottom: 104px; }
  html body .mukel-pt-13 {
    padding-top: 104px; }
  html body .mukel-pr-13 {
    padding-right: 104px; }
  html body .mukel-pb-13 {
    padding-bottom: 104px; }
  html body .mukel-pl-13 {
    padding-left: 104px; }
  html body .mukel-p-14 {
    padding: 112px; }
  html body .mukel-px-14 {
    padding-left: 112px;
    padding-right: 112px; }
  html body .mukel-py-14 {
    padding-top: 112px;
    padding-bottom: 112px; }
  html body .mukel-pt-14 {
    padding-top: 112px; }
  html body .mukel-pr-14 {
    padding-right: 112px; }
  html body .mukel-pb-14 {
    padding-bottom: 112px; }
  html body .mukel-pl-14 {
    padding-left: 112px; }
  html body .mukel-p-15 {
    padding: 120px; }
  html body .mukel-px-15 {
    padding-left: 120px;
    padding-right: 120px; }
  html body .mukel-py-15 {
    padding-top: 120px;
    padding-bottom: 120px; }
  html body .mukel-pt-15 {
    padding-top: 120px; }
  html body .mukel-pr-15 {
    padding-right: 120px; }
  html body .mukel-pb-15 {
    padding-bottom: 120px; }
  html body .mukel-pl-15 {
    padding-left: 120px; }
  html body .mukel-p-16 {
    padding: 128px; }
  html body .mukel-px-16 {
    padding-left: 128px;
    padding-right: 128px; }
  html body .mukel-py-16 {
    padding-top: 128px;
    padding-bottom: 128px; }
  html body .mukel-pt-16 {
    padding-top: 128px; }
  html body .mukel-pr-16 {
    padding-right: 128px; }
  html body .mukel-pb-16 {
    padding-bottom: 128px; }
  html body .mukel-pl-16 {
    padding-left: 128px; }
  html body .mukel-p-17 {
    padding: 136px; }
  html body .mukel-px-17 {
    padding-left: 136px;
    padding-right: 136px; }
  html body .mukel-py-17 {
    padding-top: 136px;
    padding-bottom: 136px; }
  html body .mukel-pt-17 {
    padding-top: 136px; }
  html body .mukel-pr-17 {
    padding-right: 136px; }
  html body .mukel-pb-17 {
    padding-bottom: 136px; }
  html body .mukel-pl-17 {
    padding-left: 136px; }
  html body .mukel-p-18 {
    padding: 144px; }
  html body .mukel-px-18 {
    padding-left: 144px;
    padding-right: 144px; }
  html body .mukel-py-18 {
    padding-top: 144px;
    padding-bottom: 144px; }
  html body .mukel-pt-18 {
    padding-top: 144px; }
  html body .mukel-pr-18 {
    padding-right: 144px; }
  html body .mukel-pb-18 {
    padding-bottom: 144px; }
  html body .mukel-pl-18 {
    padding-left: 144px; }
  html body .mukel-p-19 {
    padding: 152px; }
  html body .mukel-px-19 {
    padding-left: 152px;
    padding-right: 152px; }
  html body .mukel-py-19 {
    padding-top: 152px;
    padding-bottom: 152px; }
  html body .mukel-pt-19 {
    padding-top: 152px; }
  html body .mukel-pr-19 {
    padding-right: 152px; }
  html body .mukel-pb-19 {
    padding-bottom: 152px; }
  html body .mukel-pl-19 {
    padding-left: 152px; }
  html body .mukel-p-20 {
    padding: 160px; }
  html body .mukel-px-20 {
    padding-left: 160px;
    padding-right: 160px; }
  html body .mukel-py-20 {
    padding-top: 160px;
    padding-bottom: 160px; }
  html body .mukel-pt-20 {
    padding-top: 160px; }
  html body .mukel-pr-20 {
    padding-right: 160px; }
  html body .mukel-pb-20 {
    padding-bottom: 160px; }
  html body .mukel-pl-20 {
    padding-left: 160px; }
  html body .mukel-p-21 {
    padding: 168px; }
  html body .mukel-px-21 {
    padding-left: 168px;
    padding-right: 168px; }
  html body .mukel-py-21 {
    padding-top: 168px;
    padding-bottom: 168px; }
  html body .mukel-pt-21 {
    padding-top: 168px; }
  html body .mukel-pr-21 {
    padding-right: 168px; }
  html body .mukel-pb-21 {
    padding-bottom: 168px; }
  html body .mukel-pl-21 {
    padding-left: 168px; }
  html body .mukel-p-22 {
    padding: 176px; }
  html body .mukel-px-22 {
    padding-left: 176px;
    padding-right: 176px; }
  html body .mukel-py-22 {
    padding-top: 176px;
    padding-bottom: 176px; }
  html body .mukel-pt-22 {
    padding-top: 176px; }
  html body .mukel-pr-22 {
    padding-right: 176px; }
  html body .mukel-pb-22 {
    padding-bottom: 176px; }
  html body .mukel-pl-22 {
    padding-left: 176px; }
  html body .mukel-p-23 {
    padding: 184px; }
  html body .mukel-px-23 {
    padding-left: 184px;
    padding-right: 184px; }
  html body .mukel-py-23 {
    padding-top: 184px;
    padding-bottom: 184px; }
  html body .mukel-pt-23 {
    padding-top: 184px; }
  html body .mukel-pr-23 {
    padding-right: 184px; }
  html body .mukel-pb-23 {
    padding-bottom: 184px; }
  html body .mukel-pl-23 {
    padding-left: 184px; }
  html body .mukel-p-24 {
    padding: 192px; }
  html body .mukel-px-24 {
    padding-left: 192px;
    padding-right: 192px; }
  html body .mukel-py-24 {
    padding-top: 192px;
    padding-bottom: 192px; }
  html body .mukel-pt-24 {
    padding-top: 192px; }
  html body .mukel-pr-24 {
    padding-right: 192px; }
  html body .mukel-pb-24 {
    padding-bottom: 192px; }
  html body .mukel-pl-24 {
    padding-left: 192px; }
  html body .mukel-p-25 {
    padding: 200px; }
  html body .mukel-px-25 {
    padding-left: 200px;
    padding-right: 200px; }
  html body .mukel-py-25 {
    padding-top: 200px;
    padding-bottom: 200px; }
  html body .mukel-pt-25 {
    padding-top: 200px; }
  html body .mukel-pr-25 {
    padding-right: 200px; }
  html body .mukel-pb-25 {
    padding-bottom: 200px; }
  html body .mukel-pl-25 {
    padding-left: 200px; }
  html body .mukel-p-26 {
    padding: 208px; }
  html body .mukel-px-26 {
    padding-left: 208px;
    padding-right: 208px; }
  html body .mukel-py-26 {
    padding-top: 208px;
    padding-bottom: 208px; }
  html body .mukel-pt-26 {
    padding-top: 208px; }
  html body .mukel-pr-26 {
    padding-right: 208px; }
  html body .mukel-pb-26 {
    padding-bottom: 208px; }
  html body .mukel-pl-26 {
    padding-left: 208px; }
  html body .mukel-p-27 {
    padding: 216px; }
  html body .mukel-px-27 {
    padding-left: 216px;
    padding-right: 216px; }
  html body .mukel-py-27 {
    padding-top: 216px;
    padding-bottom: 216px; }
  html body .mukel-pt-27 {
    padding-top: 216px; }
  html body .mukel-pr-27 {
    padding-right: 216px; }
  html body .mukel-pb-27 {
    padding-bottom: 216px; }
  html body .mukel-pl-27 {
    padding-left: 216px; }
  html body .mukel-p-28 {
    padding: 224px; }
  html body .mukel-px-28 {
    padding-left: 224px;
    padding-right: 224px; }
  html body .mukel-py-28 {
    padding-top: 224px;
    padding-bottom: 224px; }
  html body .mukel-pt-28 {
    padding-top: 224px; }
  html body .mukel-pr-28 {
    padding-right: 224px; }
  html body .mukel-pb-28 {
    padding-bottom: 224px; }
  html body .mukel-pl-28 {
    padding-left: 224px; }
  html body .mukel-p-29 {
    padding: 232px; }
  html body .mukel-px-29 {
    padding-left: 232px;
    padding-right: 232px; }
  html body .mukel-py-29 {
    padding-top: 232px;
    padding-bottom: 232px; }
  html body .mukel-pt-29 {
    padding-top: 232px; }
  html body .mukel-pr-29 {
    padding-right: 232px; }
  html body .mukel-pb-29 {
    padding-bottom: 232px; }
  html body .mukel-pl-29 {
    padding-left: 232px; }
  html body .mukel-p-30 {
    padding: 240px; }
  html body .mukel-px-30 {
    padding-left: 240px;
    padding-right: 240px; }
  html body .mukel-py-30 {
    padding-top: 240px;
    padding-bottom: 240px; }
  html body .mukel-pt-30 {
    padding-top: 240px; }
  html body .mukel-pr-30 {
    padding-right: 240px; }
  html body .mukel-pb-30 {
    padding-bottom: 240px; }
  html body .mukel-pl-30 {
    padding-left: 240px; }
  html body .mukel-p-31 {
    padding: 248px; }
  html body .mukel-px-31 {
    padding-left: 248px;
    padding-right: 248px; }
  html body .mukel-py-31 {
    padding-top: 248px;
    padding-bottom: 248px; }
  html body .mukel-pt-31 {
    padding-top: 248px; }
  html body .mukel-pr-31 {
    padding-right: 248px; }
  html body .mukel-pb-31 {
    padding-bottom: 248px; }
  html body .mukel-pl-31 {
    padding-left: 248px; }
  html body .mukel-p-32 {
    padding: 256px; }
  html body .mukel-px-32 {
    padding-left: 256px;
    padding-right: 256px; }
  html body .mukel-py-32 {
    padding-top: 256px;
    padding-bottom: 256px; }
  html body .mukel-pt-32 {
    padding-top: 256px; }
  html body .mukel-pr-32 {
    padding-right: 256px; }
  html body .mukel-pb-32 {
    padding-bottom: 256px; }
  html body .mukel-pl-32 {
    padding-left: 256px; }
  html body .mukel-p-33 {
    padding: 264px; }
  html body .mukel-px-33 {
    padding-left: 264px;
    padding-right: 264px; }
  html body .mukel-py-33 {
    padding-top: 264px;
    padding-bottom: 264px; }
  html body .mukel-pt-33 {
    padding-top: 264px; }
  html body .mukel-pr-33 {
    padding-right: 264px; }
  html body .mukel-pb-33 {
    padding-bottom: 264px; }
  html body .mukel-pl-33 {
    padding-left: 264px; }
  html body .mukel-p-34 {
    padding: 272px; }
  html body .mukel-px-34 {
    padding-left: 272px;
    padding-right: 272px; }
  html body .mukel-py-34 {
    padding-top: 272px;
    padding-bottom: 272px; }
  html body .mukel-pt-34 {
    padding-top: 272px; }
  html body .mukel-pr-34 {
    padding-right: 272px; }
  html body .mukel-pb-34 {
    padding-bottom: 272px; }
  html body .mukel-pl-34 {
    padding-left: 272px; }
  html body .mukel-p-35 {
    padding: 280px; }
  html body .mukel-px-35 {
    padding-left: 280px;
    padding-right: 280px; }
  html body .mukel-py-35 {
    padding-top: 280px;
    padding-bottom: 280px; }
  html body .mukel-pt-35 {
    padding-top: 280px; }
  html body .mukel-pr-35 {
    padding-right: 280px; }
  html body .mukel-pb-35 {
    padding-bottom: 280px; }
  html body .mukel-pl-35 {
    padding-left: 280px; }
  html body .mukel-p-36 {
    padding: 288px; }
  html body .mukel-px-36 {
    padding-left: 288px;
    padding-right: 288px; }
  html body .mukel-py-36 {
    padding-top: 288px;
    padding-bottom: 288px; }
  html body .mukel-pt-36 {
    padding-top: 288px; }
  html body .mukel-pr-36 {
    padding-right: 288px; }
  html body .mukel-pb-36 {
    padding-bottom: 288px; }
  html body .mukel-pl-36 {
    padding-left: 288px; }
  html body .mukel-p-37 {
    padding: 296px; }
  html body .mukel-px-37 {
    padding-left: 296px;
    padding-right: 296px; }
  html body .mukel-py-37 {
    padding-top: 296px;
    padding-bottom: 296px; }
  html body .mukel-pt-37 {
    padding-top: 296px; }
  html body .mukel-pr-37 {
    padding-right: 296px; }
  html body .mukel-pb-37 {
    padding-bottom: 296px; }
  html body .mukel-pl-37 {
    padding-left: 296px; }
  html body .mukel-p-38 {
    padding: 304px; }
  html body .mukel-px-38 {
    padding-left: 304px;
    padding-right: 304px; }
  html body .mukel-py-38 {
    padding-top: 304px;
    padding-bottom: 304px; }
  html body .mukel-pt-38 {
    padding-top: 304px; }
  html body .mukel-pr-38 {
    padding-right: 304px; }
  html body .mukel-pb-38 {
    padding-bottom: 304px; }
  html body .mukel-pl-38 {
    padding-left: 304px; }
  html body .mukel-p-39 {
    padding: 312px; }
  html body .mukel-px-39 {
    padding-left: 312px;
    padding-right: 312px; }
  html body .mukel-py-39 {
    padding-top: 312px;
    padding-bottom: 312px; }
  html body .mukel-pt-39 {
    padding-top: 312px; }
  html body .mukel-pr-39 {
    padding-right: 312px; }
  html body .mukel-pb-39 {
    padding-bottom: 312px; }
  html body .mukel-pl-39 {
    padding-left: 312px; }
  html body .mukel-p-40 {
    padding: 320px; }
  html body .mukel-px-40 {
    padding-left: 320px;
    padding-right: 320px; }
  html body .mukel-py-40 {
    padding-top: 320px;
    padding-bottom: 320px; }
  html body .mukel-pt-40 {
    padding-top: 320px; }
  html body .mukel-pr-40 {
    padding-right: 320px; }
  html body .mukel-pb-40 {
    padding-bottom: 320px; }
  html body .mukel-pl-40 {
    padding-left: 320px; }
  html body .mukel-p-41 {
    padding: 328px; }
  html body .mukel-px-41 {
    padding-left: 328px;
    padding-right: 328px; }
  html body .mukel-py-41 {
    padding-top: 328px;
    padding-bottom: 328px; }
  html body .mukel-pt-41 {
    padding-top: 328px; }
  html body .mukel-pr-41 {
    padding-right: 328px; }
  html body .mukel-pb-41 {
    padding-bottom: 328px; }
  html body .mukel-pl-41 {
    padding-left: 328px; }
  html body .mukel-p-42 {
    padding: 336px; }
  html body .mukel-px-42 {
    padding-left: 336px;
    padding-right: 336px; }
  html body .mukel-py-42 {
    padding-top: 336px;
    padding-bottom: 336px; }
  html body .mukel-pt-42 {
    padding-top: 336px; }
  html body .mukel-pr-42 {
    padding-right: 336px; }
  html body .mukel-pb-42 {
    padding-bottom: 336px; }
  html body .mukel-pl-42 {
    padding-left: 336px; }
  html body .mukel-p-43 {
    padding: 344px; }
  html body .mukel-px-43 {
    padding-left: 344px;
    padding-right: 344px; }
  html body .mukel-py-43 {
    padding-top: 344px;
    padding-bottom: 344px; }
  html body .mukel-pt-43 {
    padding-top: 344px; }
  html body .mukel-pr-43 {
    padding-right: 344px; }
  html body .mukel-pb-43 {
    padding-bottom: 344px; }
  html body .mukel-pl-43 {
    padding-left: 344px; }
  html body .mukel-p-44 {
    padding: 352px; }
  html body .mukel-px-44 {
    padding-left: 352px;
    padding-right: 352px; }
  html body .mukel-py-44 {
    padding-top: 352px;
    padding-bottom: 352px; }
  html body .mukel-pt-44 {
    padding-top: 352px; }
  html body .mukel-pr-44 {
    padding-right: 352px; }
  html body .mukel-pb-44 {
    padding-bottom: 352px; }
  html body .mukel-pl-44 {
    padding-left: 352px; }
  html body .mukel-p-45 {
    padding: 360px; }
  html body .mukel-px-45 {
    padding-left: 360px;
    padding-right: 360px; }
  html body .mukel-py-45 {
    padding-top: 360px;
    padding-bottom: 360px; }
  html body .mukel-pt-45 {
    padding-top: 360px; }
  html body .mukel-pr-45 {
    padding-right: 360px; }
  html body .mukel-pb-45 {
    padding-bottom: 360px; }
  html body .mukel-pl-45 {
    padding-left: 360px; }
  html body .mukel-p-46 {
    padding: 368px; }
  html body .mukel-px-46 {
    padding-left: 368px;
    padding-right: 368px; }
  html body .mukel-py-46 {
    padding-top: 368px;
    padding-bottom: 368px; }
  html body .mukel-pt-46 {
    padding-top: 368px; }
  html body .mukel-pr-46 {
    padding-right: 368px; }
  html body .mukel-pb-46 {
    padding-bottom: 368px; }
  html body .mukel-pl-46 {
    padding-left: 368px; }
  html body .mukel-p-47 {
    padding: 376px; }
  html body .mukel-px-47 {
    padding-left: 376px;
    padding-right: 376px; }
  html body .mukel-py-47 {
    padding-top: 376px;
    padding-bottom: 376px; }
  html body .mukel-pt-47 {
    padding-top: 376px; }
  html body .mukel-pr-47 {
    padding-right: 376px; }
  html body .mukel-pb-47 {
    padding-bottom: 376px; }
  html body .mukel-pl-47 {
    padding-left: 376px; }
  html body .mukel-p-48 {
    padding: 384px; }
  html body .mukel-px-48 {
    padding-left: 384px;
    padding-right: 384px; }
  html body .mukel-py-48 {
    padding-top: 384px;
    padding-bottom: 384px; }
  html body .mukel-pt-48 {
    padding-top: 384px; }
  html body .mukel-pr-48 {
    padding-right: 384px; }
  html body .mukel-pb-48 {
    padding-bottom: 384px; }
  html body .mukel-pl-48 {
    padding-left: 384px; }
  html body .mukel-p-49 {
    padding: 392px; }
  html body .mukel-px-49 {
    padding-left: 392px;
    padding-right: 392px; }
  html body .mukel-py-49 {
    padding-top: 392px;
    padding-bottom: 392px; }
  html body .mukel-pt-49 {
    padding-top: 392px; }
  html body .mukel-pr-49 {
    padding-right: 392px; }
  html body .mukel-pb-49 {
    padding-bottom: 392px; }
  html body .mukel-pl-49 {
    padding-left: 392px; }
  html body .mukel-p-50 {
    padding: 400px; }
  html body .mukel-px-50 {
    padding-left: 400px;
    padding-right: 400px; }
  html body .mukel-py-50 {
    padding-top: 400px;
    padding-bottom: 400px; }
  html body .mukel-pt-50 {
    padding-top: 400px; }
  html body .mukel-pr-50 {
    padding-right: 400px; }
  html body .mukel-pb-50 {
    padding-bottom: 400px; }
  html body .mukel-pl-50 {
    padding-left: 400px; }
  html body .mukel-m-auto {
    margin: auto; }
  html body .mukel-mx-auto {
    margin-left: auto;
    margin-right: auto; }
  html body .mukel-my-auto {
    margin-top: auto;
    margin-bottom: auto; }
  html body .mukel-mt-auto {
    margin-top: auto; }
  html body .mukel-mr-auto {
    margin-right: auto; }
  html body .mukel-mb-auto {
    margin-bottom: auto; }
  html body .mukel-ml-auto {
    margin-left: auto; }
  html body .mukel-m-0 {
    margin: 0px; }
  html body .mukel-mx-0 {
    margin-left: 0px;
    margin-right: 0px; }
  html body .mukel-my-0 {
    margin-top: 0px;
    margin-bottom: 0px; }
  html body .mukel-mt-0 {
    margin-top: 0px; }
  html body .mukel-mr-0 {
    margin-right: 0px; }
  html body .mukel-mb-0 {
    margin-bottom: 0px; }
  html body .mukel-ml-0 {
    margin-left: 0px; }
  html body .mukel-m-1 {
    margin: 8px; }
  html body .mukel-mx-1 {
    margin-left: 8px;
    margin-right: 8px; }
  html body .mukel-my-1 {
    margin-top: 8px;
    margin-bottom: 8px; }
  html body .mukel-mt-1 {
    margin-top: 8px; }
  html body .mukel-mr-1 {
    margin-right: 8px; }
  html body .mukel-mb-1 {
    margin-bottom: 8px; }
  html body .mukel-ml-1 {
    margin-left: 8px; }
  html body .mukel-m-2 {
    margin: 16px; }
  html body .mukel-mx-2 {
    margin-left: 16px;
    margin-right: 16px; }
  html body .mukel-my-2 {
    margin-top: 16px;
    margin-bottom: 16px; }
  html body .mukel-mt-2 {
    margin-top: 16px; }
  html body .mukel-mr-2 {
    margin-right: 16px; }
  html body .mukel-mb-2 {
    margin-bottom: 16px; }
  html body .mukel-ml-2 {
    margin-left: 16px; }
  html body .mukel-m-3 {
    margin: 24px; }
  html body .mukel-mx-3 {
    margin-left: 24px;
    margin-right: 24px; }
  html body .mukel-my-3 {
    margin-top: 24px;
    margin-bottom: 24px; }
  html body .mukel-mt-3 {
    margin-top: 24px; }
  html body .mukel-mr-3 {
    margin-right: 24px; }
  html body .mukel-mb-3 {
    margin-bottom: 24px; }
  html body .mukel-ml-3 {
    margin-left: 24px; }
  html body .mukel-m-4 {
    margin: 32px; }
  html body .mukel-mx-4 {
    margin-left: 32px;
    margin-right: 32px; }
  html body .mukel-my-4 {
    margin-top: 32px;
    margin-bottom: 32px; }
  html body .mukel-mt-4 {
    margin-top: 32px; }
  html body .mukel-mr-4 {
    margin-right: 32px; }
  html body .mukel-mb-4 {
    margin-bottom: 32px; }
  html body .mukel-ml-4 {
    margin-left: 32px; }
  html body .mukel-m-5 {
    margin: 40px; }
  html body .mukel-mx-5 {
    margin-left: 40px;
    margin-right: 40px; }
  html body .mukel-my-5 {
    margin-top: 40px;
    margin-bottom: 40px; }
  html body .mukel-mt-5 {
    margin-top: 40px; }
  html body .mukel-mr-5 {
    margin-right: 40px; }
  html body .mukel-mb-5 {
    margin-bottom: 40px; }
  html body .mukel-ml-5 {
    margin-left: 40px; }
  html body .mukel-m-6 {
    margin: 48px; }
  html body .mukel-mx-6 {
    margin-left: 48px;
    margin-right: 48px; }
  html body .mukel-my-6 {
    margin-top: 48px;
    margin-bottom: 48px; }
  html body .mukel-mt-6 {
    margin-top: 48px; }
  html body .mukel-mr-6 {
    margin-right: 48px; }
  html body .mukel-mb-6 {
    margin-bottom: 48px; }
  html body .mukel-ml-6 {
    margin-left: 48px; }
  html body .mukel-m-7 {
    margin: 56px; }
  html body .mukel-mx-7 {
    margin-left: 56px;
    margin-right: 56px; }
  html body .mukel-my-7 {
    margin-top: 56px;
    margin-bottom: 56px; }
  html body .mukel-mt-7 {
    margin-top: 56px; }
  html body .mukel-mr-7 {
    margin-right: 56px; }
  html body .mukel-mb-7 {
    margin-bottom: 56px; }
  html body .mukel-ml-7 {
    margin-left: 56px; }
  html body .mukel-m-8 {
    margin: 64px; }
  html body .mukel-mx-8 {
    margin-left: 64px;
    margin-right: 64px; }
  html body .mukel-my-8 {
    margin-top: 64px;
    margin-bottom: 64px; }
  html body .mukel-mt-8 {
    margin-top: 64px; }
  html body .mukel-mr-8 {
    margin-right: 64px; }
  html body .mukel-mb-8 {
    margin-bottom: 64px; }
  html body .mukel-ml-8 {
    margin-left: 64px; }
  html body .mukel-m-9 {
    margin: 72px; }
  html body .mukel-mx-9 {
    margin-left: 72px;
    margin-right: 72px; }
  html body .mukel-my-9 {
    margin-top: 72px;
    margin-bottom: 72px; }
  html body .mukel-mt-9 {
    margin-top: 72px; }
  html body .mukel-mr-9 {
    margin-right: 72px; }
  html body .mukel-mb-9 {
    margin-bottom: 72px; }
  html body .mukel-ml-9 {
    margin-left: 72px; }
  html body .mukel-m-10 {
    margin: 80px; }
  html body .mukel-mx-10 {
    margin-left: 80px;
    margin-right: 80px; }
  html body .mukel-my-10 {
    margin-top: 80px;
    margin-bottom: 80px; }
  html body .mukel-mt-10 {
    margin-top: 80px; }
  html body .mukel-mr-10 {
    margin-right: 80px; }
  html body .mukel-mb-10 {
    margin-bottom: 80px; }
  html body .mukel-ml-10 {
    margin-left: 80px; }
  html body .mukel-m-11 {
    margin: 88px; }
  html body .mukel-mx-11 {
    margin-left: 88px;
    margin-right: 88px; }
  html body .mukel-my-11 {
    margin-top: 88px;
    margin-bottom: 88px; }
  html body .mukel-mt-11 {
    margin-top: 88px; }
  html body .mukel-mr-11 {
    margin-right: 88px; }
  html body .mukel-mb-11 {
    margin-bottom: 88px; }
  html body .mukel-ml-11 {
    margin-left: 88px; }
  html body .mukel-m-12 {
    margin: 96px; }
  html body .mukel-mx-12 {
    margin-left: 96px;
    margin-right: 96px; }
  html body .mukel-my-12 {
    margin-top: 96px;
    margin-bottom: 96px; }
  html body .mukel-mt-12 {
    margin-top: 96px; }
  html body .mukel-mr-12 {
    margin-right: 96px; }
  html body .mukel-mb-12 {
    margin-bottom: 96px; }
  html body .mukel-ml-12 {
    margin-left: 96px; }
  html body .mukel-m-13 {
    margin: 104px; }
  html body .mukel-mx-13 {
    margin-left: 104px;
    margin-right: 104px; }
  html body .mukel-my-13 {
    margin-top: 104px;
    margin-bottom: 104px; }
  html body .mukel-mt-13 {
    margin-top: 104px; }
  html body .mukel-mr-13 {
    margin-right: 104px; }
  html body .mukel-mb-13 {
    margin-bottom: 104px; }
  html body .mukel-ml-13 {
    margin-left: 104px; }
  html body .mukel-m-14 {
    margin: 112px; }
  html body .mukel-mx-14 {
    margin-left: 112px;
    margin-right: 112px; }
  html body .mukel-my-14 {
    margin-top: 112px;
    margin-bottom: 112px; }
  html body .mukel-mt-14 {
    margin-top: 112px; }
  html body .mukel-mr-14 {
    margin-right: 112px; }
  html body .mukel-mb-14 {
    margin-bottom: 112px; }
  html body .mukel-ml-14 {
    margin-left: 112px; }
  html body .mukel-m-15 {
    margin: 120px; }
  html body .mukel-mx-15 {
    margin-left: 120px;
    margin-right: 120px; }
  html body .mukel-my-15 {
    margin-top: 120px;
    margin-bottom: 120px; }
  html body .mukel-mt-15 {
    margin-top: 120px; }
  html body .mukel-mr-15 {
    margin-right: 120px; }
  html body .mukel-mb-15 {
    margin-bottom: 120px; }
  html body .mukel-ml-15 {
    margin-left: 120px; }
  html body .mukel-m-16 {
    margin: 128px; }
  html body .mukel-mx-16 {
    margin-left: 128px;
    margin-right: 128px; }
  html body .mukel-my-16 {
    margin-top: 128px;
    margin-bottom: 128px; }
  html body .mukel-mt-16 {
    margin-top: 128px; }
  html body .mukel-mr-16 {
    margin-right: 128px; }
  html body .mukel-mb-16 {
    margin-bottom: 128px; }
  html body .mukel-ml-16 {
    margin-left: 128px; }
  html body .mukel-m-17 {
    margin: 136px; }
  html body .mukel-mx-17 {
    margin-left: 136px;
    margin-right: 136px; }
  html body .mukel-my-17 {
    margin-top: 136px;
    margin-bottom: 136px; }
  html body .mukel-mt-17 {
    margin-top: 136px; }
  html body .mukel-mr-17 {
    margin-right: 136px; }
  html body .mukel-mb-17 {
    margin-bottom: 136px; }
  html body .mukel-ml-17 {
    margin-left: 136px; }
  html body .mukel-m-18 {
    margin: 144px; }
  html body .mukel-mx-18 {
    margin-left: 144px;
    margin-right: 144px; }
  html body .mukel-my-18 {
    margin-top: 144px;
    margin-bottom: 144px; }
  html body .mukel-mt-18 {
    margin-top: 144px; }
  html body .mukel-mr-18 {
    margin-right: 144px; }
  html body .mukel-mb-18 {
    margin-bottom: 144px; }
  html body .mukel-ml-18 {
    margin-left: 144px; }
  html body .mukel-m-19 {
    margin: 152px; }
  html body .mukel-mx-19 {
    margin-left: 152px;
    margin-right: 152px; }
  html body .mukel-my-19 {
    margin-top: 152px;
    margin-bottom: 152px; }
  html body .mukel-mt-19 {
    margin-top: 152px; }
  html body .mukel-mr-19 {
    margin-right: 152px; }
  html body .mukel-mb-19 {
    margin-bottom: 152px; }
  html body .mukel-ml-19 {
    margin-left: 152px; }
  html body .mukel-m-20 {
    margin: 160px; }
  html body .mukel-mx-20 {
    margin-left: 160px;
    margin-right: 160px; }
  html body .mukel-my-20 {
    margin-top: 160px;
    margin-bottom: 160px; }
  html body .mukel-mt-20 {
    margin-top: 160px; }
  html body .mukel-mr-20 {
    margin-right: 160px; }
  html body .mukel-mb-20 {
    margin-bottom: 160px; }
  html body .mukel-ml-20 {
    margin-left: 160px; }
  html body .mukel-m-21 {
    margin: 168px; }
  html body .mukel-mx-21 {
    margin-left: 168px;
    margin-right: 168px; }
  html body .mukel-my-21 {
    margin-top: 168px;
    margin-bottom: 168px; }
  html body .mukel-mt-21 {
    margin-top: 168px; }
  html body .mukel-mr-21 {
    margin-right: 168px; }
  html body .mukel-mb-21 {
    margin-bottom: 168px; }
  html body .mukel-ml-21 {
    margin-left: 168px; }
  html body .mukel-m-22 {
    margin: 176px; }
  html body .mukel-mx-22 {
    margin-left: 176px;
    margin-right: 176px; }
  html body .mukel-my-22 {
    margin-top: 176px;
    margin-bottom: 176px; }
  html body .mukel-mt-22 {
    margin-top: 176px; }
  html body .mukel-mr-22 {
    margin-right: 176px; }
  html body .mukel-mb-22 {
    margin-bottom: 176px; }
  html body .mukel-ml-22 {
    margin-left: 176px; }
  html body .mukel-m-23 {
    margin: 184px; }
  html body .mukel-mx-23 {
    margin-left: 184px;
    margin-right: 184px; }
  html body .mukel-my-23 {
    margin-top: 184px;
    margin-bottom: 184px; }
  html body .mukel-mt-23 {
    margin-top: 184px; }
  html body .mukel-mr-23 {
    margin-right: 184px; }
  html body .mukel-mb-23 {
    margin-bottom: 184px; }
  html body .mukel-ml-23 {
    margin-left: 184px; }
  html body .mukel-m-24 {
    margin: 192px; }
  html body .mukel-mx-24 {
    margin-left: 192px;
    margin-right: 192px; }
  html body .mukel-my-24 {
    margin-top: 192px;
    margin-bottom: 192px; }
  html body .mukel-mt-24 {
    margin-top: 192px; }
  html body .mukel-mr-24 {
    margin-right: 192px; }
  html body .mukel-mb-24 {
    margin-bottom: 192px; }
  html body .mukel-ml-24 {
    margin-left: 192px; }
  html body .mukel-m-25 {
    margin: 200px; }
  html body .mukel-mx-25 {
    margin-left: 200px;
    margin-right: 200px; }
  html body .mukel-my-25 {
    margin-top: 200px;
    margin-bottom: 200px; }
  html body .mukel-mt-25 {
    margin-top: 200px; }
  html body .mukel-mr-25 {
    margin-right: 200px; }
  html body .mukel-mb-25 {
    margin-bottom: 200px; }
  html body .mukel-ml-25 {
    margin-left: 200px; }
  html body .mukel-m-26 {
    margin: 208px; }
  html body .mukel-mx-26 {
    margin-left: 208px;
    margin-right: 208px; }
  html body .mukel-my-26 {
    margin-top: 208px;
    margin-bottom: 208px; }
  html body .mukel-mt-26 {
    margin-top: 208px; }
  html body .mukel-mr-26 {
    margin-right: 208px; }
  html body .mukel-mb-26 {
    margin-bottom: 208px; }
  html body .mukel-ml-26 {
    margin-left: 208px; }
  html body .mukel-m-27 {
    margin: 216px; }
  html body .mukel-mx-27 {
    margin-left: 216px;
    margin-right: 216px; }
  html body .mukel-my-27 {
    margin-top: 216px;
    margin-bottom: 216px; }
  html body .mukel-mt-27 {
    margin-top: 216px; }
  html body .mukel-mr-27 {
    margin-right: 216px; }
  html body .mukel-mb-27 {
    margin-bottom: 216px; }
  html body .mukel-ml-27 {
    margin-left: 216px; }
  html body .mukel-m-28 {
    margin: 224px; }
  html body .mukel-mx-28 {
    margin-left: 224px;
    margin-right: 224px; }
  html body .mukel-my-28 {
    margin-top: 224px;
    margin-bottom: 224px; }
  html body .mukel-mt-28 {
    margin-top: 224px; }
  html body .mukel-mr-28 {
    margin-right: 224px; }
  html body .mukel-mb-28 {
    margin-bottom: 224px; }
  html body .mukel-ml-28 {
    margin-left: 224px; }
  html body .mukel-m-29 {
    margin: 232px; }
  html body .mukel-mx-29 {
    margin-left: 232px;
    margin-right: 232px; }
  html body .mukel-my-29 {
    margin-top: 232px;
    margin-bottom: 232px; }
  html body .mukel-mt-29 {
    margin-top: 232px; }
  html body .mukel-mr-29 {
    margin-right: 232px; }
  html body .mukel-mb-29 {
    margin-bottom: 232px; }
  html body .mukel-ml-29 {
    margin-left: 232px; }
  html body .mukel-m-30 {
    margin: 240px; }
  html body .mukel-mx-30 {
    margin-left: 240px;
    margin-right: 240px; }
  html body .mukel-my-30 {
    margin-top: 240px;
    margin-bottom: 240px; }
  html body .mukel-mt-30 {
    margin-top: 240px; }
  html body .mukel-mr-30 {
    margin-right: 240px; }
  html body .mukel-mb-30 {
    margin-bottom: 240px; }
  html body .mukel-ml-30 {
    margin-left: 240px; }
  html body .mukel-m-31 {
    margin: 248px; }
  html body .mukel-mx-31 {
    margin-left: 248px;
    margin-right: 248px; }
  html body .mukel-my-31 {
    margin-top: 248px;
    margin-bottom: 248px; }
  html body .mukel-mt-31 {
    margin-top: 248px; }
  html body .mukel-mr-31 {
    margin-right: 248px; }
  html body .mukel-mb-31 {
    margin-bottom: 248px; }
  html body .mukel-ml-31 {
    margin-left: 248px; }
  html body .mukel-m-32 {
    margin: 256px; }
  html body .mukel-mx-32 {
    margin-left: 256px;
    margin-right: 256px; }
  html body .mukel-my-32 {
    margin-top: 256px;
    margin-bottom: 256px; }
  html body .mukel-mt-32 {
    margin-top: 256px; }
  html body .mukel-mr-32 {
    margin-right: 256px; }
  html body .mukel-mb-32 {
    margin-bottom: 256px; }
  html body .mukel-ml-32 {
    margin-left: 256px; }
  html body .mukel-m-33 {
    margin: 264px; }
  html body .mukel-mx-33 {
    margin-left: 264px;
    margin-right: 264px; }
  html body .mukel-my-33 {
    margin-top: 264px;
    margin-bottom: 264px; }
  html body .mukel-mt-33 {
    margin-top: 264px; }
  html body .mukel-mr-33 {
    margin-right: 264px; }
  html body .mukel-mb-33 {
    margin-bottom: 264px; }
  html body .mukel-ml-33 {
    margin-left: 264px; }
  html body .mukel-m-34 {
    margin: 272px; }
  html body .mukel-mx-34 {
    margin-left: 272px;
    margin-right: 272px; }
  html body .mukel-my-34 {
    margin-top: 272px;
    margin-bottom: 272px; }
  html body .mukel-mt-34 {
    margin-top: 272px; }
  html body .mukel-mr-34 {
    margin-right: 272px; }
  html body .mukel-mb-34 {
    margin-bottom: 272px; }
  html body .mukel-ml-34 {
    margin-left: 272px; }
  html body .mukel-m-35 {
    margin: 280px; }
  html body .mukel-mx-35 {
    margin-left: 280px;
    margin-right: 280px; }
  html body .mukel-my-35 {
    margin-top: 280px;
    margin-bottom: 280px; }
  html body .mukel-mt-35 {
    margin-top: 280px; }
  html body .mukel-mr-35 {
    margin-right: 280px; }
  html body .mukel-mb-35 {
    margin-bottom: 280px; }
  html body .mukel-ml-35 {
    margin-left: 280px; }
  html body .mukel-m-36 {
    margin: 288px; }
  html body .mukel-mx-36 {
    margin-left: 288px;
    margin-right: 288px; }
  html body .mukel-my-36 {
    margin-top: 288px;
    margin-bottom: 288px; }
  html body .mukel-mt-36 {
    margin-top: 288px; }
  html body .mukel-mr-36 {
    margin-right: 288px; }
  html body .mukel-mb-36 {
    margin-bottom: 288px; }
  html body .mukel-ml-36 {
    margin-left: 288px; }
  html body .mukel-m-37 {
    margin: 296px; }
  html body .mukel-mx-37 {
    margin-left: 296px;
    margin-right: 296px; }
  html body .mukel-my-37 {
    margin-top: 296px;
    margin-bottom: 296px; }
  html body .mukel-mt-37 {
    margin-top: 296px; }
  html body .mukel-mr-37 {
    margin-right: 296px; }
  html body .mukel-mb-37 {
    margin-bottom: 296px; }
  html body .mukel-ml-37 {
    margin-left: 296px; }
  html body .mukel-m-38 {
    margin: 304px; }
  html body .mukel-mx-38 {
    margin-left: 304px;
    margin-right: 304px; }
  html body .mukel-my-38 {
    margin-top: 304px;
    margin-bottom: 304px; }
  html body .mukel-mt-38 {
    margin-top: 304px; }
  html body .mukel-mr-38 {
    margin-right: 304px; }
  html body .mukel-mb-38 {
    margin-bottom: 304px; }
  html body .mukel-ml-38 {
    margin-left: 304px; }
  html body .mukel-m-39 {
    margin: 312px; }
  html body .mukel-mx-39 {
    margin-left: 312px;
    margin-right: 312px; }
  html body .mukel-my-39 {
    margin-top: 312px;
    margin-bottom: 312px; }
  html body .mukel-mt-39 {
    margin-top: 312px; }
  html body .mukel-mr-39 {
    margin-right: 312px; }
  html body .mukel-mb-39 {
    margin-bottom: 312px; }
  html body .mukel-ml-39 {
    margin-left: 312px; }
  html body .mukel-m-40 {
    margin: 320px; }
  html body .mukel-mx-40 {
    margin-left: 320px;
    margin-right: 320px; }
  html body .mukel-my-40 {
    margin-top: 320px;
    margin-bottom: 320px; }
  html body .mukel-mt-40 {
    margin-top: 320px; }
  html body .mukel-mr-40 {
    margin-right: 320px; }
  html body .mukel-mb-40 {
    margin-bottom: 320px; }
  html body .mukel-ml-40 {
    margin-left: 320px; }
  html body .mukel-m-41 {
    margin: 328px; }
  html body .mukel-mx-41 {
    margin-left: 328px;
    margin-right: 328px; }
  html body .mukel-my-41 {
    margin-top: 328px;
    margin-bottom: 328px; }
  html body .mukel-mt-41 {
    margin-top: 328px; }
  html body .mukel-mr-41 {
    margin-right: 328px; }
  html body .mukel-mb-41 {
    margin-bottom: 328px; }
  html body .mukel-ml-41 {
    margin-left: 328px; }
  html body .mukel-m-42 {
    margin: 336px; }
  html body .mukel-mx-42 {
    margin-left: 336px;
    margin-right: 336px; }
  html body .mukel-my-42 {
    margin-top: 336px;
    margin-bottom: 336px; }
  html body .mukel-mt-42 {
    margin-top: 336px; }
  html body .mukel-mr-42 {
    margin-right: 336px; }
  html body .mukel-mb-42 {
    margin-bottom: 336px; }
  html body .mukel-ml-42 {
    margin-left: 336px; }
  html body .mukel-m-43 {
    margin: 344px; }
  html body .mukel-mx-43 {
    margin-left: 344px;
    margin-right: 344px; }
  html body .mukel-my-43 {
    margin-top: 344px;
    margin-bottom: 344px; }
  html body .mukel-mt-43 {
    margin-top: 344px; }
  html body .mukel-mr-43 {
    margin-right: 344px; }
  html body .mukel-mb-43 {
    margin-bottom: 344px; }
  html body .mukel-ml-43 {
    margin-left: 344px; }
  html body .mukel-m-44 {
    margin: 352px; }
  html body .mukel-mx-44 {
    margin-left: 352px;
    margin-right: 352px; }
  html body .mukel-my-44 {
    margin-top: 352px;
    margin-bottom: 352px; }
  html body .mukel-mt-44 {
    margin-top: 352px; }
  html body .mukel-mr-44 {
    margin-right: 352px; }
  html body .mukel-mb-44 {
    margin-bottom: 352px; }
  html body .mukel-ml-44 {
    margin-left: 352px; }
  html body .mukel-m-45 {
    margin: 360px; }
  html body .mukel-mx-45 {
    margin-left: 360px;
    margin-right: 360px; }
  html body .mukel-my-45 {
    margin-top: 360px;
    margin-bottom: 360px; }
  html body .mukel-mt-45 {
    margin-top: 360px; }
  html body .mukel-mr-45 {
    margin-right: 360px; }
  html body .mukel-mb-45 {
    margin-bottom: 360px; }
  html body .mukel-ml-45 {
    margin-left: 360px; }
  html body .mukel-m-46 {
    margin: 368px; }
  html body .mukel-mx-46 {
    margin-left: 368px;
    margin-right: 368px; }
  html body .mukel-my-46 {
    margin-top: 368px;
    margin-bottom: 368px; }
  html body .mukel-mt-46 {
    margin-top: 368px; }
  html body .mukel-mr-46 {
    margin-right: 368px; }
  html body .mukel-mb-46 {
    margin-bottom: 368px; }
  html body .mukel-ml-46 {
    margin-left: 368px; }
  html body .mukel-m-47 {
    margin: 376px; }
  html body .mukel-mx-47 {
    margin-left: 376px;
    margin-right: 376px; }
  html body .mukel-my-47 {
    margin-top: 376px;
    margin-bottom: 376px; }
  html body .mukel-mt-47 {
    margin-top: 376px; }
  html body .mukel-mr-47 {
    margin-right: 376px; }
  html body .mukel-mb-47 {
    margin-bottom: 376px; }
  html body .mukel-ml-47 {
    margin-left: 376px; }
  html body .mukel-m-48 {
    margin: 384px; }
  html body .mukel-mx-48 {
    margin-left: 384px;
    margin-right: 384px; }
  html body .mukel-my-48 {
    margin-top: 384px;
    margin-bottom: 384px; }
  html body .mukel-mt-48 {
    margin-top: 384px; }
  html body .mukel-mr-48 {
    margin-right: 384px; }
  html body .mukel-mb-48 {
    margin-bottom: 384px; }
  html body .mukel-ml-48 {
    margin-left: 384px; }
  html body .mukel-m-49 {
    margin: 392px; }
  html body .mukel-mx-49 {
    margin-left: 392px;
    margin-right: 392px; }
  html body .mukel-my-49 {
    margin-top: 392px;
    margin-bottom: 392px; }
  html body .mukel-mt-49 {
    margin-top: 392px; }
  html body .mukel-mr-49 {
    margin-right: 392px; }
  html body .mukel-mb-49 {
    margin-bottom: 392px; }
  html body .mukel-ml-49 {
    margin-left: 392px; }
  html body .mukel-m-50 {
    margin: 400px; }
  html body .mukel-mx-50 {
    margin-left: 400px;
    margin-right: 400px; }
  html body .mukel-my-50 {
    margin-top: 400px;
    margin-bottom: 400px; }
  html body .mukel-mt-50 {
    margin-top: 400px; }
  html body .mukel-mr-50 {
    margin-right: 400px; }
  html body .mukel-mb-50 {
    margin-bottom: 400px; }
  html body .mukel-ml-50 {
    margin-left: 400px; }

/*# sourceMappingURL=maps/main.css.map */