@charset "UTF-8";
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19F;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.kr-fab-action .font-icon {
  font-size: 2em;
  line-height: 56px;
}
.kr-fab-action:hover {
  color: #FFFFFF;
  background-color: #D9B800;
}

/**
 * CONTENTS
 *
 * #Introduction........Naming conventions used throughout the code.
 *
 * #SETTINGS
 * Variables............Globally-available variables and config.
 *
 * #TOOLS
 * Mixins...............Useful mixins.
 *
 * #GENERIC
 * Demo styles..........Styles for demo only (consider removing these).
 *
 * #BASE
 * Raw styles...........The very basic component wrapper.
 * Modifiers............The basic styles dependant on component placement.
 * Debuggers............The basic styles dependant on component placement.
 *
 * #BUTTONS
 * Base..................Wrapping and constraining every button.
 * Modifiers.............Styles that depends on state and settings.
 * Animations............Main animations of the component.
 * Debuggers.............Styles for development.
 *
 * #LABELS
 * Base..................Wrapping and constraining every label.
 * Modifiers.............Styles that depends on state and settings.
 * Debuggers.............Styles for development.
 *
 * #DEVELOPMENT
 * In development........These styles are in development and not yet finalised
 * Debuggers.............Helper styles and flags for development.
 */
/*------------------------------------*\
    #Introduction
\*------------------------------------*/
/**
 * The code AND the comments use naming conventions to refer to each part of
 * the UI put in place by this component. If you see that somewhere they are
 * not followed please consider a Pull Request. The naming conventions are:
 *
 * "Component" : the widget itself as a whole. This is the last time it will be
 *               called anything different than "component". So, stay away from
 *               "widget", "button" or anything else when referring to the
 *               Component in general.
 *
 * "Main Button" : the button that is always in view. Hovering or clicking on it
 *                 will reveal the child buttons.
 *
 * "Child buttons" : if you've read the previous point you know what they are.
 *                   Did you read the previous point? :)
 *
 * "Label(s)" : the tooltip that fades in when hovering over a button.

/*------------------------------------*\
    #SETTINGS | Variables
\*------------------------------------*/
/**
 * These variables are the default styles that serve as fallback and can be
 * easily customised at compile time.
 * Consider overriding them in your own style sheets rather than editing them
 * here. Refer to the docs for more info.
 */
/* COLORS ----------------------------*/
/* EFFECTS ---------------------------*/
/* SPEEDS ----------------------------*/
/* SIZES -----------------------------*/
/* SPACING ---------------------------*/
/* OTHER VARIABLES -------------------*/
/*------------------------------------*\
    #BASE | Raw styles
\*------------------------------------*/
/**
 * The very core styling of the button.
 * These styles are shared by every instance of the button.
 * Styles placed here should NOT care about placement in the screen,
 * options chosen by the user or state of the button.
 */
.mfb-component, .mfb-component--br, .mfb-component--bl, .mfb-component--tr, .mfb-component--tl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 25px;
  position: fixed;
  white-space: nowrap;
  z-index: 30;
  padding-left: 0;
  list-style: none;
}

.mfb-component *, .mfb-component--br *, .mfb-component--bl *, .mfb-component--tr *, .mfb-component--tl *, .mfb-component *:before, .mfb-component--br *:before, .mfb-component--bl *:before, .mfb-component--tr *:before, .mfb-component--tl *:before, .mfb-component *:after, .mfb-component--br *:after, .mfb-component--bl *:after, .mfb-component--tr *:after, .mfb-component--tl *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/*------------------------------------*\
    #BASE | Modifiers
\*------------------------------------*/
/**
 * These styles depends on the placement of the button.
 * Styles can be:
 * 1. Top-left:  modified by the " --tl " suffix.
 * 2. Top-right: modified by the " --tr " suffix.
 * 3. Bottom-left:  modified by the " --bl " suffix.
 * 4. Bottom-right: modified by the " --br " suffix.
 */
.mfb-component--tl {
  left: 0;
  top: 0;
}

.mfb-component--tr {
  right: 0;
  top: 0;
}

.mfb-component--bl {
  left: 0;
  bottom: 0;
}

.mfb-component--br {
  right: 0;
  bottom: 0;
}

/*------------------------------------*\
    #BUTTONS | Base
\*------------------------------------*/
.mfb-component__button, .mfb-component__button--child, .mfb-component__button--main {
  background-color: #F4D100;
  display: inline-block;
  position: relative;
  border: none;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
  -webkit-user-drag: none;
  font-weight: bold;
  color: #f1f1f1;
}

/**
 * This is the unordered list for the list items that contain
 * the child buttons.
 *
 */
.mfb-component__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mfb-component__list > li {
  display: block;
  position: absolute;
  top: 0;
  right: 1px;
  padding: 10px 0;
  margin: -10px 0;
}

/**
 * These are the basic styles for all the icons inside the main button
 */
.mfb-component__icon, .mfb-component__child-icon, .mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
  position: absolute;
  font-size: 18px;
  text-align: center;
  line-height: 56px;
  width: 100%;
}

.mfb-component__wrap {
  padding: 25px;
  margin: -25px;
}

[data-mfb-toggle=hover]:hover .mfb-component__icon, [data-mfb-toggle=hover]:hover .mfb-component__child-icon, [data-mfb-toggle=hover]:hover .mfb-component__main-icon--active,
[data-mfb-toggle=hover]:hover .mfb-component__main-icon--resting,
[data-mfb-state=open] .mfb-component__icon,
[data-mfb-state=open] .mfb-component__child-icon,
[data-mfb-state=open] .mfb-component__main-icon--active,
[data-mfb-state=open] .mfb-component__main-icon--resting {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

/*------------------------------------*\
    #BUTTONS | Modifiers
\*------------------------------------*/
.mfb-component__button--main {
  height: 56px;
  width: 56px;
  z-index: 20;
}

.mfb-component__button--child {
  height: 56px;
  width: 56px;
}

.mfb-component__main-icon--active,
.mfb-component__main-icon--resting {
  -webkit-transform: scale(1) rotate(360deg);
  -ms-transform: scale(1) rotate(360deg);
  transform: scale(1) rotate(360deg);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
  transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
}

.mfb-component__child-icon,
.mfb-component__child-icon {
  line-height: 56px;
  font-size: 18px;
}

.mfb-component__main-icon--active {
  opacity: 0;
}

[data-mfb-toggle=hover]:hover .mfb-component__main-icon,
[data-mfb-state=open] .mfb-component__main-icon {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}
[data-mfb-toggle=hover]:hover .mfb-component__main-icon--resting,
[data-mfb-state=open] .mfb-component__main-icon--resting {
  opacity: 0;
}
[data-mfb-toggle=hover]:hover .mfb-component__main-icon--active,
[data-mfb-state=open] .mfb-component__main-icon--active {
  opacity: 1;
}

/*------------------------------------*\
    #BUTTONS | Animations
\*------------------------------------*/
/**
 * SLIDE IN + FADE
 * When hovering the main button, the child buttons slide out from beneath
 * the main button while transitioning from transparent to opaque.
 *
 */
.mfb-component--tl.mfb-slidein .mfb-component__list li,
.mfb-component--tr.mfb-slidein .mfb-component__list li {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li, .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li,
.mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li,
.mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li {
  opacity: 1;
}
.mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px);
  -ms-transform: translateY(70px);
  transform: translateY(70px);
}
.mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px);
  -ms-transform: translateY(140px);
  transform: translateY(140px);
}
.mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px);
  -ms-transform: translateY(210px);
  transform: translateY(210px);
}
.mfb-component--tl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px);
  -ms-transform: translateY(280px);
  transform: translateY(280px);
}

.mfb-component--bl.mfb-slidein .mfb-component__list li,
.mfb-component--br.mfb-slidein .mfb-component__list li {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li, .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li,
.mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li,
.mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li {
  opacity: 1;
}
.mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  transform: translateY(-70px);
}
.mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px);
  -ms-transform: translateY(-140px);
  transform: translateY(-140px);
}
.mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px);
  -ms-transform: translateY(-210px);
  transform: translateY(-210px);
}
.mfb-component--bl.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein[data-mfb-state=open] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px);
  -ms-transform: translateY(-280px);
  transform: translateY(-280px);
}

/**
 * SLIDE IN SPRING
 * When hovering the main button, the child buttons slide out from beneath
 * the main button while transitioning from transparent to opaque.
 *
 */
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li {
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li, .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li,
.mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li {
  opacity: 1;
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px);
  -ms-transform: translateY(70px);
  transform: translateY(70px);
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px);
  -ms-transform: translateY(140px);
  transform: translateY(140px);
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px);
  -ms-transform: translateY(210px);
  transform: translateY(210px);
}
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px);
  -ms-transform: translateY(280px);
  transform: translateY(280px);
}

.mfb-component--bl.mfb-slidein-spring .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring .mfb-component__list li {
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li, .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li,
.mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li {
  opacity: 1;
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  transform: translateY(-70px);
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px);
  -ms-transform: translateY(-140px);
  transform: translateY(-140px);
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px);
  -ms-transform: translateY(-210px);
  transform: translateY(-210px);
}
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-slidein-spring[data-mfb-state=open] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px);
  -ms-transform: translateY(-280px);
  transform: translateY(-280px);
}

/**
 * ZOOM-IN
 * When hovering the main button, the child buttons grow
 * from zero to normal size.
 *
 */
.mfb-component--tl.mfb-zoomin .mfb-component__list li,
.mfb-component--tr.mfb-zoomin .mfb-component__list li {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px) scale(0);
  -ms-transform: translateY(70px) scale(0);
  transform: translateY(70px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px) scale(0);
  -ms-transform: translateY(140px) scale(0);
  transform: translateY(140px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px) scale(0);
  -ms-transform: translateY(210px) scale(0);
  transform: translateY(210px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px) scale(0);
  -ms-transform: translateY(280px) scale(0);
  transform: translateY(280px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px) scale(1);
  -ms-transform: translateY(70px) scale(1);
  transform: translateY(70px) scale(1);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px) scale(1);
  -ms-transform: translateY(140px) scale(1);
  transform: translateY(140px) scale(1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px) scale(1);
  -ms-transform: translateY(210px) scale(1);
  transform: translateY(210px) scale(1);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px) scale(1);
  -ms-transform: translateY(280px) scale(1);
  transform: translateY(280px) scale(1);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mfb-component--bl.mfb-zoomin .mfb-component__list li,
.mfb-component--br.mfb-zoomin .mfb-component__list li {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px) scale(0);
  -ms-transform: translateY(-70px) scale(0);
  transform: translateY(-70px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px) scale(0);
  -ms-transform: translateY(-140px) scale(0);
  transform: translateY(-140px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px) scale(0);
  -ms-transform: translateY(-210px) scale(0);
  transform: translateY(-210px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px) scale(0);
  -ms-transform: translateY(-280px) scale(0);
  transform: translateY(-280px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px) scale(1);
  -ms-transform: translateY(-70px) scale(1);
  transform: translateY(-70px) scale(1);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px) scale(1);
  -ms-transform: translateY(-140px) scale(1);
  transform: translateY(-140px) scale(1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px) scale(1);
  -ms-transform: translateY(-210px) scale(1);
  transform: translateY(-210px) scale(1);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-zoomin[data-mfb-state=open] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px) scale(1);
  -ms-transform: translateY(-280px) scale(1);
  transform: translateY(-280px) scale(1);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/**
 * FOUNTAIN
 * When hovering the main button the child buttons
 * jump into view from outside the viewport
 */
.mfb-component--tl.mfb-fountain .mfb-component__list li,
.mfb-component--tr.mfb-fountain .mfb-component__list li {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px) scale(0);
  -ms-transform: translateY(-70px) scale(0);
  transform: translateY(-70px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px) scale(0);
  -ms-transform: translateY(-140px) scale(0);
  transform: translateY(-140px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px) scale(0);
  -ms-transform: translateY(-210px) scale(0);
  transform: translateY(-210px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px) scale(0);
  -ms-transform: translateY(-280px) scale(0);
  transform: translateY(-280px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.mfb-component--tl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1),
.mfb-component--tr.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px) scale(1);
  -ms-transform: translateY(70px) scale(1);
  transform: translateY(70px) scale(1);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.mfb-component--tl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2),
.mfb-component--tr.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px) scale(1);
  -ms-transform: translateY(140px) scale(1);
  transform: translateY(140px) scale(1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.mfb-component--tl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3),
.mfb-component--tr.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px) scale(1);
  -ms-transform: translateY(210px) scale(1);
  transform: translateY(210px) scale(1);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.mfb-component--tl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4),
.mfb-component--tr.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px) scale(1);
  -ms-transform: translateY(280px) scale(1);
  transform: translateY(280px) scale(1);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mfb-component--bl.mfb-fountain .mfb-component__list li,
.mfb-component--br.mfb-fountain .mfb-component__list li {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(70px) scale(0);
  -ms-transform: translateY(70px) scale(0);
  transform: translateY(70px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(140px) scale(0);
  -ms-transform: translateY(140px) scale(0);
  transform: translateY(140px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(210px) scale(0);
  -ms-transform: translateY(210px) scale(0);
  transform: translateY(210px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(280px) scale(0);
  -ms-transform: translateY(280px) scale(0);
  transform: translateY(280px) scale(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.mfb-component--bl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(1),
.mfb-component--br.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(1) {
  -webkit-transform: translateY(-70px) scale(1);
  -ms-transform: translateY(-70px) scale(1);
  transform: translateY(-70px) scale(1);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.mfb-component--bl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(2),
.mfb-component--br.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(2) {
  -webkit-transform: translateY(-140px) scale(1);
  -ms-transform: translateY(-140px) scale(1);
  transform: translateY(-140px) scale(1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.mfb-component--bl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(3),
.mfb-component--br.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(3) {
  -webkit-transform: translateY(-210px) scale(1);
  -ms-transform: translateY(-210px) scale(1);
  transform: translateY(-210px) scale(1);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.mfb-component--bl.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain[data-mfb-toggle=hover]:hover .mfb-component__list li:nth-child(4),
.mfb-component--br.mfb-fountain[data-mfb-state=open] .mfb-component__list li:nth-child(4) {
  -webkit-transform: translateY(-280px) scale(1);
  -ms-transform: translateY(-280px) scale(1);
  transform: translateY(-280px) scale(1);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/*------------------------------------*\
    #LABELS | base
\*------------------------------------*/
/**
 * These are the labels associated to each button,
 * exposed only when hovering the related button.
 * They are called labels but are in fact data-attributes of
 * each button (an anchor tag).
 */
[data-mfb-label]:after {
  content: attr(data-mfb-label);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: rgba(0, 0, 0, 0.4);
  padding: 4px 10px;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 13px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -10.5px;
  transition: all 0.5s;
}

[data-mfb-toggle=hover] [data-mfb-label]:hover:after,
[data-mfb-state=open] [data-mfb-label]:after {
  content: attr(data-mfb-label);
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/*------------------------------------*\
    #LABELS | Modifiers
\*------------------------------------*/
.mfb-component--br [data-mfb-label]:after, .mfb-component--tr [data-mfb-label]:after {
  content: attr(data-mfb-label);
  right: 70px;
}

.mfb-component--br .mfb-component__list [data-mfb-label]:after, .mfb-component--tr .mfb-component__list [data-mfb-label]:after {
  content: attr(data-mfb-label);
  right: 70px;
}

.mfb-component--tl [data-mfb-label]:after, .mfb-component--bl [data-mfb-label]:after {
  content: attr(data-mfb-label);
  left: 70px;
}

.mfb-component--tl .mfb-component__list [data-mfb-label]:after, .mfb-component--bl .mfb-component__list [data-mfb-label]:after {
  content: attr(data-mfb-label);
  left: 70px;
}

/*------------------------------------*\
    #DEVELOPMENT | In development
\*------------------------------------*/
/**
 * This part is where unfinished code should stay.
 * When a feature is ready(sh) move these styles to their proper place.
 */
/*------------------------------------*\
    #DEVELOPMENT | Debuggers
\*------------------------------------*/
/**
 * These are mainly helpers for development. They do not have to end up
 * in production but it's handy to keep them when developing.
 */
/**
 * Apply this class to the html tag when developing the slide-in button
 */
/* perfect-scrollbar v0.7.1 */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px;
}

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px;
}

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}

.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 15px;
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps__scrollbar-y */
  width: 6px;
}

.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 11px;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6;
}

.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #999;
}

.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #999;
}

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000;
}
.ReactCrop:focus {
  outline: none;
}
.ReactCrop--disabled {
  cursor: inherit;
}
.ReactCrop__image {
  /* autoprefixer: off */
  display: block;
  max-width: 100%;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: stretch;
}
.ReactCrop--crop-invisible .ReactCrop__image {
  opacity: 0.5;
}
.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: move;
  -webkit-box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}
.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}
.ReactCrop__drag-handle {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 1px solid transparent;
}
.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}
.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}
.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}
.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}
.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}
.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}
.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}
.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}
.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}
.ReactCrop__drag-bar {
  position: absolute;
}
.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}
.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}
.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}
.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}
.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}
@media (max-width: 768px), (pointer: coarse) {
  .ReactCrop__drag-handle {
    width: 17px;
    height: 17px;
  }
  .ReactCrop .ord-nw {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-n {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-ne {
    margin-top: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-e {
    margin-top: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-se {
    margin-bottom: -9px;
    margin-right: -9px;
  }
  .ReactCrop .ord-s {
    margin-bottom: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-sw {
    margin-bottom: -9px;
    margin-left: -9px;
  }
  .ReactCrop .ord-w {
    margin-top: -9px;
    margin-left: -9px;
  }
  .ReactCrop__drag-bar.ord-n {
    height: 14px;
    margin-top: -7px;
  }
  .ReactCrop__drag-bar.ord-e {
    width: 14px;
    margin-right: -7px;
  }
  .ReactCrop__drag-bar.ord-s {
    height: 14px;
    margin-bottom: -7px;
  }
  .ReactCrop__drag-bar.ord-w {
    width: 14px;
    margin-left: -7px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.ps > .ps__scrollbar-x-rail,
.ps > .ps__scrollbar-y-rail {
  opacity: 0.6 !important;
}

.noty_message {
  background: rgba(0, 0, 0, 0.8);
  color: #FFFFFF;
  padding: 12px !important;
}

.kr-card-header .krf-header {
  margin-bottom: 0 !important;
}

.kr-card-footer .krf-footer {
  margin-bottom: 0 !important;
}

.kr-file-presenter {
  height: 100%;
}

.kr-image {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.kr-image--placeholder {
  background-color: #F3F3F3;
}

.kr-image-holder {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

.kr-image-loader.ui.inline.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.kr-badge {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  height: 20px;
  background-color: #C2063B;
  border-radius: 10px;
}
.kr-badge.is-active {
  display: block;
}
.kr-badge__amount {
  color: #FFFFFF;
  line-height: 21px;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  min-width: 20px;
  text-align: center;
  padding: 0 3px;
}
.kr-badge--danger {
  background-color: #C2063B;
}
.kr-badge--danger .kr-badge__amount {
  color: #FFFFFF;
}
.kr-badge--error {
  background-color: #C2063B;
}
.kr-badge--error .kr-badge__amount {
  color: #FFFFFF;
}
.kr-badge--info {
  background-color: #004AA1;
}
.kr-badge--info .kr-badge__amount {
  color: #FFFFFF;
}
.kr-badge--signal {
  background-color: #C2063B;
}
.kr-badge--signal .kr-badge__amount {
  color: #FFFFFF;
}
.kr-badge--success {
  background-color: #009F4D;
}
.kr-badge--success .kr-badge__amount {
  color: #FFFFFF;
}
.kr-badge--warn {
  background-color: #FF6200;
}
.kr-badge--warn .kr-badge__amount {
  color: #FFFFFF;
}

.kr-icon {
  height: 100%;
  position: relative;
}
.kr-icon img {
  width: 100%;
}

.kr-field {
  padding: 2px 10px;
  position: relative;
}
.kr-field.ui.card {
  padding: 2px 10px;
}
.kr-field .kr-field:first-child {
  padding-left: 0;
}
.kr-field .kr-field:last-child {
  padding-right: 0;
}
.kr-field--invisible {
  visibility: hidden;
}
.kr-field__label--group {
  margin-bottom: 10px;
}
.kr-field__actions {
  position: absolute;
  top: 2px;
  right: 5px;
}
.kr-field__actions--no-label {
  top: 15px;
  right: 15px;
}
.kr-field__action {
  display: inline-block;
  padding: 5px 8px;
  margin: -5px 0;
  cursor: pointer;
  color: #F4D100;
  font-size: 15px;
}
.kr-field__action:hover {
  color: rgba(244, 209, 0, 0.8);
}
.kr-field__action:focus {
  padding: 4px 7px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 1px solid #F4D100;
  border-radius: 6px;
}

.kr-alo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.kr-alo .kr-alo__field {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
}
.kr-alo__separator {
  width: 100%;
}
.kr-alo__field--hidden {
  display: none;
}
.kr-alo__vertical-aligment--top {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.kr-alo__vertical-alignment--center {
  -ms-flex-item-align: center;
  align-self: center;
}
.kr-alo__vertical-alignment--bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.kr-alo__break--left, .kr-alo__break--right, .kr-alo__break--both {
  padding-left: 0;
  padding-right: 0;
}
.kr-alo__break--left {
  margin-right: auto !important;
}
.kr-alo__break--right {
  margin-right: auto !important;
}
.kr-alo__break--both {
  margin-right: auto !important;
}

.kr-card {
  -webkit-animation: all 2s infinite linear;
  animation: all 2s infinite linear;
  padding: 0;
}
.kr-card:not(.kr-react) .kr-card-container {
  margin: 40px auto;
  padding: 24px 16px;
  border-radius: 2px;
  width: 90%;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border: none;
}
@media (min-width: 960px) {
  .kr-card:not(.kr-react) .kr-card-container {
    max-width: 830px;
  }
}
@media (max-width: 960px) {
  .kr-card:not(.kr-react) {
    padding: 0;
  }
}
.kr-card__title {
  text-align: center;
}
.kr-card-container {
  background-color: #FFFFFF;
}
.kr-card-empty {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #808080;
  min-height: 10vh;
  padding: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.kr-card-header, .kr-card-content, .kr-card-footer {
  clear: both;
}
.kr-card-content {
  position: relative;
}
.kr-card.has-header-footer:not(.kr-react), .kr-card.has-header:not(.kr-react), .kr-card.has-footer:not(.kr-react) {
  height: calc(100vh - 64px - 56px);
}
@media (min-width: 0) and (orientation: landscape) {
  .kr-card.has-header-footer:not(.kr-react), .kr-card.has-header:not(.kr-react), .kr-card.has-footer:not(.kr-react) {
    height: calc(100vh - 64px - 48px);
  }
}
@media (min-width: 600px) {
  .kr-card.has-header-footer:not(.kr-react), .kr-card.has-header:not(.kr-react), .kr-card.has-footer:not(.kr-react) {
    height: calc(100vh - 64px - 64px);
  }
}
.kr-subcard .kr-card.has-header-footer:not(.kr-react), .kr-subcard .kr-card.has-header:not(.kr-react), .kr-subcard .kr-card.has-footer:not(.kr-react) {
  height: calc(100vh - 64px - 56px);
  padding-bottom: 10px;
}
@media (min-width: 0) and (orientation: landscape) {
  .kr-subcard .kr-card.has-header-footer:not(.kr-react), .kr-subcard .kr-card.has-header:not(.kr-react), .kr-subcard .kr-card.has-footer:not(.kr-react) {
    height: calc(100vh - 64px - 48px);
  }
}
@media (min-width: 600px) {
  .kr-subcard .kr-card.has-header-footer:not(.kr-react), .kr-subcard .kr-card.has-header:not(.kr-react), .kr-subcard .kr-card.has-footer:not(.kr-react) {
    height: calc(100vh - 64px - 64px);
  }
}
.kr-card.has-header-footer:not(.kr-react) .kr-card-container, .kr-card.has-header:not(.kr-react) .kr-card-container, .kr-card.has-footer:not(.kr-react) .kr-card-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.kr-card.has-header-footer:not(.kr-react) .kr-card-content,
.kr-card.has-header-footer:not(.kr-react) .kr-card-empty, .kr-card.has-header:not(.kr-react) .kr-card-content,
.kr-card.has-header:not(.kr-react) .kr-card-empty, .kr-card.has-footer:not(.kr-react) .kr-card-content,
.kr-card.has-footer:not(.kr-react) .kr-card-empty {
  overflow: auto;
  max-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.kr-card .tabs-card__tabs + div .has-header-footer,
.kr-card .tabs-card__tabs + div .has-header,
.kr-card .tabs-card__tabs + div .has-footer {
  height: calc(100vh - 112px - 56px);
}
@media (min-width: 0) and (orientation: landscape) {
  .kr-card .tabs-card__tabs + div .has-header-footer,
.kr-card .tabs-card__tabs + div .has-header,
.kr-card .tabs-card__tabs + div .has-footer {
    height: calc(100vh - 112px - 48px);
  }
}
@media (min-width: 600px) {
  .kr-card .tabs-card__tabs + div .has-header-footer,
.kr-card .tabs-card__tabs + div .has-header,
.kr-card .tabs-card__tabs + div .has-footer {
    height: calc(100vh - 112px - 64px);
  }
}
.kr-card--home.pushable {
  background: #FFFFFF !important;
}
.kr-card--home.pushable > .pusher {
  background: #FFFFFF !important;
}

.kr-list-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.kr-tab-card-actions {
  float: right;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 42px;
  margin-bottom: 5px;
  padding: 0 8px;
}
.kr-tab-card-actions:empty {
  display: none;
}
.kr-tab-card-actions .kr-single-card-actions:not(:last-child) {
  margin-right: 16px;
}
.kr-tab-card-actions .kr-dropdown-menu-icon {
  height: 45px;
}

body.kr-theme--dark .action-bar.ui.menu,
body.kr-theme--dark .kr-card-container {
  background-color: #000000;
}
body.kr-theme--dark.pushable > .pusher {
  background: #000000 !important;
}
body.kr-theme--inverted .action-bar.ui.menu,
body.kr-theme--inverted .kr-card-container {
  background-color: #F4D100;
}
body.kr-theme--inverted.pushable > .pusher {
  background: #F4D100 !important;
}

.kr-container-card {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.kr-container-card.animation-1 .kr-cards.has-transition, .kr-container-card.animation-2 .kr-cards.has-transition {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}
.kr-container-card.animation-101 .kr-cards .kr-subcard-container {
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}
.kr-container-card .kr-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .kr-container-card .kr-cards {
    width: 100%;
  }
}
.kr-container-card .kr-cards.move-forward {
  -webkit-transform: translate(-33%, 0);
  -ms-transform: translate(-33%, 0);
  transform: translate(-33%, 0);
}
.kr-container-card .kr-cards.fit-tmp-el {
  width: 150%;
}
.kr-container-card .kr-subcard-container {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.kr-container-card .kr-subcard {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  position: relative;
}
.kr-container-card .kr-subcard .kr-hovered {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kr-container-card .kr-subcard .kr-hovered.kr-forward {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.kr-container-card .kr-subcard .kr-hovered.kr-backward {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.kr-container-card .kr-subcard .kr-hovered.kr-faded {
  opacity: 0;
}
.kr-container-card .kr-subcard .kr-hovered.kr-fadeout {
  opacity: 0;
}
.kr-container-card .kr-subcard .kr-hovered.kr-fadein {
  opacity: 1;
}
.kr-container-card .kr-subcard .kr-transition, .kr-container-card .kr-subcard.kr-transition {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
}
.kr-container-card .kr-subcard.kr-fadeout {
  opacity: 0;
}
.kr-container-card .kr-subcard.kr-fadein {
  opacity: 1;
}
.kr-container-card .kr-subcard.kr-forward {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.kr-container-card .kr-subcard.kr-backward {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.kr-container-card .kr-subcard.fade-out {
  opacity: 0;
}

.kr-gallery-card--full-screen {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 58px;
  overflow: hidden;
}
.kr-gallery-card--full-screen .kr-card-container.ui.segment {
  position: static;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
.kr-gallery-card--full-screen .kr-card-container.ui.container {
  width: 100%;
  margin: 0;
}
.kr-gallery-card--full-screen .kr-card-content {
  position: static;
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
.kr-gallery-card-tiles.ui.two.cards {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}
.kr-gallery-card-tiles__tile {
  position: relative;
}
.kr-gallery-card-tile .kr-image {
  height: 200px;
}
.kr-gallery-card-modal {
  overflow: hidden;
  background: #FFFFFF;
  position: absolute;
  z-index: 100;
  padding-top: 58px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kr-gallery-card-modal__content {
  width: 100%;
  height: 100%;
}
.kr-gallery-card-modal__close-action {
  position: absolute;
  z-index: 101;
  top: 78px;
  right: 20px;
}
.kr-gallery-card-items {
  width: 100%;
  height: 100%;
}
.kr-gallery-card-items__container {
  width: 100%;
  height: 100%;
}
.kr-gallery-card-items__prev-action, .kr-gallery-card-items__next-action {
  position: absolute;
  z-index: 101;
  top: 78px;
}
.kr-gallery-card-items__prev-action {
  left: 40%;
}
.kr-gallery-card-items__next-action {
  right: 40%;
}
.kr-gallery-card-items .slick-slide,
.kr-gallery-card-items .slick-list,
.kr-gallery-card-items .slick-track {
  height: 100%;
  width: 100%;
}
.kr-gallery-card-items-list {
  width: 100%;
  height: 100%;
}
.kr-gallery-card-item {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}
.kr-gallery-card-item-content {
  position: absolute;
  top: calc(50% + 58px + 74px);
  -webkit-transform: translateY(-50%) translateY(-58px);
  -ms-transform: translateY(-50%) translateY(-58px);
  transform: translateY(-50%) translateY(-58px);
  text-align: center;
  width: 100%;
  height: 100%;
}
.kr-gallery-card-item-content-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: calc(100% - 74px - 120px);
}
.kr-gallery-card-item-footer {
  margin-top: 20px;
  height: 40px;
}
.kr-gallery-card-item-meta-field {
  margin-top: 5px;
  margin-bottom: 5px;
}
.kr-gallery-card-item-image-capture canvas {
  display: none;
}
.kr-gallery-card-item-file-input input {
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
}
.kr-gallery-card-item-file-input label.ui.button {
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
  -ms-flex-item-align: center;
  align-self: center;
}
.kr-gallery-card-icon {
  display: block;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.kr-gallery-card-icon--full {
  height: 100%;
}

.kr-gallery-card-item-pdf .kr-gallery-card-icon {
  max-width: 250px;
}

.kr-web-view-card iframe {
  width: 100%;
  height: calc(100vh - 136px - 56px);
  border: 0;
}
@media (min-width: 0) and (orientation: landscape) {
  .kr-web-view-card iframe {
    height: calc(100vh - 136px - 48px);
  }
}
@media (min-width: 600px) {
  .kr-web-view-card iframe {
    height: calc(100vh - 136px - 64px);
  }
}
.tabs-card__tabs + div .kr-web-view-card iframe {
  height: calc(100vh - 184px - 56px);
}
@media (min-width: 0) and (orientation: landscape) {
  .tabs-card__tabs + div .kr-web-view-card iframe {
    height: calc(100vh - 184px - 48px);
  }
}
@media (min-width: 600px) {
  .tabs-card__tabs + div .kr-web-view-card iframe {
    height: calc(100vh - 184px - 64px);
  }
}

@font-face {
  font-family: "font-icon";
  src: url("../assets/fonts/font-icon.eot?5d6bc907236b3faf488d9b2a3e26a8b1");
  src: url("../assets/fonts/font-icon.eot?5d6bc907236b3faf488d9b2a3e26a8b1#iefix") format("embedded-opentype"), url("../assets/fonts/font-icon.woff?5d6bc907236b3faf488d9b2a3e26a8b1") format("woff"), url("../assets/fonts/font-icon.ttf?5d6bc907236b3faf488d9b2a3e26a8b1") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.font-icon {
  font-family: "font-icon";
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-icon--account_circle:before {
  content: "";
}

.font-icon--account:before {
  content: "";
}

.font-icon--add:before {
  content: "";
}

.font-icon--appliance:before {
  content: "";
}

.font-icon--apps:before {
  content: "";
}

.font-icon--arrow_down:before {
  content: "";
}

.font-icon--arrow_right:before {
  content: "";
}

.font-icon--arrow_up:before {
  content: "";
}

.font-icon--attachment:before {
  content: "";
}

.font-icon--audio:before {
  content: "";
}

.font-icon--back:before {
  content: "";
}

.font-icon--blank_note:before {
  content: "";
}

.font-icon--block:before {
  content: "";
}

.font-icon--bookmark:before {
  content: "";
}

.font-icon--calendar:before {
  content: "";
}

.font-icon--call_end:before {
  content: "";
}

.font-icon--call_missed:before {
  content: "";
}

.font-icon--call_start:before {
  content: "";
}

.font-icon--camera_front:before {
  content: "";
}

.font-icon--camera_off:before {
  content: "";
}

.font-icon--camera_switch:before {
  content: "";
}

.font-icon--camera:before {
  content: "";
}

.font-icon--cancel:before {
  content: "";
}

.font-icon--carousel:before {
  content: "";
}

.font-icon--chart_legend:before {
  content: "";
}

.font-icon--chart:before {
  content: "";
}

.font-icon--check_circle:before {
  content: "";
}

.font-icon--check:before {
  content: "";
}

.font-icon--checkbox_filled:before {
  content: "";
}

.font-icon--checkbox:before {
  content: "";
}

.font-icon--checklist:before {
  content: "";
}

.font-icon--chevron_down:before {
  content: "";
}

.font-icon--chevron_left:before {
  content: "";
}

.font-icon--chevron_right:before {
  content: "";
}

.font-icon--chevron_up:before {
  content: "";
}

.font-icon--circle_o:before {
  content: "";
}

.font-icon--clock:before {
  content: "";
}

.font-icon--close:before {
  content: "";
}

.font-icon--coffee:before {
  content: "";
}

.font-icon--complaint_review:before {
  content: "";
}

.font-icon--connection_issue:before {
  content: "";
}

.font-icon--consulting:before {
  content: "";
}

.font-icon--create_account:before {
  content: "";
}

.font-icon--crop:before {
  content: "";
}

.font-icon--customer:before {
  content: "";
}

.font-icon--dashboard:before {
  content: "";
}

.font-icon--date_range:before {
  content: "";
}

.font-icon--delete:before {
  content: "";
}

.font-icon--device_action_expenses:before {
  content: "";
}

.font-icon--device_action_hygiene:before {
  content: "";
}

.font-icon--device_action_workload:before {
  content: "";
}

.font-icon--device_add:before {
  content: "";
}

.font-icon--device_broken:before {
  content: "";
}

.font-icon--device_my:before {
  content: "";
}

.font-icon--device_search:before {
  content: "";
}

.font-icon--device:before {
  content: "";
}

.font-icon--documentation_format_pdf:before {
  content: "";
}

.font-icon--documentation_search:before {
  content: "";
}

.font-icon--documentation_type_electrical_wiring:before {
  content: "";
}

.font-icon--documentation_type_error_tree:before {
  content: "";
}

.font-icon--documentation_type_faq:before {
  content: "";
}

.font-icon--documentation_type_modification_instruction:before {
  content: "";
}

.font-icon--documentation_type_technical_information:before {
  content: "";
}

.font-icon--documentation_type_training_manual:before {
  content: "";
}

.font-icon--documentation_type_user_manual:before {
  content: "";
}

.font-icon--documentation:before {
  content: "";
}

.font-icon--documents:before {
  content: "";
}

.font-icon--download_all:before {
  content: "";
}

.font-icon--download:before {
  content: "";
}

.font-icon--draft:before {
  content: "";
}

.font-icon--dropdown_up:before {
  content: "";
}

.font-icon--dropdown:before {
  content: "";
}

.font-icon--edit:before {
  content: "";
}

.font-icon--education:before {
  content: "";
}

.font-icon--electricity:before {
  content: "";
}

.font-icon--email:before {
  content: "";
}

.font-icon--empty:before {
  content: "";
}

.font-icon--enumeration_1:before {
  content: "";
}

.font-icon--enumeration_2:before {
  content: "";
}

.font-icon--enumeration_3:before {
  content: "";
}

.font-icon--enumeration_4:before {
  content: "";
}

.font-icon--enumeration_5:before {
  content: "";
}

.font-icon--enumeration_6:before {
  content: "";
}

.font-icon--enumeration_7:before {
  content: "";
}

.font-icon--enumeration_8:before {
  content: "";
}

.font-icon--enumeration_9:before {
  content: "";
}

.font-icon--enumeration_dot:before {
  content: "";
}

.font-icon--envelope:before {
  content: "";
}

.font-icon--eyetechdevice:before {
  content: "";
}

.font-icon--facebook:before {
  content: "";
}

.font-icon--fax:before {
  content: "";
}

.font-icon--field_service_tehnician:before {
  content: "";
}

.font-icon--field_service:before {
  content: "";
}

.font-icon--file_text:before {
  content: "";
}

.font-icon--file:before {
  content: "";
}

.font-icon--filter_active:before {
  content: "";
}

.font-icon--filter:before {
  content: "";
}

.font-icon--flash_auto:before {
  content: "";
}

.font-icon--flash_off:before {
  content: "";
}

.font-icon--flash:before {
  content: "";
}

.font-icon--flashlight_off:before {
  content: "";
}

.font-icon--folder:before {
  content: "";
}

.font-icon--forward:before {
  content: "";
}

.font-icon--gallery:before {
  content: "";
}

.font-icon--gas:before {
  content: "";
}

.font-icon--general_service:before {
  content: "";
}

.font-icon--gesture:before {
  content: "";
}

.font-icon--google:before {
  content: "";
}

.font-icon--grid:before {
  content: "";
}

.font-icon--group:before {
  content: "";
}

.font-icon--heart:before {
  content: "";
}

.font-icon--history:before {
  content: "";
}

.font-icon--home:before {
  content: "";
}

.font-icon--image:before {
  content: "";
}

.font-icon--inbound_email_notes:before {
  content: "";
}

.font-icon--indicator:before {
  content: "";
}

.font-icon--info_outline:before {
  content: "";
}

.font-icon--info:before {
  content: "";
}

.font-icon--key:before {
  content: "";
}

.font-icon--legal_information:before {
  content: "";
}

.font-icon--legal:before {
  content: "";
}

.font-icon--linkedin:before {
  content: "";
}

.font-icon--list:before {
  content: "";
}

.font-icon--loading:before {
  content: "";
}

.font-icon--location_add:before {
  content: "";
}

.font-icon--location_business:before {
  content: "";
}

.font-icon--location:before {
  content: "";
}

.font-icon--log:before {
  content: "";
}

.font-icon--logout:before {
  content: "";
}

.font-icon--map:before {
  content: "";
}

.font-icon--menu:before {
  content: "";
}

.font-icon--message_add:before {
  content: "";
}

.font-icon--message_prefilled:before {
  content: "";
}

.font-icon--message_star:before {
  content: "";
}

.font-icon--message:before {
  content: "";
}

.font-icon--microphone_off:before {
  content: "";
}

.font-icon--microphone:before {
  content: "";
}

.font-icon--minus:before {
  content: "";
}

.font-icon--mobile_phone:before {
  content: "";
}

.font-icon--more:before {
  content: "";
}

.font-icon--new_circle:before {
  content: "";
}

.font-icon--new:before {
  content: "";
}

.font-icon--next:before {
  content: "";
}

.font-icon--notes:before {
  content: "";
}

.font-icon--notification:before {
  content: "";
}

.font-icon--other:before {
  content: "";
}

.font-icon--outbound_email_notes:before {
  content: "";
}

.font-icon--outbox:before {
  content: "";
}

.font-icon--paperclip:before {
  content: "";
}

.font-icon--paragraph:before {
  content: "";
}

.font-icon--part_accessories:before {
  content: "";
}

.font-icon--part_assembly_group:before {
  content: "";
}

.font-icon--part_consumables:before {
  content: "";
}

.font-icon--part_single:before {
  content: "";
}

.font-icon--part_spare_parts:before {
  content: "";
}

.font-icon--password_open:before {
  content: "";
}

.font-icon--password:before {
  content: "";
}

.font-icon--pause:before {
  content: "";
}

.font-icon--performance:before {
  content: "";
}

.font-icon--person_contact_data:before {
  content: "";
}

.font-icon--pickup:before {
  content: "";
}

.font-icon--play:before {
  content: "";
}

.font-icon--plus:before {
  content: "";
}

.font-icon--position:before {
  content: "";
}

.font-icon--print:before {
  content: "";
}

.font-icon--product_catalog:before {
  content: "";
}

.font-icon--public:before {
  content: "";
}

.font-icon--question_circle:before {
  content: "";
}

.font-icon--question:before {
  content: "";
}

.font-icon--radio_button_checked:before {
  content: "";
}

.font-icon--refresh:before {
  content: "";
}

.font-icon--remove:before {
  content: "";
}

.font-icon--reopen:before {
  content: "";
}

.font-icon--reorder:before {
  content: "";
}

.font-icon--request_create:before {
  content: "";
}

.font-icon--request:before {
  content: "";
}

.font-icon--restart:before {
  content: "";
}

.font-icon--sales:before {
  content: "";
}

.font-icon--save:before {
  content: "";
}

.font-icon--scan_barcode:before {
  content: "";
}

.font-icon--scan_ocr:before {
  content: "";
}

.font-icon--scan_qrcode:before {
  content: "";
}

.font-icon--screen_share_off:before {
  content: "";
}

.font-icon--screen_share_on:before {
  content: "";
}

.font-icon--search:before {
  content: "";
}

.font-icon--select:before {
  content: "";
}

.font-icon--send:before {
  content: "";
}

.font-icon--service_catalog:before {
  content: "";
}

.font-icon--service_contract:before {
  content: "";
}

.font-icon--service_partner:before {
  content: "";
}

.font-icon--service_partners:before {
  content: "";
}

.font-icon--settings:before {
  content: "";
}

.font-icon--share:before {
  content: "";
}

.font-icon--shopping_cart:before {
  content: "";
}

.font-icon--smile_inverted:before {
  content: "";
}

.font-icon--smile_nok:before {
  content: "";
}

.font-icon--smile_ok:before {
  content: "";
}

.font-icon--snooze:before {
  content: "";
}

.font-icon--software:before {
  content: "";
}

.font-icon--sort_alpha_asc:before {
  content: "";
}

.font-icon--sort_alpha_desc:before {
  content: "";
}

.font-icon--sort_amount_asc:before {
  content: "";
}

.font-icon--sort_amount_desc:before {
  content: "";
}

.font-icon--sound:before {
  content: "";
}

.font-icon--star_empty:before {
  content: "";
}

.font-icon--star_rate:before {
  content: "";
}

.font-icon--star:before {
  content: "";
}

.font-icon--status_error:before {
  content: "";
}

.font-icon--status_ok:before {
  content: "";
}

.font-icon--status_unknown:before {
  content: "";
}

.font-icon--status_warning:before {
  content: "";
}

.font-icon--stop:before {
  content: "";
}

.font-icon--suggestion:before {
  content: "";
}

.font-icon--sync:before {
  content: "";
}

.font-icon--table:before {
  content: "";
}

.font-icon--task_list:before {
  content: "";
}

.font-icon--task:before {
  content: "";
}

.font-icon--third_party:before {
  content: "";
}

.font-icon--tools:before {
  content: "";
}

.font-icon--travel:before {
  content: "";
}

.font-icon--trouble_shooting:before {
  content: "";
}

.font-icon--twitter:before {
  content: "";
}

.font-icon--url:before {
  content: "";
}

.font-icon--video_missed:before {
  content: "";
}

.font-icon--video_off:before {
  content: "";
}

.font-icon--video_session_invite:before {
  content: "";
}

.font-icon--video:before {
  content: "";
}

.font-icon--visibility_off:before {
  content: "";
}

.font-icon--visibility:before {
  content: "";
}

.font-icon--warning_circle:before {
  content: "";
}

.font-icon--warning_message:before {
  content: "";
}

.font-icon--warning:before {
  content: "";
}

.font-icon--warranty:before {
  content: "";
}

.font-icon--water:before {
  content: "";
}

.font-icon--wechat:before {
  content: "";
}

.font-icon--whatsapp:before {
  content: "";
}

.font-icon--wifi:before {
  content: "";
}

.font-icon--workspace:before {
  content: "";
}

.font-icon--wrench:before {
  content: "";
}

.font-icon--youtube:before {
  content: "";
}

a {
  color: #F4D100;
}

.is-hidden {
  display: none !important;
}

.is-invisible {
  visibility: hidden !important;
}

body {
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.progress {
  overflow: hidden;
}

.action-bar {
  position: relative;
  z-index: 2;
}

.menu {
  position: relative;
  z-index: 1;
}

.main-container {
  position: relative;
  z-index: 1;
  padding-top: 56px;
}
.main-container--thick {
  padding-top: 88px;
}
.main-container--thick.main-container--header-bar {
  padding-top: 128px;
}
.main-container--thick.main-container--footer {
  padding-bottom: 80px;
}
.main-container--header-bar {
  padding-top: 96px;
}
.main-container.has-menu {
  margin-left: 240px;
}
@media (max-width: 960px) {
  .main-container.has-menu {
    margin-left: 0;
  }
}