/* ---------------------------------------------------------------------------------------------- */
/*  Beginning:0 | Mad.Css.CssStyles  */
/* ---------------------------------------------------------------------------------------------- */

/*! normalize.css v8.0.0 | 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;
}

/**
 * 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 */
  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;
}

/* ---------------------------------------------------------------------------------------------- */
/*  Beginning:1 | Mad.Css.CssStyles  */
/* ---------------------------------------------------------------------------------------------- */


/* CUSTOM RESET */

html {
    font-family: 'Ubuntu', sans-serif;
}

body{
    /*padding-top: $header-height;*/
    line-height: 1.5;
}

a{
    text-decoration: none;
}

div,a,span,input,select,textarea,img,ul,li,article,nav,section,header,footer,main,article{
    box-sizing: border-box;
}

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

 /*Kit Reset*/

input{
    padding: 0;
    border: 0;
}

h1, h2, h3, h4, h5, h6, p{
    font-size: unset;
    margin: unset;
    font-weight: unset;
}

a{
    color: unset;
}

figure{
    margin: 0;
}

button{
    background: unset;
    border: unset;
    color: unset;
    padding: unset;
    margin: unset;
    cursor: pointer;
    outline: none;
    width: unset;
    text-align: unset;
    display: block;
}

table{
    border-collapse: collapse;
}

th{
    text-align: left;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Styles.M1.M1StylesStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-m1-button {
    display: inline-block;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    color: #fff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mkit-m1-button-primary {
    background-color: hsla(204, 76%, 40%, 1);
}

.mkit-m1-button-primary:hover {
    background-color: hsla(204, 76%, 30%, 1);
}

.mkit-m1-button-secondary {
    background-color: hsla(0, 0%, 61%, 1);
}

.mkit-m1-button-secondary:hover {
    background-color: hsla(0, 0%, 51%, 1);
}

.mkit-m1-button-warning {
    background-color: hsla(49, 100%, 40%, 1);
}

.mkit-m1-button-warning:hover {
    background-color: hsla(49, 100%, 30%, 1);
}

.mkit-m1-button-danger {
    background-color: hsla(0, 76%, 40%, 1);
}

.mkit-m1-button-danger:hover {
    background-color: hsla(0, 76%, 30%, 1);
}

.mkit-m1-button-link {
    color: hsla(204, 76%, 40%, 1);
}

.mkit-m1-button-link:hover {
    color: hsla(204, 76%, 30%, 1);
    text-decoration: underline;
}

.mkit-m1-button-block {
    display: block;
    width: 100%;
    text-align: center;
}

.mkit-m1-button-small {
    font-size: 0.8rem;
    padding: .25rem .5rem;
}

.mkit-m1-button-large {
    font-size: 1.2rem;
    padding: .5rem 1rem;
}

.mkit-m1-link-text {
    color: hsla(204, 76%, 40%, 1);
}

.mkit-m1-link-text:hover {
    text-decoration: underline;
}

.mkit-m1-h-pagetitle {
    margin-bottom: .5rem;
    line-height: 1.2;
    font-size: 2rem;
}

.mkit-m1-h-sectiontitle {
    margin-bottom: .5rem;
    line-height: 1.2;
    font-size: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.mkit-m1-h-sectionsubtitle {
    margin-bottom: .5rem;
    line-height: 1.2;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 1rem;
}

.mkit-m1-h-sectionsubsubtitle {
    margin-bottom: .5rem;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: bold;
}

.mkit-m1-h-contentheading1, .mkit-m1-h-contentheading2, .mkit-m1-h-contentheading3, .mkit-m1-h-contentheading4, .mkit-m1-h-contentheading5, .mkit-m1-h-contentheading6 {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.2;
}

.mkit-m1-h-contentheading1 {
    font-size: 2.5rem;
}

.mkit-m1-h-contentheading2 {
    font-size: 2rem;
}

.mkit-m1-h-contentheading3 {
    font-size: 1.75rem;
}

.mkit-m1-h-contentheading4 {
    font-size: 1.5rem;
}

.mkit-m1-h-contentheading5 {
    font-size: 1.25rem;
}

.mkit-m1-h-contentheading6 {
    font-size: 1rem;
}

.mkit-m1-p-lead {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 300;
}

.mkit-m1-p-text {
    margin-bottom: 1rem;
}

.mkit-m1-c-box-secondary, .mkit-m1-c-box-info, .mkit-m1-c-box-warning, .mkit-m1-c-box-danger, .mkit-m1-c-box-success {
    padding: .75rem 1.25rem;
    border-radius: .25rem;
    border: 1px solid transparent;
    margin-bottom: 1rem;
}

.mkit-m1-c-box-secondary {
    color: hsla(0, 0%, 61%, 1);
    border-color: hsla(0, 0%, 86%, 1);
    background-color: hsla(0, 0%, 100%, 1);
}

.mkit-m1-c-box-info {
    color: hsla(188, 77%, 21%, 1);
    border-color: hsla(188, 77%, 46%, 1);
    background-color: hsla(188, 77%, 71%, 1);
}

.mkit-m1-c-box-warning {
    color: hsla(49, 100%, 40%, 1);
    border-color: hsla(49, 100%, 65%, 1);
    background-color: hsla(49, 100%, 90%, 1);
}

.mkit-m1-c-box-danger {
    color: hsla(0, 76%, 40%, 1);
    border-color: hsla(0, 76%, 65%, 1);
    background-color: hsla(0, 76%, 90%, 1);
}

.mkit-m1-c-box-success {
    color: hsla(119, 76%, 40%, 1);
    border-color: hsla(119, 76%, 65%, 1);
    background-color: hsla(119, 76%, 90%, 1);
}

.mkit-m1-c-label-secondary, .mkit-m1-c-label-info, .mkit-m1-c-label-warning, .mkit-m1-c-label-danger, .mkit-m1-c-label-success {
    padding: 3px 6px;
    border-radius: 4px;
}

.mkit-m1-c-label-secondary {
    color: rgba(255, 255, 255, 1);
    background-color: hsla(0, 0%, 61%, 1);
}

.mkit-m1-c-label-info {
    color: rgba(255, 255, 255, 1);
    background-color: hsla(188, 77%, 21%, 1);
}

.mkit-m1-c-label-warning {
    color: rgba(255, 255, 255, 1);
    background-color: hsla(49, 100%, 40%, 1);
}

.mkit-m1-c-label-danger {
    color: rgba(255, 255, 255, 1);
    background-color: hsla(0, 76%, 40%, 1);
}

.mkit-m1-c-label-success {
    color: rgba(255, 255, 255, 1);
    background-color: hsla(119, 76%, 40%, 1);
}

.mkit-m1-code-line, .mkit-m1-code-block {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    background-color: #f9f9f9;
    border: 1px solid #d3d6db;
    color: #bd4147;
    white-space: pre;
}

.mkit-m1-code-line {
    display: inline-block;
    border-radius: .25rem;
    padding: 3px 7px;
}

.mkit-m1-code-block {
    display: block;
    padding: 1rem 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: auto;
    margin-bottom: 1rem;
}

.mkit-m1-form-stacked, .mkit-m1-form-horizontal, .mkit-m1-form-inline {
    position: relative;
}

.mkit-m1-form-stacked::after {
    content: " ";
    clear: both;
    display: block;
}

.mkit-m1-form-stacked .mkit-Field {
    display: block;
    margin-bottom: 1rem;
}

.mkit-m1-form-stacked .mkit-Field-Label {
    display: block;
    margin-bottom: .5rem;
}

.mkit-m1-form-stacked .mkit-Field-Help {
    display: block;
    margin-top: .25rem;
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.8rem;
}

.mkit-m1-form-stacked .mkit-Field-Controls {
    display: block;
}

.mkit-m1-form-stacked input, .mkit-m1-form-stacked textarea, .mkit-m1-form-stacked select {
    width: 100%;
}

.mkit-m1-form-horizontal .mkit-Field {
    background-color: bue;
}

.mkit-m1-form-inline .mkit-Field {
    background-color: gold;
}

.mkit-m1-formcontrol-inline, .mkit-m1-formcontrol-block, .mkit-m1-form-stacked input, .mkit-m1-form-stacked textarea, .mkit-m1-form-stacked select {
    height: calc(calc(1.5em + .75rem + 2px));
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.mkit-m1-formcontrol-inline {
    margin-right: 1rem;
}

.mkit-m1-formcontrol-block, .mkit-m1-form-stacked input, .mkit-m1-form-stacked textarea, .mkit-m1-form-stacked select {
    display: block;
    width: 100%;
}

textarea.mkit-m1-formcontrol-block, .mkit-m1-form-stacked textarea {
    min-height: 150px;
}

.mkit-m1-table {
    width: 100%;
    margin-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-m1-table > * > * > td,th {
    padding: .25rem .5rem;
}

.mkit-m1-table > * > * > th {
    padding: .5rem;
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: bold;
}

.mkit-m1-table > * > * > td {
    background-color: rgba(0, 0, 0, 0.025);
}

.mkit-m1-table-striped > * > *:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.025);
}

.mkit-m1-table-borderedx > * > * > td,th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-m1-table-borderedy > * > * > td,th {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-m1-table-hover > * > tr:not(:first-child):hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mkit-m1-table-compact > * > * > td, th {
    padding: .15rem .3rem;
    font-size: 0.8rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Togglet.ToggletStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Togglet {
}

.mkit-Togglet-b {
    display: none;
}

.mad_active > .mkit-Togglet-L1 > .mkit-Togglet-a {
    display: none;
}

.mad_active > .mkit-Togglet-L1 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > .mkit-Togglet-L2 > .mkit-Togglet-a {
    display: none;
}

.mad_active > .mkit-Togglet-L2 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > * > .mkit-Togglet-L2 > .mkit-Togglet-a {
    display: none;
}

.mad_active > * > .mkit-Togglet-L2 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > .mkit-Togglet-L3 > .mkit-Togglet-a {
    display: none;
}

.mad_active > .mkit-Togglet-L3 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > * > .mkit-Togglet-L3 > .mkit-Togglet-a {
    display: none;
}

.mad_active > * > .mkit-Togglet-L3 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > * > * > .mkit-Togglet-L3 > .mkit-Togglet-a {
    display: none;
}

.mad_active > * > * > .mkit-Togglet-L3 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > .mkit-Togglet-L4 > .mkit-Togglet-a {
    display: none;
}

.mad_active > .mkit-Togglet-L4 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > * > .mkit-Togglet-L4 > .mkit-Togglet-a {
    display: none;
}

.mad_active > * > .mkit-Togglet-L4 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > * > * > .mkit-Togglet-L4 > .mkit-Togglet-a {
    display: none;
}

.mad_active > * > * > .mkit-Togglet-L4 > .mkit-Togglet-b {
    display: initial;
}

.mad_active > * > * > * > .mkit-Togglet-L4 > .mkit-Togglet-a {
    display: none;
}

.mad_active > * > * > * > .mkit-Togglet-L4 > .mkit-Togglet-b {
    display: initial;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Textlet.TextletStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Textlet {
}

.mkit-Textlet-Line {
    display: block;
}

.mkit-Textlet-Line > .mkit-Textlet-icon {
}

.mkit-Textlet-Line > .mkit-Textlet-text {
    padding-left: 10px;
}

.mkit-Textlet-Line > .mkit-Textlet-pointer {
    float: right;
}

.mkit-Textlet-Line > .mkit-Textlet-badge {
}

.mkit-Textlet-Square {
    display: block;
    text-align: center;
}

.mkit-Textlet-Square > .mkit-Textlet-icon {
    display: block;
    font-size: 2rem;
}

.mkit-Textlet-Square > .mkit-Textlet-text {
    display: block;
    font-size: 0.75rem;
}

.mkit-Textlet-Square > .mkit-Textlet-pointer {
    float: right;
}

.mkit-Textlet-Square > .mkit-Textlet-badge {
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Row.RowStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Row {
    display: flex;
    flex-direction: row;
}

.mkit-Row-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.mkit-Row-grow-0 {
    flex: 0 0 auto;
}

.mkit-Row-grow-1 {
    flex: 1 1 auto;
}

.mkit-Row-grow-2 {
    flex: 1 2 auto;
}

.mkit-Row-grow-3 {
    flex: 1 3 auto;
}

.mkit-Row-grow-4 {
    flex: 1 4 auto;
}

.mkit-Row-grow-5 {
    flex: 1 5 auto;
}

.mkit-Row-grow-6 {
    flex: 1 6 auto;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Rotatelet.RotateletStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Rotatelet {
    transition: .2s;
    display: inline-block;
}

.mad_active > .mkit-Rotatelet-L1.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > .mkit-Rotatelet-L1.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > .mkit-Rotatelet-L1.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > .mkit-Rotatelet-L1.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > .mkit-Rotatelet-L1.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > .mkit-Rotatelet-L1.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > .mkit-Rotatelet-L2.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > .mkit-Rotatelet-L2.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > .mkit-Rotatelet-L2.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > .mkit-Rotatelet-L2.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > .mkit-Rotatelet-L2.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > .mkit-Rotatelet-L2.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > * > .mkit-Rotatelet-L2.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > * > .mkit-Rotatelet-L2.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > * > .mkit-Rotatelet-L2.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > * > .mkit-Rotatelet-L2.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > * > .mkit-Rotatelet-L2.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > * > .mkit-Rotatelet-L2.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > .mkit-Rotatelet-L3.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > .mkit-Rotatelet-L3.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > .mkit-Rotatelet-L3.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > .mkit-Rotatelet-L3.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > .mkit-Rotatelet-L3.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > .mkit-Rotatelet-L3.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > * > .mkit-Rotatelet-L3.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > * > .mkit-Rotatelet-L3.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > * > .mkit-Rotatelet-L3.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > * > .mkit-Rotatelet-L3.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > * > .mkit-Rotatelet-L3.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > * > .mkit-Rotatelet-L3.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > * > * > .mkit-Rotatelet-L3.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > * > * > .mkit-Rotatelet-L3.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > * > * > .mkit-Rotatelet-L3.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > * > * > .mkit-Rotatelet-L3.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > * > * > .mkit-Rotatelet-L3.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > * > * > .mkit-Rotatelet-L3.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > .mkit-Rotatelet-L4.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > .mkit-Rotatelet-L4.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > .mkit-Rotatelet-L4.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > .mkit-Rotatelet-L4.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > .mkit-Rotatelet-L4.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > .mkit-Rotatelet-L4.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}

.mad_active > * > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D90 {
    transition: .2s;
    transform: rotate(90deg);
}

.mad_active > * > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D180 {
    transition: .2s;
    transform: rotate(180deg);
}

.mad_active > * > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-D360 {
    transition: .2s;
    transform: rotate(360deg);
}

.mad_active > * > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM90 {
    transition: .2s;
    transform: rotate(-90deg);
}

.mad_active > * > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM180 {
    transition: .2s;
    transform: rotate(-180deg);
}

.mad_active > * > * > * > .mkit-Rotatelet-L4.mkit-Rotatelet-DM360 {
    transition: .2s;
    transform: rotate(-360deg);
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.PropertyTable.PropertyTableStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-PropertyTable-t-Basic.mkit-PropertyTable {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.025);
}

.mkit-PropertyTable-t-Basic > * > * > .mkit-PropertyTable-headline {
    font-weight: bold;
    padding: .5rem;
    background-color: rgba(0, 0, 0, 0.1);
}

.mkit-PropertyTable-t-Basic > * > * > .mkit-PropertyTable-row {
}

.mkit-PropertyTable-t-Basic > * > * > .mkit-PropertyTable-rowname {
    padding: .25rem .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-PropertyTable-t-Basic > * > * > .mkit-PropertyTable-rowvalue {
    padding: .25rem .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.05);
}

.mkit-PropertyTable-t-BasicInverted.mkit-PropertyTable {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.025);
}

.mkit-PropertyTable-t-BasicInverted > * > * > .mkit-PropertyTable-headline {
    font-weight: bold;
    padding: .5rem;
    background-color: rgba(255, 255, 255, 0.1);
}

.mkit-PropertyTable-t-BasicInverted > * > * > .mkit-PropertyTable-row {
}

.mkit-PropertyTable-t-BasicInverted > * > * > .mkit-PropertyTable-rowname {
    padding: .25rem .5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mkit-PropertyTable-t-BasicInverted > * > * > .mkit-PropertyTable-rowvalue {
    padding: .25rem .5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Pop.PopStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Pop {
    position: relative;
}

.mkit-Pop-button {
    width: 100%;
}

.mkit-Pop-container {
    display: none;
    z-index: 10;
}

.mkit-Pop-LeftTop.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transform: translate(-100%, 0%);
}

.mkit-Pop-LeftCenter.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 50%;
    transform: translate(-100%, 50%);
}

.mkit-Pop-LeftBottom.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 100%;
    transform: translate(-100%, 100%);
}

.mkit-Pop-TopLeft.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(0%, -100%);
}

.mkit-Pop-TopCenter.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -100%);
}

.mkit-Pop-TopRight.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translate(0%, -100%);
}

.mkit-Pop-RightTop.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    transform: translate(100%, 0%);
}

.mkit-Pop-RightCenter.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 50%;
    transform: translate(100%, 50%);
}

.mkit-Pop-RightBottom.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 100%;
    transform: translate(100%, 100%);
}

.mkit-Pop-BottomLeft.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transform: translate(0%, 100%);
}

.mkit-Pop-BottomCenter.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 100%);
}

.mkit-Pop-BottomRight.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    transform: translate(0%, 100%);
}

.mkit-Pop-Center.mad_active > .mkit-Pop-container {
    display: block;
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
}

.mkit-Pop-t-Simple > .mkit-Pop-button {
    display: inline-block;
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 0.2rem 0.4rem;
}

.mkit-Pop-t-Simple > .mkit-Pop-button:hover {
    background-color: hsla(0, 0%, 0%, 0.10);
}

.mkit-Pop-t-Simple.mad_active > .mkit-Pop-button {
    background-color: hsla(204, 76%, 40%, 1);
}

.mkit-Pop-t-Simple > .mkit-Pop-container {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 1rem;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Pool.PoolStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Pool {
}

.mkit-Pool-theme-Simple > * > * > .mkit-Pool-body {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.mkit-Pool-theme-Simple > * > * > * > .mkit-Pool-close {
    color: rgba(0, 0, 0, 0.5);
    padding: 1rem 1.5rem;
}

.mkit-Pool-theme-Simple > * > * > * > .mkit-Pool-close:hover {
    color: rgba(0, 0, 0, 0.75);
    background-color: hsla(0, 0%, 0%, 0.10);
}

.mkit-Pool-theme-Simple > * > * > * > .mkit-Pool-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 0.75);
    font-weight: bold;
}

.mkit-Pool-theme-Simple > * > * > * > .mkit-Pool-header:empty {
    display: none;
}

.mkit-Pool-theme-Simple > * > * > * > .mkit-Pool-content {
    padding: 1rem 1.5rem;
}

.mkit-Pool-Modal-container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.mkit-Pool-Modal-container .mkit-Pool-body {
    position: absolute;
    top: 10%;
    z-index: 10;
}

.mkit-Pool-Modal-container.mkit-Pool-size-XS .mkit-Pool-body {
    width: 200px;
    left: calc(50% - 100px);
}

.mkit-Pool-Modal-container.mkit-Pool-size-S .mkit-Pool-body {
    width: 400px;
    left: calc(50% - 200px);
}

.mkit-Pool-Modal-container.mkit-Pool-size-M .mkit-Pool-body {
    width: 800px;
    left: calc(50% - 400px);
}

.mkit-Pool-Modal-container.mkit-Pool-size-L .mkit-Pool-body {
    width: 1000px;
    left: calc(50% - 500px);
}

.mkit-Pool-Modal-container.mkit-Pool-size-P100 .mkit-Pool-body {
    width: 100%;
    left: 0px;
}

.mkit-Pool-Modal-container .mkit-Pool-container-overlay {
    position: fixed;
    z-index: 10;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: block;
}

.mkit-Pool-Modal-container.mad_inactive {
    display: none;
}

.mkit-Pool-close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    padding: 10px;
    color: 1px solid rgba(0, 0, 0, 0.5);
}

.mkit-Pool-Blade.mad_inactive > .mkit-Pool-containers {
    display: none;
}

.mkit-Pool-Blade > .mkit-Pool-containers {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    white-space: nowrap;
    overflow: auto;
}

.mkit-Pool-Blade-container {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 0px;
    transition: width 0.3s;
    overflow: hidden;
    margin-bottom: -6px;
}

.mkit-Pool-Blade-container.mad_active {
    overflow: auto;
}

.mkit-Pool-Blade-container > .mkit-Pool-body {
    height: 100%;
}

.mkit-Pool-Blade-container.mad_active.mkit-Pool-size-XS {
    width: 200px;
}

.mkit-Pool-Blade-container.mad_active.mkit-Pool-size-S {
    width: 400px;
}

.mkit-Pool-Blade-container.mad_active.mkit-Pool-size-M {
    width: 800px;
}

.mkit-Pool-Blade-container.mad_active.mkit-Pool-size-L {
    width: 1000px;
}

.mkit-Pool-Blade-container.mad_active.mkit-Pool-size-P100 {
    width: 100%;
}

.mkit-Pool-Blade-container.mkit-Pool-size-XS .mkit-Pool-body {
    width: 200px;
}

.mkit-Pool-Blade-container.mkit-Pool-size-S .mkit-Pool-body {
    width: 400px;
}

.mkit-Pool-Blade-container.mkit-Pool-size-M .mkit-Pool-body {
    width: 800px;
}

.mkit-Pool-Blade-container.mkit-Pool-size-L .mkit-Pool-body {
    width: 1000px;
}

.mkit-Pool-Blade-container.mkit-Pool-size-P100 .mkit-Pool-body {
}

.mkit-Pool-Drill {
    height: 100%;
}

.mkit-Pool-Drill.mad_inactive > .mkit-Pool-containers {
    display: none;
}

.mkit-Pool-Drill > .mkit-Pool-containers {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.mkit-Pool-Drill-container {
    position: absolute;
    left: 100%;
    top: 0px;
    height: 100%;
    width: 100%;
    transition: left 0.3s;
    overflow: auto;
}

.mkit-Pool-Drill-container.mad_active {
    position: absolute;
    left: 0%;
    top: 0px;
    height: 100%;
    width: 100%;
}

.mkit-Pool-Drill > * > * > .mkit-Pool-body {
    height: 100%;
    overflow: auto;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Nav.NavStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Nav-kind-List.mkit-Nav {
    padding: 0.5rem;
}

.mkit-Nav-kind-List .mkit-Nav-title {
}

.mkit-Nav-kind-List .mkit-Nav-divier {
}

.mkit-Nav-kind-List .mkit-Nav-folder {
}

.mkit-Nav-kind-List .mkit-Nav-folderButton {
    padding: 0.2rem 0.5rem;
    padding-left: 1rem;
    line-height: 1.5rem;
    display: block;
    width: 100%;
    position: relative;
}

.mkit-Nav-kind-List .mkit-Nav-folderButton:hover {
    background-color: hsla(0, 0%, 0%, 0.10);
}

.mkit-Nav-kind-List .mkit-Nav-folderContainer {
    padding-left: 1rem;
}

.mkit-Nav-kind-List .mkit-Nav-link {
    padding: 0.2rem 0.5rem;
    display: block;
    width: 100%;
}

.mkit-Nav-kind-List .mkit-Nav-link:hover {
    background-color: hsla(0, 0%, 0%, 0.10);
}

.mkit-Nav-kind-List .mkit-Nav-link.mad_active {
    background-color: #F7D346;
}

.mkit-Nav-kind-List .mkit-Nav-button {
}

.mkit-Nav-kind-Row.mkit-Nav {
}

.mkit-Nav-kind-Row.mkit-Nav::after {
    clear: both;
}

.mkit-Nav-kind-Row .mkit-Nav-link {
    display: block;
    float: left;
    padding: 0.5rem;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
}

.mkit-Nav-kind-Row .mkit-Nav-link.mad_active {
    background-color: #F7D346;
}

.mkit-Nav-kind-Row .mkit-Nav-button {
}

.mkit-Nav-kind-Row .mkit-Nav-title {
}

.mkit-Nav-kind-Row .mkit-Nav-divier {
}

.mkit-Nav-kind-Row .mkit-Nav-folder {
}

.mkit-Nav-kind-Row .mkit-Nav-folderButton {
}

.mkit-Nav-kind-Row .mkit-Nav-folderContainer {
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Loader.LoaderStyles  */
/* ---------------------------------------------------------------------------------------------- */
@keyframes mkit-loading-spinning {
from {
    transform: rotate(0deg);

}



to {
    transform: rotate(360deg);

}



}

.mkit-loader {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 250, 0.47);
    left: 0px;
    top: 0px;
}

.mkit-loader::after {
    display: block;
    content: "''";
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: .8em solid rgba(0,0,0, 0.1);
    border-right: .8em solid rgba(0,0,0, 0.1);
    border-bottom: .8em solid rgba(0,0,0, 0.1);
    border-left: .8em solid GOLD;
    transform: translateZ(0);
    animation: mkit-loading-spinning 600ms infinite linear;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    margin: auto;
}

.mkit-state-loading > .mkit-loader {
    display: block;
    opacity: 1;
    transition: opacity 2s linear;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.LoadAsync.LoadAsyncStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-LoadAsync {
    position: relative;
    min-height: 70px;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.InfinityUp.InfinityUpStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-infinityup {
    position: relative;
    display: block;
    height: 200px;
    width: 100%;
    clear: both;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.InfinityDown.InfinityDownStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-infinitydown {
    position: relative;
    display: block;
    height: 200px;
    width: 100%;
    clear: both;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Image.ImageStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Image {
    width: 100%;
    position: relative;
    display: block;
}

.mkit-Image-img {
    width: 100%;
    height: 100%;
    border: 0;
}

.mkit-Image-cover {
    object-fit: cover;
}

.mkit-Image-contain {
    object-fit: contain;
}

.mkit-Image-scaledown {
    object-fit: scale-down;
}

.mkit-Image-absolute {
    position: absolute;
    left: 0px;
    top: 0px;
}

.mkit-Image-Round {
    border-radius: 50%;
    padding-bottom: 100%;
    overflow: hidden;
}

.mkit-Image-Square {
    padding-bottom: 100%;
}

.mkit-Image-Ratio4to3 {
    padding-bottom: 75%;
}

.mkit-Image-Ratio16to9 {
    padding-bottom: 56.25%;
}

.mkit-Image-Ratio21to9 {
    padding-bottom: 42.857%;
}

.mkit-Image-Ratio10to13 {
    padding-bottom: 130%;
}

.mkit-Image-Ratio2to3 {
    padding-bottom: 150%;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Grid.GridStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Grid {
}

.mkit-Grid-item {
    width: 100%;
    float: left;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Form.FormStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Form {
}

.mkit-Form-ValidationSummary {
    display: none;
    background-color: hsla(0, 76%, 40%, 1);
    color: #fff;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

.mkit-Form-SuccessMessage {
    display: none;
    background-color: hsla(119, 76%, 40%, 1);
    color: #fff;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Field.FieldStyles  */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Expand.ExpandStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Expand {
}

.mkit-Expand-button {
    width: 100%;
}

.mkit-Expand-terminate.mad_active > .mkit-Expand-button {
    display: none;
}

.mkit-Expand-container {
    width: 100%;
}

.mkit-Expand-t-Basic {
}

.mkit-Expand-t-Basic > .mkit-Expand-button {
    background-color: rgba(0, 0, 0, 0.025);
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-Expand-t-Basic > .mkit-Expand-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mkit-Expand-t-Basic.mad_active > .mkit-Expand-button {
    background-color: rgba(0, 0, 0, 0.1);
}

.mkit-Expand-t-Basic > .mkit-Expand-container {
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.025);
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.DataTable.DataTableStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-datatable-t-Basic.mkit-datatable {
    width: 100%;
    margin-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-datatable-t-Basic > * > .mkit-datatable-namerow {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-datatable-t-Basic > * > * > .mkit-datatable-cell {
    padding: .25rem .5rem;
}

.mkit-datatable-t-Basic > * > * > .mkit-datatable-namecell {
    padding: .5rem;
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: bold;
}

.mkit-datatable-t-Basic > * > * > .mkit-datatable-valuecell {
    background-color: rgba(0, 0, 0, 0.025);
}

.mkit-datatable-t-Basic.mkit-datatable-striped > * > *:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.025);
}

.mkit-datatable-t-Basic.mkit-datatable-borderedx > * > * > .mkit-datatable-cell {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-datatable-t-Basic.mkit-datatable-borderedy > * > * > .mkit-datatable-cell {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.mkit-datatable-t-Basic.mkit-datatable-hover > * > .mkit-datatable-valuerow:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.mkit-datatable-t-Basic.mkit-datatable-compact > * > * > .mkit-datatable-cell {
    padding: .15rem .3rem;
    font-size: 0.8rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Controls.Column.ColumnStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Column {
    display: flex;
    flex-direction: column;
}

.mkit-Column-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.mkit-Column-grow-0 {
    flex: 0 0 auto;
}

.mkit-Column-grow-1 {
    flex: 1 1 auto;
}

.mkit-Column-grow-2 {
    flex: 1 2 auto;
}

.mkit-Column-grow-3 {
    flex: 1 3 auto;
}

.mkit-Column-grow-4 {
    flex: 1 4 auto;
}

.mkit-Column-grow-5 {
    flex: 1 5 auto;
}

.mkit-Column-grow-6 {
    flex: 1 6 auto;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Components.Testbench.TestbenchStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-testbench {
}

.mkit-testbench-browse {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.mkit-testbench-setup {
    position: absolute;
    top: 0px;
    right: 0px;
    width: calc(100% - 300px);
    height: 40%;
    background-color: rgba(0, 0, 0, 0.2);
}

.mkit-testbench-result {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: calc(100% - 300px);
    height: calc(60%);
    background-color: rgba(0, 0, 0, 0.3);
}

.mkit-testbench-browsebutton, .mkit-testbench-browse .mkit-Expand-button {
    padding: 2px 6px;
}

.mkit-testbench-browsebutton:hover, .mkit-testbench-browse .mkit-Expand-button:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.mkit-testbench-browsebutton.mad_active {
    background-color: rgba(255, 232, 0, 0.31);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.mkit-testbench-browse .mkit-Expand-container {
    padding-left: 1rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0 | Mad.MKit.Components.Testbench.TestbenchSetup.TestbenchSetupStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-TestbenchSetup {
}

.mkit-TestbenchSetup-Path {
    display: block;
    font-size: 0.8rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    margin-left: 2rem;
    margin-top: 0.5rem;
}

.mkit-TestbenchSetup-Title {
    margin: 1rem 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0px;
    font-size: 1.4rem;
    font-weight: bold;
}

.mkit-TestbenchSetup-Properties {
    padding: 1rem 2rem;
}

.mkit-TestbenchSetup-Property {
    overflow: hidden;
}

.mkit-TestbenchSetup-PropertyType {
    font-family: monospace;
    display: inline-block;
    margin-right: 1rem;
    color: #00bcd4;
}

.mkit-TestbenchSetup-PropertyName {
    font-family: monospace;
    display: inline-block;
    margin-right: 1rem;
}

.mkit-TestbenchSetup-PropertyInput {
    font-family: monospace;
    display: inline-block;
    margin-right: 1rem;
}

.mkit-TestbenchSetup-PropertyInput  * {
    background: unset;
    color: #a52610;
}

.mkit-TestbenchSetup-PropertyInput  *:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.mkit-TestbenchSetup-PropertyInput input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 370px;
}

.mkit-TestbenchSetup-RunButton {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    background-color: #4CAF50;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.ClearStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-clear-none {
    clear: none;
}

.default-clear-left {
    clear: left;
}

.default-clear-right {
    clear: right;
}

.default-clear-both {
    clear: both;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Z.ZStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-z-z0 {
    z-index: 0;
}

.default-z-z10 {
    z-index: 10;
}

.default-z-z100 {
    z-index: 10;
}

.default-z-z1000 {
    z-index: 1000;
}

.default-z-zmax {
    z-index: 2147483647;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Width.WidthStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-width-p25 {
    width: 25%;
}

.default-width-p50 {
    width: 50%;
}

.default-width-p75 {
    width: 75%;
}

.default-width-p100 {
    width: 100%;
}

.default-width-s1 {
    width: calc(100%/24*1);
}

.default-width-s2 {
    width: calc(100%/24*2);
}

.default-width-s3 {
    width: calc(100%/24*3);
}

.default-width-s4 {
    width: calc(100%/24*4);
}

.default-width-s5 {
    width: calc(100%/24*5);
}

.default-width-s6 {
    width: calc(100%/24*6);
}

.default-width-s7 {
    width: calc(100%/24*7);
}

.default-width-s8 {
    width: calc(100%/24*8);
}

.default-width-s9 {
    width: calc(100%/24*9);
}

.default-width-s10 {
    width: calc(100%/24*10);
}

.default-width-s11 {
    width: calc(100%/24*11);
}

.default-width-s12 {
    width: calc(100%/24*12);
}

.default-width-s13 {
    width: calc(100%/24*13);
}

.default-width-s14 {
    width: calc(100%/24*14);
}

.default-width-s15 {
    width: calc(100%/24*15);
}

.default-width-s16 {
    width: calc(100%/24*16);
}

.default-width-s17 {
    width: calc(100%/24*17);
}

.default-width-s18 {
    width: calc(100%/24*18);
}

.default-width-s19 {
    width: calc(100%/24*19);
}

.default-width-s20 {
    width: calc(100%/24*20);
}

.default-width-s21 {
    width: calc(100%/24*21);
}

.default-width-s22 {
    width: calc(100%/24*22);
}

.default-width-s23 {
    width: calc(100%/24*23);
}

.default-width-s24 {
    width: calc(100%/24*24);
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Weight.WeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-weight-normal {
    font-weight: normal;
}

.default-weight-bold {
    font-weight: bold;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Text.TextStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-text-xsmal {
    font-size: 0.7rem;
    line-height: 1;
}

.default-text-small {
    font-size: 0.8rem;
    line-height: 1;
}

.default-text-medium {
    font-size: 1rem;
    line-height: 1.5;
}

.default-text-large {
    font-size: 1.25rem;
    line-height: 1.5;
}

.default-text-xlarge {
    font-size: 1.5rem;
    line-height: 1.5;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Position.PositionStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-position-static {
    position: static;
}

.default-position-relative {
    position: relative;
}

.default-position-absolute {
    position: absolute;
}

.default-position-fixed {
    position: fixed;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Padding.PaddingStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-padding-zero {
    padding: 0;
}

.default-padding-one {
    padding: 0.5rem;
}

.default-padding-two {
    padding: 1rem;
}

.default-padding-three {
    padding: 1.5rem;
}

.default-padding-four {
    padding: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Padding.PaddingLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-padding-left-zero {
    padding-left: 0;
}

.default-padding-left-one {
    padding-left: 0.5rem;
}

.default-padding-left-two {
    padding-left: 1rem;
}

.default-padding-left-three {
    padding-left: 1.5rem;
}

.default-padding-left-four {
    padding-left: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Padding.PaddingRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-padding-right-zero {
    padding-right: 0;
}

.default-padding-right-one {
    padding-right: 0.5rem;
}

.default-padding-right-two {
    padding-right: 1rem;
}

.default-padding-right-three {
    padding-right: 1.5rem;
}

.default-padding-right-four {
    padding-right: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Padding.PaddingTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-padding-top-zero {
    padding-top: 0;
}

.default-padding-top-one {
    padding-top: 0.5rem;
}

.default-padding-top-two {
    padding-top: 1rem;
}

.default-padding-top-three {
    padding-top: 1.5rem;
}

.default-padding-top-four {
    padding-top: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Padding.PaddingBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-padding-bottom-zero {
    padding-bottom: 0;
}

.default-padding-bottom-one {
    padding-bottom: 0.5rem;
}

.default-padding-bottom-two {
    padding-bottom: 1rem;
}

.default-padding-bottom-three {
    padding-bottom: 1.5rem;
}

.default-padding-bottom-four {
    padding-bottom: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Overflow.OverflowStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-overflow-hidden {
    overflow: hidden;
}

.default-overflow-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Margin.MarginStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-margin-zero {
    margin: 0;
}

.default-margin-one {
    margin: 0.5rem;
}

.default-margin-two {
    margin: 1rem;
}

.default-margin-three {
    margin: 1.5rem;
}

.default-margin-four {
    margin: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Margin.MarginLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-margin-left-zero {
    margin-left: 0;
}

.default-margin-left-one {
    margin-left: 0.5rem;
}

.default-margin-left-two {
    margin-left: 1rem;
}

.default-margin-left-three {
    margin-left: 1.5rem;
}

.default-margin-left-four {
    margin-left: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Margin.MarginRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-margin-right-zero {
    margin-right: 0;
}

.default-margin-right-one {
    margin-right: 0.5rem;
}

.default-margin-right-two {
    margin-right: 1rem;
}

.default-margin-right-three {
    margin-right: 1.5rem;
}

.default-margin-right-four {
    margin-right: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Margin.MarginTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-margin-top-zero {
    margin-top: 0;
}

.default-margin-top-one {
    margin-top: 0.5rem;
}

.default-margin-top-two {
    margin-top: 1rem;
}

.default-margin-top-three {
    margin-top: 1.5rem;
}

.default-margin-top-four {
    margin-top: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Margin.MarginBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-margin-bottom-zero {
    margin-bottom: 0;
}

.default-margin-bottom-one {
    margin-bottom: 0.5rem;
}

.default-margin-bottom-two {
    margin-bottom: 1rem;
}

.default-margin-bottom-three {
    margin-bottom: 1.5rem;
}

.default-margin-bottom-four {
    margin-bottom: 2rem;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Height.HeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-height-P25 {
    height: 25%;
}

.default-height-P50 {
    height: 50%;
}

.default-height-P75 {
    height: 75%;
}

.default-height-P100 {
    height: 100%;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Float.FloatStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-float-none {
    float: none;
}

.default-float-left {
    float: left;
}

.default-float-right {
    float: right;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Display.DisplayStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-display-none {
    display: none;
}

.default-display-block {
    display: block;
}

.default-display-inline {
    display: inline;
}

.default-display-inlineblock {
    display: inline-block;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Cordinate.CordinateLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-left-zero {
    left: 0;
}

.default-left-p100 {
    left: 100%;
}

.default-left-p100m {
    left: -100%;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Cordinate.CordinateRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-right-zero {
    right: 0;
}

.default-right-p100 {
    right: 100%;
}

.default-right-p100m {
    right: -100%;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Cordinate.CordinateTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-top-zero {
    top: 0;
}

.default-top-p100 {
    top: 100%;
}

.default-top-p100m {
    top: -100%;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Cordinate.CordinateBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-bottom-zero {
    bottom: 0;
}

.default-bottom-p100 {
    bottom: 100%;
}

.default-bottom-p100m {
    bottom: -100%;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Casing.CasingStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-casing-none {
    text-transform: none;
}

.default-casing-lower {
    text-transform: lowercase;
}

.default-casing-upper {
    text-transform: uppercase;
}

.default-casing-title {
    text-transform: capitalize;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:default | Mad.MKit.Styles.Responsive.Align.AlignStyles  */
/* ---------------------------------------------------------------------------------------------- */
.default-align-left {
    text-align: left;
}

.default-align-right {
    text-align: right;
}

.default-align-center {
    text-align: center;
}

.default-align-justify {
    text-align: justify;
}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.ClearStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-clear-none {
    clear: none;
}

.smobile-clear-left {
    clear: left;
}

.smobile-clear-right {
    clear: right;
}

.smobile-clear-both {
    clear: both;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Z.ZStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-z-z0 {
    z-index: 0;
}

.smobile-z-z10 {
    z-index: 10;
}

.smobile-z-z100 {
    z-index: 10;
}

.smobile-z-z1000 {
    z-index: 1000;
}

.smobile-z-zmax {
    z-index: 2147483647;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Width.WidthStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-width-p25 {
    width: 25%;
}

.smobile-width-p50 {
    width: 50%;
}

.smobile-width-p75 {
    width: 75%;
}

.smobile-width-p100 {
    width: 100%;
}

.smobile-width-s1 {
    width: calc(100%/24*1);
}

.smobile-width-s2 {
    width: calc(100%/24*2);
}

.smobile-width-s3 {
    width: calc(100%/24*3);
}

.smobile-width-s4 {
    width: calc(100%/24*4);
}

.smobile-width-s5 {
    width: calc(100%/24*5);
}

.smobile-width-s6 {
    width: calc(100%/24*6);
}

.smobile-width-s7 {
    width: calc(100%/24*7);
}

.smobile-width-s8 {
    width: calc(100%/24*8);
}

.smobile-width-s9 {
    width: calc(100%/24*9);
}

.smobile-width-s10 {
    width: calc(100%/24*10);
}

.smobile-width-s11 {
    width: calc(100%/24*11);
}

.smobile-width-s12 {
    width: calc(100%/24*12);
}

.smobile-width-s13 {
    width: calc(100%/24*13);
}

.smobile-width-s14 {
    width: calc(100%/24*14);
}

.smobile-width-s15 {
    width: calc(100%/24*15);
}

.smobile-width-s16 {
    width: calc(100%/24*16);
}

.smobile-width-s17 {
    width: calc(100%/24*17);
}

.smobile-width-s18 {
    width: calc(100%/24*18);
}

.smobile-width-s19 {
    width: calc(100%/24*19);
}

.smobile-width-s20 {
    width: calc(100%/24*20);
}

.smobile-width-s21 {
    width: calc(100%/24*21);
}

.smobile-width-s22 {
    width: calc(100%/24*22);
}

.smobile-width-s23 {
    width: calc(100%/24*23);
}

.smobile-width-s24 {
    width: calc(100%/24*24);
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Weight.WeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-weight-normal {
    font-weight: normal;
}

.smobile-weight-bold {
    font-weight: bold;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Text.TextStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-text-xsmal {
    font-size: 0.7rem;
    line-height: 1;
}

.smobile-text-small {
    font-size: 0.8rem;
    line-height: 1;
}

.smobile-text-medium {
    font-size: 1rem;
    line-height: 1.5;
}

.smobile-text-large {
    font-size: 1.25rem;
    line-height: 1.5;
}

.smobile-text-xlarge {
    font-size: 1.5rem;
    line-height: 1.5;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Position.PositionStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-position-static {
    position: static;
}

.smobile-position-relative {
    position: relative;
}

.smobile-position-absolute {
    position: absolute;
}

.smobile-position-fixed {
    position: fixed;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Padding.PaddingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-padding-zero {
    padding: 0;
}

.smobile-padding-one {
    padding: 0.5rem;
}

.smobile-padding-two {
    padding: 1rem;
}

.smobile-padding-three {
    padding: 1.5rem;
}

.smobile-padding-four {
    padding: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Padding.PaddingLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-padding-left-zero {
    padding-left: 0;
}

.smobile-padding-left-one {
    padding-left: 0.5rem;
}

.smobile-padding-left-two {
    padding-left: 1rem;
}

.smobile-padding-left-three {
    padding-left: 1.5rem;
}

.smobile-padding-left-four {
    padding-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Padding.PaddingRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-padding-right-zero {
    padding-right: 0;
}

.smobile-padding-right-one {
    padding-right: 0.5rem;
}

.smobile-padding-right-two {
    padding-right: 1rem;
}

.smobile-padding-right-three {
    padding-right: 1.5rem;
}

.smobile-padding-right-four {
    padding-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Padding.PaddingTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-padding-top-zero {
    padding-top: 0;
}

.smobile-padding-top-one {
    padding-top: 0.5rem;
}

.smobile-padding-top-two {
    padding-top: 1rem;
}

.smobile-padding-top-three {
    padding-top: 1.5rem;
}

.smobile-padding-top-four {
    padding-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Padding.PaddingBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-padding-bottom-zero {
    padding-bottom: 0;
}

.smobile-padding-bottom-one {
    padding-bottom: 0.5rem;
}

.smobile-padding-bottom-two {
    padding-bottom: 1rem;
}

.smobile-padding-bottom-three {
    padding-bottom: 1.5rem;
}

.smobile-padding-bottom-four {
    padding-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Overflow.OverflowStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-overflow-hidden {
    overflow: hidden;
}

.smobile-overflow-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Margin.MarginStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-margin-zero {
    margin: 0;
}

.smobile-margin-one {
    margin: 0.5rem;
}

.smobile-margin-two {
    margin: 1rem;
}

.smobile-margin-three {
    margin: 1.5rem;
}

.smobile-margin-four {
    margin: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Margin.MarginLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-margin-left-zero {
    margin-left: 0;
}

.smobile-margin-left-one {
    margin-left: 0.5rem;
}

.smobile-margin-left-two {
    margin-left: 1rem;
}

.smobile-margin-left-three {
    margin-left: 1.5rem;
}

.smobile-margin-left-four {
    margin-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Margin.MarginRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-margin-right-zero {
    margin-right: 0;
}

.smobile-margin-right-one {
    margin-right: 0.5rem;
}

.smobile-margin-right-two {
    margin-right: 1rem;
}

.smobile-margin-right-three {
    margin-right: 1.5rem;
}

.smobile-margin-right-four {
    margin-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Margin.MarginTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-margin-top-zero {
    margin-top: 0;
}

.smobile-margin-top-one {
    margin-top: 0.5rem;
}

.smobile-margin-top-two {
    margin-top: 1rem;
}

.smobile-margin-top-three {
    margin-top: 1.5rem;
}

.smobile-margin-top-four {
    margin-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Margin.MarginBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-margin-bottom-zero {
    margin-bottom: 0;
}

.smobile-margin-bottom-one {
    margin-bottom: 0.5rem;
}

.smobile-margin-bottom-two {
    margin-bottom: 1rem;
}

.smobile-margin-bottom-three {
    margin-bottom: 1.5rem;
}

.smobile-margin-bottom-four {
    margin-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Height.HeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-height-P25 {
    height: 25%;
}

.smobile-height-P50 {
    height: 50%;
}

.smobile-height-P75 {
    height: 75%;
}

.smobile-height-P100 {
    height: 100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Float.FloatStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-float-none {
    float: none;
}

.smobile-float-left {
    float: left;
}

.smobile-float-right {
    float: right;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Display.DisplayStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-display-none {
    display: none;
}

.smobile-display-block {
    display: block;
}

.smobile-display-inline {
    display: inline;
}

.smobile-display-inlineblock {
    display: inline-block;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Cordinate.CordinateLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-left-zero {
    left: 0;
}

.smobile-left-p100 {
    left: 100%;
}

.smobile-left-p100m {
    left: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Cordinate.CordinateRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-right-zero {
    right: 0;
}

.smobile-right-p100 {
    right: 100%;
}

.smobile-right-p100m {
    right: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Cordinate.CordinateTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-top-zero {
    top: 0;
}

.smobile-top-p100 {
    top: 100%;
}

.smobile-top-p100m {
    top: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Cordinate.CordinateBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-bottom-zero {
    bottom: 0;
}

.smobile-bottom-p100 {
    bottom: 100%;
}

.smobile-bottom-p100m {
    bottom: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Casing.CasingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-casing-none {
    text-transform: none;
}

.smobile-casing-lower {
    text-transform: lowercase;
}

.smobile-casing-upper {
    text-transform: uppercase;
}

.smobile-casing-title {
    text-transform: capitalize;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:smobile | Mad.MKit.Styles.Responsive.Align.AlignStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (max-width: 320px) {
.smobile-align-left {
    text-align: left;
}

.smobile-align-right {
    text-align: right;
}

.smobile-align-center {
    text-align: center;
}

.smobile-align-justify {
    text-align: justify;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.ClearStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-clear-none {
    clear: none;
}

.mobile-clear-left {
    clear: left;
}

.mobile-clear-right {
    clear: right;
}

.mobile-clear-both {
    clear: both;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Z.ZStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-z-z0 {
    z-index: 0;
}

.mobile-z-z10 {
    z-index: 10;
}

.mobile-z-z100 {
    z-index: 10;
}

.mobile-z-z1000 {
    z-index: 1000;
}

.mobile-z-zmax {
    z-index: 2147483647;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Width.WidthStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-width-p25 {
    width: 25%;
}

.mobile-width-p50 {
    width: 50%;
}

.mobile-width-p75 {
    width: 75%;
}

.mobile-width-p100 {
    width: 100%;
}

.mobile-width-s1 {
    width: calc(100%/24*1);
}

.mobile-width-s2 {
    width: calc(100%/24*2);
}

.mobile-width-s3 {
    width: calc(100%/24*3);
}

.mobile-width-s4 {
    width: calc(100%/24*4);
}

.mobile-width-s5 {
    width: calc(100%/24*5);
}

.mobile-width-s6 {
    width: calc(100%/24*6);
}

.mobile-width-s7 {
    width: calc(100%/24*7);
}

.mobile-width-s8 {
    width: calc(100%/24*8);
}

.mobile-width-s9 {
    width: calc(100%/24*9);
}

.mobile-width-s10 {
    width: calc(100%/24*10);
}

.mobile-width-s11 {
    width: calc(100%/24*11);
}

.mobile-width-s12 {
    width: calc(100%/24*12);
}

.mobile-width-s13 {
    width: calc(100%/24*13);
}

.mobile-width-s14 {
    width: calc(100%/24*14);
}

.mobile-width-s15 {
    width: calc(100%/24*15);
}

.mobile-width-s16 {
    width: calc(100%/24*16);
}

.mobile-width-s17 {
    width: calc(100%/24*17);
}

.mobile-width-s18 {
    width: calc(100%/24*18);
}

.mobile-width-s19 {
    width: calc(100%/24*19);
}

.mobile-width-s20 {
    width: calc(100%/24*20);
}

.mobile-width-s21 {
    width: calc(100%/24*21);
}

.mobile-width-s22 {
    width: calc(100%/24*22);
}

.mobile-width-s23 {
    width: calc(100%/24*23);
}

.mobile-width-s24 {
    width: calc(100%/24*24);
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Weight.WeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-weight-normal {
    font-weight: normal;
}

.mobile-weight-bold {
    font-weight: bold;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Text.TextStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-text-xsmal {
    font-size: 0.7rem;
    line-height: 1;
}

.mobile-text-small {
    font-size: 0.8rem;
    line-height: 1;
}

.mobile-text-medium {
    font-size: 1rem;
    line-height: 1.5;
}

.mobile-text-large {
    font-size: 1.25rem;
    line-height: 1.5;
}

.mobile-text-xlarge {
    font-size: 1.5rem;
    line-height: 1.5;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Position.PositionStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-position-static {
    position: static;
}

.mobile-position-relative {
    position: relative;
}

.mobile-position-absolute {
    position: absolute;
}

.mobile-position-fixed {
    position: fixed;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Padding.PaddingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-padding-zero {
    padding: 0;
}

.mobile-padding-one {
    padding: 0.5rem;
}

.mobile-padding-two {
    padding: 1rem;
}

.mobile-padding-three {
    padding: 1.5rem;
}

.mobile-padding-four {
    padding: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Padding.PaddingLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-padding-left-zero {
    padding-left: 0;
}

.mobile-padding-left-one {
    padding-left: 0.5rem;
}

.mobile-padding-left-two {
    padding-left: 1rem;
}

.mobile-padding-left-three {
    padding-left: 1.5rem;
}

.mobile-padding-left-four {
    padding-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Padding.PaddingRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-padding-right-zero {
    padding-right: 0;
}

.mobile-padding-right-one {
    padding-right: 0.5rem;
}

.mobile-padding-right-two {
    padding-right: 1rem;
}

.mobile-padding-right-three {
    padding-right: 1.5rem;
}

.mobile-padding-right-four {
    padding-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Padding.PaddingTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-padding-top-zero {
    padding-top: 0;
}

.mobile-padding-top-one {
    padding-top: 0.5rem;
}

.mobile-padding-top-two {
    padding-top: 1rem;
}

.mobile-padding-top-three {
    padding-top: 1.5rem;
}

.mobile-padding-top-four {
    padding-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Padding.PaddingBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-padding-bottom-zero {
    padding-bottom: 0;
}

.mobile-padding-bottom-one {
    padding-bottom: 0.5rem;
}

.mobile-padding-bottom-two {
    padding-bottom: 1rem;
}

.mobile-padding-bottom-three {
    padding-bottom: 1.5rem;
}

.mobile-padding-bottom-four {
    padding-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Overflow.OverflowStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-overflow-hidden {
    overflow: hidden;
}

.mobile-overflow-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Margin.MarginStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-margin-zero {
    margin: 0;
}

.mobile-margin-one {
    margin: 0.5rem;
}

.mobile-margin-two {
    margin: 1rem;
}

.mobile-margin-three {
    margin: 1.5rem;
}

.mobile-margin-four {
    margin: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Margin.MarginLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-margin-left-zero {
    margin-left: 0;
}

.mobile-margin-left-one {
    margin-left: 0.5rem;
}

.mobile-margin-left-two {
    margin-left: 1rem;
}

.mobile-margin-left-three {
    margin-left: 1.5rem;
}

.mobile-margin-left-four {
    margin-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Margin.MarginRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-margin-right-zero {
    margin-right: 0;
}

.mobile-margin-right-one {
    margin-right: 0.5rem;
}

.mobile-margin-right-two {
    margin-right: 1rem;
}

.mobile-margin-right-three {
    margin-right: 1.5rem;
}

.mobile-margin-right-four {
    margin-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Margin.MarginTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-margin-top-zero {
    margin-top: 0;
}

.mobile-margin-top-one {
    margin-top: 0.5rem;
}

.mobile-margin-top-two {
    margin-top: 1rem;
}

.mobile-margin-top-three {
    margin-top: 1.5rem;
}

.mobile-margin-top-four {
    margin-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Margin.MarginBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-margin-bottom-zero {
    margin-bottom: 0;
}

.mobile-margin-bottom-one {
    margin-bottom: 0.5rem;
}

.mobile-margin-bottom-two {
    margin-bottom: 1rem;
}

.mobile-margin-bottom-three {
    margin-bottom: 1.5rem;
}

.mobile-margin-bottom-four {
    margin-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Height.HeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-height-P25 {
    height: 25%;
}

.mobile-height-P50 {
    height: 50%;
}

.mobile-height-P75 {
    height: 75%;
}

.mobile-height-P100 {
    height: 100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Float.FloatStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-float-none {
    float: none;
}

.mobile-float-left {
    float: left;
}

.mobile-float-right {
    float: right;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Display.DisplayStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-display-none {
    display: none;
}

.mobile-display-block {
    display: block;
}

.mobile-display-inline {
    display: inline;
}

.mobile-display-inlineblock {
    display: inline-block;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Cordinate.CordinateLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-left-zero {
    left: 0;
}

.mobile-left-p100 {
    left: 100%;
}

.mobile-left-p100m {
    left: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Cordinate.CordinateRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-right-zero {
    right: 0;
}

.mobile-right-p100 {
    right: 100%;
}

.mobile-right-p100m {
    right: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Cordinate.CordinateTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-top-zero {
    top: 0;
}

.mobile-top-p100 {
    top: 100%;
}

.mobile-top-p100m {
    top: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Cordinate.CordinateBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-bottom-zero {
    bottom: 0;
}

.mobile-bottom-p100 {
    bottom: 100%;
}

.mobile-bottom-p100m {
    bottom: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Casing.CasingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-casing-none {
    text-transform: none;
}

.mobile-casing-lower {
    text-transform: lowercase;
}

.mobile-casing-upper {
    text-transform: uppercase;
}

.mobile-casing-title {
    text-transform: capitalize;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:mobile | Mad.MKit.Styles.Responsive.Align.AlignStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 321px) and (max-width: 767px) {
.mobile-align-left {
    text-align: left;
}

.mobile-align-right {
    text-align: right;
}

.mobile-align-center {
    text-align: center;
}

.mobile-align-justify {
    text-align: justify;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.ClearStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-clear-none {
    clear: none;
}

.tablet-clear-left {
    clear: left;
}

.tablet-clear-right {
    clear: right;
}

.tablet-clear-both {
    clear: both;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Z.ZStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-z-z0 {
    z-index: 0;
}

.tablet-z-z10 {
    z-index: 10;
}

.tablet-z-z100 {
    z-index: 10;
}

.tablet-z-z1000 {
    z-index: 1000;
}

.tablet-z-zmax {
    z-index: 2147483647;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Width.WidthStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-width-p25 {
    width: 25%;
}

.tablet-width-p50 {
    width: 50%;
}

.tablet-width-p75 {
    width: 75%;
}

.tablet-width-p100 {
    width: 100%;
}

.tablet-width-s1 {
    width: calc(100%/24*1);
}

.tablet-width-s2 {
    width: calc(100%/24*2);
}

.tablet-width-s3 {
    width: calc(100%/24*3);
}

.tablet-width-s4 {
    width: calc(100%/24*4);
}

.tablet-width-s5 {
    width: calc(100%/24*5);
}

.tablet-width-s6 {
    width: calc(100%/24*6);
}

.tablet-width-s7 {
    width: calc(100%/24*7);
}

.tablet-width-s8 {
    width: calc(100%/24*8);
}

.tablet-width-s9 {
    width: calc(100%/24*9);
}

.tablet-width-s10 {
    width: calc(100%/24*10);
}

.tablet-width-s11 {
    width: calc(100%/24*11);
}

.tablet-width-s12 {
    width: calc(100%/24*12);
}

.tablet-width-s13 {
    width: calc(100%/24*13);
}

.tablet-width-s14 {
    width: calc(100%/24*14);
}

.tablet-width-s15 {
    width: calc(100%/24*15);
}

.tablet-width-s16 {
    width: calc(100%/24*16);
}

.tablet-width-s17 {
    width: calc(100%/24*17);
}

.tablet-width-s18 {
    width: calc(100%/24*18);
}

.tablet-width-s19 {
    width: calc(100%/24*19);
}

.tablet-width-s20 {
    width: calc(100%/24*20);
}

.tablet-width-s21 {
    width: calc(100%/24*21);
}

.tablet-width-s22 {
    width: calc(100%/24*22);
}

.tablet-width-s23 {
    width: calc(100%/24*23);
}

.tablet-width-s24 {
    width: calc(100%/24*24);
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Weight.WeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-weight-normal {
    font-weight: normal;
}

.tablet-weight-bold {
    font-weight: bold;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Text.TextStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-text-xsmal {
    font-size: 0.7rem;
    line-height: 1;
}

.tablet-text-small {
    font-size: 0.8rem;
    line-height: 1;
}

.tablet-text-medium {
    font-size: 1rem;
    line-height: 1.5;
}

.tablet-text-large {
    font-size: 1.25rem;
    line-height: 1.5;
}

.tablet-text-xlarge {
    font-size: 1.5rem;
    line-height: 1.5;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Position.PositionStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-position-static {
    position: static;
}

.tablet-position-relative {
    position: relative;
}

.tablet-position-absolute {
    position: absolute;
}

.tablet-position-fixed {
    position: fixed;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-padding-zero {
    padding: 0;
}

.tablet-padding-one {
    padding: 0.5rem;
}

.tablet-padding-two {
    padding: 1rem;
}

.tablet-padding-three {
    padding: 1.5rem;
}

.tablet-padding-four {
    padding: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-padding-left-zero {
    padding-left: 0;
}

.tablet-padding-left-one {
    padding-left: 0.5rem;
}

.tablet-padding-left-two {
    padding-left: 1rem;
}

.tablet-padding-left-three {
    padding-left: 1.5rem;
}

.tablet-padding-left-four {
    padding-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-padding-right-zero {
    padding-right: 0;
}

.tablet-padding-right-one {
    padding-right: 0.5rem;
}

.tablet-padding-right-two {
    padding-right: 1rem;
}

.tablet-padding-right-three {
    padding-right: 1.5rem;
}

.tablet-padding-right-four {
    padding-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-padding-top-zero {
    padding-top: 0;
}

.tablet-padding-top-one {
    padding-top: 0.5rem;
}

.tablet-padding-top-two {
    padding-top: 1rem;
}

.tablet-padding-top-three {
    padding-top: 1.5rem;
}

.tablet-padding-top-four {
    padding-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-padding-bottom-zero {
    padding-bottom: 0;
}

.tablet-padding-bottom-one {
    padding-bottom: 0.5rem;
}

.tablet-padding-bottom-two {
    padding-bottom: 1rem;
}

.tablet-padding-bottom-three {
    padding-bottom: 1.5rem;
}

.tablet-padding-bottom-four {
    padding-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Overflow.OverflowStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-overflow-hidden {
    overflow: hidden;
}

.tablet-overflow-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-margin-zero {
    margin: 0;
}

.tablet-margin-one {
    margin: 0.5rem;
}

.tablet-margin-two {
    margin: 1rem;
}

.tablet-margin-three {
    margin: 1.5rem;
}

.tablet-margin-four {
    margin: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-margin-left-zero {
    margin-left: 0;
}

.tablet-margin-left-one {
    margin-left: 0.5rem;
}

.tablet-margin-left-two {
    margin-left: 1rem;
}

.tablet-margin-left-three {
    margin-left: 1.5rem;
}

.tablet-margin-left-four {
    margin-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-margin-right-zero {
    margin-right: 0;
}

.tablet-margin-right-one {
    margin-right: 0.5rem;
}

.tablet-margin-right-two {
    margin-right: 1rem;
}

.tablet-margin-right-three {
    margin-right: 1.5rem;
}

.tablet-margin-right-four {
    margin-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-margin-top-zero {
    margin-top: 0;
}

.tablet-margin-top-one {
    margin-top: 0.5rem;
}

.tablet-margin-top-two {
    margin-top: 1rem;
}

.tablet-margin-top-three {
    margin-top: 1.5rem;
}

.tablet-margin-top-four {
    margin-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-margin-bottom-zero {
    margin-bottom: 0;
}

.tablet-margin-bottom-one {
    margin-bottom: 0.5rem;
}

.tablet-margin-bottom-two {
    margin-bottom: 1rem;
}

.tablet-margin-bottom-three {
    margin-bottom: 1.5rem;
}

.tablet-margin-bottom-four {
    margin-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Height.HeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-height-P25 {
    height: 25%;
}

.tablet-height-P50 {
    height: 50%;
}

.tablet-height-P75 {
    height: 75%;
}

.tablet-height-P100 {
    height: 100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Float.FloatStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-float-none {
    float: none;
}

.tablet-float-left {
    float: left;
}

.tablet-float-right {
    float: right;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Display.DisplayStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-display-none {
    display: none;
}

.tablet-display-block {
    display: block;
}

.tablet-display-inline {
    display: inline;
}

.tablet-display-inlineblock {
    display: inline-block;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-left-zero {
    left: 0;
}

.tablet-left-p100 {
    left: 100%;
}

.tablet-left-p100m {
    left: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-right-zero {
    right: 0;
}

.tablet-right-p100 {
    right: 100%;
}

.tablet-right-p100m {
    right: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-top-zero {
    top: 0;
}

.tablet-top-p100 {
    top: 100%;
}

.tablet-top-p100m {
    top: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-bottom-zero {
    bottom: 0;
}

.tablet-bottom-p100 {
    bottom: 100%;
}

.tablet-bottom-p100m {
    bottom: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Casing.CasingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-casing-none {
    text-transform: none;
}

.tablet-casing-lower {
    text-transform: lowercase;
}

.tablet-casing-upper {
    text-transform: uppercase;
}

.tablet-casing-title {
    text-transform: capitalize;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Align.AlignStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 426px) and (max-width: 1023px) {
.tablet-align-left {
    text-align: left;
}

.tablet-align-right {
    text-align: right;
}

.tablet-align-center {
    text-align: center;
}

.tablet-align-justify {
    text-align: justify;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.ClearStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-clear-none {
    clear: none;
}

.tablet-clear-left {
    clear: left;
}

.tablet-clear-right {
    clear: right;
}

.tablet-clear-both {
    clear: both;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Z.ZStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-z-z0 {
    z-index: 0;
}

.tablet-z-z10 {
    z-index: 10;
}

.tablet-z-z100 {
    z-index: 10;
}

.tablet-z-z1000 {
    z-index: 1000;
}

.tablet-z-zmax {
    z-index: 2147483647;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Width.WidthStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-width-p25 {
    width: 25%;
}

.tablet-width-p50 {
    width: 50%;
}

.tablet-width-p75 {
    width: 75%;
}

.tablet-width-p100 {
    width: 100%;
}

.tablet-width-s1 {
    width: calc(100%/24*1);
}

.tablet-width-s2 {
    width: calc(100%/24*2);
}

.tablet-width-s3 {
    width: calc(100%/24*3);
}

.tablet-width-s4 {
    width: calc(100%/24*4);
}

.tablet-width-s5 {
    width: calc(100%/24*5);
}

.tablet-width-s6 {
    width: calc(100%/24*6);
}

.tablet-width-s7 {
    width: calc(100%/24*7);
}

.tablet-width-s8 {
    width: calc(100%/24*8);
}

.tablet-width-s9 {
    width: calc(100%/24*9);
}

.tablet-width-s10 {
    width: calc(100%/24*10);
}

.tablet-width-s11 {
    width: calc(100%/24*11);
}

.tablet-width-s12 {
    width: calc(100%/24*12);
}

.tablet-width-s13 {
    width: calc(100%/24*13);
}

.tablet-width-s14 {
    width: calc(100%/24*14);
}

.tablet-width-s15 {
    width: calc(100%/24*15);
}

.tablet-width-s16 {
    width: calc(100%/24*16);
}

.tablet-width-s17 {
    width: calc(100%/24*17);
}

.tablet-width-s18 {
    width: calc(100%/24*18);
}

.tablet-width-s19 {
    width: calc(100%/24*19);
}

.tablet-width-s20 {
    width: calc(100%/24*20);
}

.tablet-width-s21 {
    width: calc(100%/24*21);
}

.tablet-width-s22 {
    width: calc(100%/24*22);
}

.tablet-width-s23 {
    width: calc(100%/24*23);
}

.tablet-width-s24 {
    width: calc(100%/24*24);
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Weight.WeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-weight-normal {
    font-weight: normal;
}

.tablet-weight-bold {
    font-weight: bold;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Text.TextStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-text-xsmal {
    font-size: 0.7rem;
    line-height: 1;
}

.tablet-text-small {
    font-size: 0.8rem;
    line-height: 1;
}

.tablet-text-medium {
    font-size: 1rem;
    line-height: 1.5;
}

.tablet-text-large {
    font-size: 1.25rem;
    line-height: 1.5;
}

.tablet-text-xlarge {
    font-size: 1.5rem;
    line-height: 1.5;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Position.PositionStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-position-static {
    position: static;
}

.tablet-position-relative {
    position: relative;
}

.tablet-position-absolute {
    position: absolute;
}

.tablet-position-fixed {
    position: fixed;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-padding-zero {
    padding: 0;
}

.tablet-padding-one {
    padding: 0.5rem;
}

.tablet-padding-two {
    padding: 1rem;
}

.tablet-padding-three {
    padding: 1.5rem;
}

.tablet-padding-four {
    padding: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-padding-left-zero {
    padding-left: 0;
}

.tablet-padding-left-one {
    padding-left: 0.5rem;
}

.tablet-padding-left-two {
    padding-left: 1rem;
}

.tablet-padding-left-three {
    padding-left: 1.5rem;
}

.tablet-padding-left-four {
    padding-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-padding-right-zero {
    padding-right: 0;
}

.tablet-padding-right-one {
    padding-right: 0.5rem;
}

.tablet-padding-right-two {
    padding-right: 1rem;
}

.tablet-padding-right-three {
    padding-right: 1.5rem;
}

.tablet-padding-right-four {
    padding-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-padding-top-zero {
    padding-top: 0;
}

.tablet-padding-top-one {
    padding-top: 0.5rem;
}

.tablet-padding-top-two {
    padding-top: 1rem;
}

.tablet-padding-top-three {
    padding-top: 1.5rem;
}

.tablet-padding-top-four {
    padding-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-padding-bottom-zero {
    padding-bottom: 0;
}

.tablet-padding-bottom-one {
    padding-bottom: 0.5rem;
}

.tablet-padding-bottom-two {
    padding-bottom: 1rem;
}

.tablet-padding-bottom-three {
    padding-bottom: 1.5rem;
}

.tablet-padding-bottom-four {
    padding-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Overflow.OverflowStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-overflow-hidden {
    overflow: hidden;
}

.tablet-overflow-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-margin-zero {
    margin: 0;
}

.tablet-margin-one {
    margin: 0.5rem;
}

.tablet-margin-two {
    margin: 1rem;
}

.tablet-margin-three {
    margin: 1.5rem;
}

.tablet-margin-four {
    margin: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-margin-left-zero {
    margin-left: 0;
}

.tablet-margin-left-one {
    margin-left: 0.5rem;
}

.tablet-margin-left-two {
    margin-left: 1rem;
}

.tablet-margin-left-three {
    margin-left: 1.5rem;
}

.tablet-margin-left-four {
    margin-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-margin-right-zero {
    margin-right: 0;
}

.tablet-margin-right-one {
    margin-right: 0.5rem;
}

.tablet-margin-right-two {
    margin-right: 1rem;
}

.tablet-margin-right-three {
    margin-right: 1.5rem;
}

.tablet-margin-right-four {
    margin-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-margin-top-zero {
    margin-top: 0;
}

.tablet-margin-top-one {
    margin-top: 0.5rem;
}

.tablet-margin-top-two {
    margin-top: 1rem;
}

.tablet-margin-top-three {
    margin-top: 1.5rem;
}

.tablet-margin-top-four {
    margin-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-margin-bottom-zero {
    margin-bottom: 0;
}

.tablet-margin-bottom-one {
    margin-bottom: 0.5rem;
}

.tablet-margin-bottom-two {
    margin-bottom: 1rem;
}

.tablet-margin-bottom-three {
    margin-bottom: 1.5rem;
}

.tablet-margin-bottom-four {
    margin-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Height.HeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-height-P25 {
    height: 25%;
}

.tablet-height-P50 {
    height: 50%;
}

.tablet-height-P75 {
    height: 75%;
}

.tablet-height-P100 {
    height: 100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Float.FloatStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-float-none {
    float: none;
}

.tablet-float-left {
    float: left;
}

.tablet-float-right {
    float: right;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Display.DisplayStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-display-none {
    display: none;
}

.tablet-display-block {
    display: block;
}

.tablet-display-inline {
    display: inline;
}

.tablet-display-inlineblock {
    display: inline-block;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-left-zero {
    left: 0;
}

.tablet-left-p100 {
    left: 100%;
}

.tablet-left-p100m {
    left: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-right-zero {
    right: 0;
}

.tablet-right-p100 {
    right: 100%;
}

.tablet-right-p100m {
    right: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-top-zero {
    top: 0;
}

.tablet-top-p100 {
    top: 100%;
}

.tablet-top-p100m {
    top: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-bottom-zero {
    bottom: 0;
}

.tablet-bottom-p100 {
    bottom: 100%;
}

.tablet-bottom-p100m {
    bottom: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Casing.CasingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-casing-none {
    text-transform: none;
}

.tablet-casing-lower {
    text-transform: lowercase;
}

.tablet-casing-upper {
    text-transform: uppercase;
}

.tablet-casing-title {
    text-transform: capitalize;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Align.AlignStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 769px) and (max-width: 1200px) {
.tablet-align-left {
    text-align: left;
}

.tablet-align-right {
    text-align: right;
}

.tablet-align-center {
    text-align: center;
}

.tablet-align-justify {
    text-align: justify;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.ClearStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-clear-none {
    clear: none;
}

.tablet-clear-left {
    clear: left;
}

.tablet-clear-right {
    clear: right;
}

.tablet-clear-both {
    clear: both;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Z.ZStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-z-z0 {
    z-index: 0;
}

.tablet-z-z10 {
    z-index: 10;
}

.tablet-z-z100 {
    z-index: 10;
}

.tablet-z-z1000 {
    z-index: 1000;
}

.tablet-z-zmax {
    z-index: 2147483647;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Width.WidthStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-width-p25 {
    width: 25%;
}

.tablet-width-p50 {
    width: 50%;
}

.tablet-width-p75 {
    width: 75%;
}

.tablet-width-p100 {
    width: 100%;
}

.tablet-width-s1 {
    width: calc(100%/24*1);
}

.tablet-width-s2 {
    width: calc(100%/24*2);
}

.tablet-width-s3 {
    width: calc(100%/24*3);
}

.tablet-width-s4 {
    width: calc(100%/24*4);
}

.tablet-width-s5 {
    width: calc(100%/24*5);
}

.tablet-width-s6 {
    width: calc(100%/24*6);
}

.tablet-width-s7 {
    width: calc(100%/24*7);
}

.tablet-width-s8 {
    width: calc(100%/24*8);
}

.tablet-width-s9 {
    width: calc(100%/24*9);
}

.tablet-width-s10 {
    width: calc(100%/24*10);
}

.tablet-width-s11 {
    width: calc(100%/24*11);
}

.tablet-width-s12 {
    width: calc(100%/24*12);
}

.tablet-width-s13 {
    width: calc(100%/24*13);
}

.tablet-width-s14 {
    width: calc(100%/24*14);
}

.tablet-width-s15 {
    width: calc(100%/24*15);
}

.tablet-width-s16 {
    width: calc(100%/24*16);
}

.tablet-width-s17 {
    width: calc(100%/24*17);
}

.tablet-width-s18 {
    width: calc(100%/24*18);
}

.tablet-width-s19 {
    width: calc(100%/24*19);
}

.tablet-width-s20 {
    width: calc(100%/24*20);
}

.tablet-width-s21 {
    width: calc(100%/24*21);
}

.tablet-width-s22 {
    width: calc(100%/24*22);
}

.tablet-width-s23 {
    width: calc(100%/24*23);
}

.tablet-width-s24 {
    width: calc(100%/24*24);
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Weight.WeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-weight-normal {
    font-weight: normal;
}

.tablet-weight-bold {
    font-weight: bold;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Text.TextStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-text-xsmal {
    font-size: 0.7rem;
    line-height: 1;
}

.tablet-text-small {
    font-size: 0.8rem;
    line-height: 1;
}

.tablet-text-medium {
    font-size: 1rem;
    line-height: 1.5;
}

.tablet-text-large {
    font-size: 1.25rem;
    line-height: 1.5;
}

.tablet-text-xlarge {
    font-size: 1.5rem;
    line-height: 1.5;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Position.PositionStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-position-static {
    position: static;
}

.tablet-position-relative {
    position: relative;
}

.tablet-position-absolute {
    position: absolute;
}

.tablet-position-fixed {
    position: fixed;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-padding-zero {
    padding: 0;
}

.tablet-padding-one {
    padding: 0.5rem;
}

.tablet-padding-two {
    padding: 1rem;
}

.tablet-padding-three {
    padding: 1.5rem;
}

.tablet-padding-four {
    padding: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-padding-left-zero {
    padding-left: 0;
}

.tablet-padding-left-one {
    padding-left: 0.5rem;
}

.tablet-padding-left-two {
    padding-left: 1rem;
}

.tablet-padding-left-three {
    padding-left: 1.5rem;
}

.tablet-padding-left-four {
    padding-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-padding-right-zero {
    padding-right: 0;
}

.tablet-padding-right-one {
    padding-right: 0.5rem;
}

.tablet-padding-right-two {
    padding-right: 1rem;
}

.tablet-padding-right-three {
    padding-right: 1.5rem;
}

.tablet-padding-right-four {
    padding-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-padding-top-zero {
    padding-top: 0;
}

.tablet-padding-top-one {
    padding-top: 0.5rem;
}

.tablet-padding-top-two {
    padding-top: 1rem;
}

.tablet-padding-top-three {
    padding-top: 1.5rem;
}

.tablet-padding-top-four {
    padding-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Padding.PaddingBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-padding-bottom-zero {
    padding-bottom: 0;
}

.tablet-padding-bottom-one {
    padding-bottom: 0.5rem;
}

.tablet-padding-bottom-two {
    padding-bottom: 1rem;
}

.tablet-padding-bottom-three {
    padding-bottom: 1.5rem;
}

.tablet-padding-bottom-four {
    padding-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Overflow.OverflowStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-overflow-hidden {
    overflow: hidden;
}

.tablet-overflow-scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-margin-zero {
    margin: 0;
}

.tablet-margin-one {
    margin: 0.5rem;
}

.tablet-margin-two {
    margin: 1rem;
}

.tablet-margin-three {
    margin: 1.5rem;
}

.tablet-margin-four {
    margin: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-margin-left-zero {
    margin-left: 0;
}

.tablet-margin-left-one {
    margin-left: 0.5rem;
}

.tablet-margin-left-two {
    margin-left: 1rem;
}

.tablet-margin-left-three {
    margin-left: 1.5rem;
}

.tablet-margin-left-four {
    margin-left: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-margin-right-zero {
    margin-right: 0;
}

.tablet-margin-right-one {
    margin-right: 0.5rem;
}

.tablet-margin-right-two {
    margin-right: 1rem;
}

.tablet-margin-right-three {
    margin-right: 1.5rem;
}

.tablet-margin-right-four {
    margin-right: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-margin-top-zero {
    margin-top: 0;
}

.tablet-margin-top-one {
    margin-top: 0.5rem;
}

.tablet-margin-top-two {
    margin-top: 1rem;
}

.tablet-margin-top-three {
    margin-top: 1.5rem;
}

.tablet-margin-top-four {
    margin-top: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Margin.MarginBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-margin-bottom-zero {
    margin-bottom: 0;
}

.tablet-margin-bottom-one {
    margin-bottom: 0.5rem;
}

.tablet-margin-bottom-two {
    margin-bottom: 1rem;
}

.tablet-margin-bottom-three {
    margin-bottom: 1.5rem;
}

.tablet-margin-bottom-four {
    margin-bottom: 2rem;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Height.HeightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-height-P25 {
    height: 25%;
}

.tablet-height-P50 {
    height: 50%;
}

.tablet-height-P75 {
    height: 75%;
}

.tablet-height-P100 {
    height: 100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Float.FloatStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-float-none {
    float: none;
}

.tablet-float-left {
    float: left;
}

.tablet-float-right {
    float: right;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Display.DisplayStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-display-none {
    display: none;
}

.tablet-display-block {
    display: block;
}

.tablet-display-inline {
    display: inline;
}

.tablet-display-inlineblock {
    display: inline-block;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateLeftStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-left-zero {
    left: 0;
}

.tablet-left-p100 {
    left: 100%;
}

.tablet-left-p100m {
    left: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateRightStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-right-zero {
    right: 0;
}

.tablet-right-p100 {
    right: 100%;
}

.tablet-right-p100m {
    right: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateTopStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-top-zero {
    top: 0;
}

.tablet-top-p100 {
    top: 100%;
}

.tablet-top-p100m {
    top: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Cordinate.CordinateBottomStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-bottom-zero {
    bottom: 0;
}

.tablet-bottom-p100 {
    bottom: 100%;
}

.tablet-bottom-p100m {
    bottom: -100%;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Casing.CasingStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-casing-none {
    text-transform: none;
}

.tablet-casing-lower {
    text-transform: lowercase;
}

.tablet-casing-upper {
    text-transform: uppercase;
}

.tablet-casing-title {
    text-transform: capitalize;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  Middle:0:tablet | Mad.MKit.Styles.Responsive.Align.AlignStyles  */
/* ---------------------------------------------------------------------------------------------- */
@media all  and (min-width: 1201px) {
.tablet-align-left {
    text-align: left;
}

.tablet-align-right {
    text-align: right;
}

.tablet-align-center {
    text-align: center;
}

.tablet-align-justify {
    text-align: justify;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  End:0 | Mad.MKit.UtilityTypes.Show.ShowStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-showonactive {
    display: none;
}

.mkit-showonactive-parent {
    display: none;
}

.mkit-showonactive-grandparent {
    display: none;
}

.mkit-showonactive-greatgrandparent {
    display: none;
}

.mkit-showonactive.mad_active {
    display: initial;
}

.mad_active > .mkit-showonactive-parent {
    display: initial;
}

.mad_active > * > * > .mkit-showonactive-grandparent {
    display: initial;
}

.mad_active > * > * > .mkit-showonactive-greatgrandparent {
    display: initial;
}


/* ---------------------------------------------------------------------------------------------- */
/*  End:0 | Mad.MKit.UtilityTypes.NoBodyScroll.NoBodyScrollStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-NoBodyScroll {
    overflow: hidden;
}

@media all  and (min-width: 1024px), all  and (min-width: 1024px) {
.mkit-NoBodyScroll {
    padding-right: 17px;
}

}


/* ---------------------------------------------------------------------------------------------- */
/*  End:0 | Mad.MKit.UtilityTypes.Hide.HideStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-hideonactive {
    display: initial;
}

.mkit-hideonactive-parent {
    display: initial;
}

.mkit-hideonactive-grandparent {
    display: initial;
}

.mkit-hideonactive-greatgrandparent {
    display: initial;
}

.mkit-hideonactive.mad_active {
    display: none;
}

.mad_active > .mkit-hideonactive-parent {
    display: none;
}

.mad_active > * > .mkit-hideonactive-grandparent {
    display: none;
}

.mad_active > * > * > .mkit-hideonactive-greatgrandparent {
    display: none;
}


/* ---------------------------------------------------------------------------------------------- */
/*  End:0 | Mad.MKit.UtilityTypes.FadeIn.FadeInStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-fadeinonactive {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
}

.mkit-fadeinonactive-parent {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
}

.mkit-fadeinonactive-grandparent {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
}

.mkit-fadeinonactive-greatgrandparent {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
}

.mad_active.mkit-fadeinonactive {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.mad_active > .mkit-fadeinonactive-parent {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.mad_active > * > .mkit-fadeinonactive-grandparent {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.mad_active > * > * > .mkit-fadeinonactive-greatgrandparent {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}


/* ---------------------------------------------------------------------------------------------- */
/*  End:0 | Mad.MKit.UtilityTypes.Clearfix.ClearfixStyles  */
/* ---------------------------------------------------------------------------------------------- */
.mkit-Clearfix::after {
    content: "";
    clear: both;
    display: table;
}