@charset "UTF-8";



/*

Theme Name: Materialis

Theme URI: https://extendthemes.com/go/materialis-home/

Author: Horea Radu

Author URI: https://extendthemes.com/

Description: Materialis is an incredibly flexible, multipurpose WordPress theme that can help you create an amazing website easier than ever, by drag and drop. It uses beautiful material design and it comes with a predesigned home page. It also has lots of customization options (video background, slideshow background, header content types, gradient overlays, etc) that will help you create a beautiful, unique website in no time. Materialis is responsive so it works on mobile devices out of the box. DEMO: https://extendthemes.com/go/materialis-demos/

Version: 1.0.105

License: GNU General Public License version 3

License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)

Tags: entertainment, food-and-drink, portfolio, one-column, two-columns, right-sidebar, grid-layout, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, featured-images, threaded-comments

Text Domain: materialis



This theme, like WordPress, is licensed under the GPL.



*/



/*

  DEVELOPMENT ONLY STUFF - remove on production

*/



/*

  INIT

*/



/**

 * The css property used for elevation. In most cases this should not be changed. It is exposed

 * as a variable for abstraction / easy use when needing to reference the property directly, for

 * example in a `will-change` rule.

 */



/**

 * The default duration value for elevation transitions.

 */



/**

 * The default easing value for elevation transitions.

 */



/**

 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.

 * The $z-value must be between 0 and 24.

 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use

 * $opacity-boost.

 */



/**

 * Returns a string that can be used as the value for a `transition` property for elevation.

 * Calling this function directly is useful in situations where a component needs to transition

 * more than one property.

 *

 * ```scss

 * .foo {

 *   transition: mdc-elevation-transition-value(), opacity 100ms ease;

 *   will-change: $mdc-elevation-property, opacity;

 * }

 * ```

 */



.mdc-line-ripple {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 2px;

  -webkit-transform: scaleX(0);

          transform: scaleX(0);

  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 0;

  z-index: 2;

}



.mdc-line-ripple--active {

  -webkit-transform: scaleX(1);

          transform: scaleX(1);

  opacity: 1;

}



.mdc-line-ripple--deactivating {

  opacity: 0;

}



@-webkit-keyframes mdc-ripple-fg-radius-in {

  from {

    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);

            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);

  }



  to {

    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

  }

}



@keyframes mdc-ripple-fg-radius-in {

  from {

    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);

            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);

  }



  to {

    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

  }

}



@-webkit-keyframes mdc-ripple-fg-opacity-in {

  from {

    -webkit-animation-timing-function: linear;

            animation-timing-function: linear;

    opacity: 0;

  }



  to {

    opacity: var(--mdc-ripple-fg-opacity, 0.16);

  }

}



@keyframes mdc-ripple-fg-opacity-in {

  from {

    -webkit-animation-timing-function: linear;

            animation-timing-function: linear;

    opacity: 0;

  }



  to {

    opacity: var(--mdc-ripple-fg-opacity, 0.16);

  }

}



@-webkit-keyframes mdc-ripple-fg-opacity-out {

  from {

    -webkit-animation-timing-function: linear;

            animation-timing-function: linear;

    opacity: var(--mdc-ripple-fg-opacity, 0.16);

  }



  to {

    opacity: 0;

  }

}



@keyframes mdc-ripple-fg-opacity-out {

  from {

    -webkit-animation-timing-function: linear;

            animation-timing-function: linear;

    opacity: var(--mdc-ripple-fg-opacity, 0.16);

  }



  to {

    opacity: 0;

  }

}



.mdc-ripple-surface--test-edge-var-bug {

  --mdc-ripple-surface-test-edge-var: 1px solid #000;

  visibility: hidden;

}



.mdc-ripple-surface--test-edge-var-bug::before {

  border: var(--mdc-ripple-surface-test-edge-var);

}



/**

 * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.

 *

 * Usage Example:

 * ```scss

 * .mdc-foo {

 *   position: absolute;

 *   left: 0;

 *

 *   @include mdc-rtl {

 *     left: auto;

 *     right: 0;

 *   }

 *

 *   &__bar {

 *     margin-left: 4px;

 *     @include mdc-rtl(".mdc-foo") {

 *       margin-left: auto;

 *       margin-right: 4px;

 *     }

 *   }

 * }

 *

 * .mdc-foo--mod {

 *   padding-left: 4px;

 *

 *   @include mdc-rtl {

 *     padding-left: auto;

 *     padding-right: 4px;

 *   }

 * }

 * ```

 *

 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work

 * in most cases, it will in some cases lead to false negatives, e.g.

 *

 * ```html

 * <html dir="rtl">

 *   <!-- ... -->

 *   <div dir="ltr">

 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>

 *   </div>

 * </html>

 * ```

 *

 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.

 */



/**

 * Takes a base box-model property - e.g. margin / border / padding - along with a default

 * direction and value, and emits rules which apply the value to the

 * "<base-property>-<default-direction>" property by default, but flips the direction

 * when within an RTL context.

 *

 * For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-box(margin, left, 8px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-left: 8px;

 *

 *   @include mdc-rtl {

 *     margin-right: 8px;

 *     margin-left: 0;

 *   }

 * }

 * ```

 * whereas:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-box(margin, right, 8px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-right: 8px;

 *

 *   @include mdc-rtl {

 *     margin-right: 0;

 *     margin-left: 8px;

 *   }

 * }

 * ```

 *

 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,

 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.

 *

 * Note that this function will always zero out the original value in an RTL context. If you're

 * trying to flip the values, use mdc-rtl-reflexive-property().

 */



/**

 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and

 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.

 * For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-left: auto;

 *   margin-right: 12px;

 *

 *   @include mdc-rtl {

 *     margin-left: 12px;

 *     margin-right: auto;

 *   }

 * }

 * ```

 *

 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.

 */



/**

 * Takes an argument specifying a horizontal position property (either "left" or "right") as well

 * as a value, and applies that value to the specified position in a LTR context, and flips it in a

 * RTL context. For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-position(left, 0);

 *   position: absolute;

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 *  .mdc-foo {

 *    position: absolute;

 *    left: 0;

 *    right: initial;

 *

 *    @include mdc-rtl {

 *      right: 0;

 *      left: initial;

 *    }

 *  }

 * ```

 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.

 */



/* TODO(sgomes): Figure out what to do about desktop font sizes. */



/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */



/* TODO(sgomes): Figure out what to do about desktop font sizes. */



/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */



/**

 * The css property used for elevation. In most cases this should not be changed. It is exposed

 * as a variable for abstraction / easy use when needing to reference the property directly, for

 * example in a `will-change` rule.

 */



/**

 * The default duration value for elevation transitions.

 */



/**

 * The default easing value for elevation transitions.

 */



/**

 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.

 * The $z-value must be between 0 and 24.

 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use

 * $opacity-boost.

 */



/**

 * Returns a string that can be used as the value for a `transition` property for elevation.

 * Calling this function directly is useful in situations where a component needs to transition

 * more than one property.

 *

 * ```scss

 * .foo {

 *   transition: mdc-elevation-transition-value(), opacity 100ms ease;

 *   will-change: $mdc-elevation-property, opacity;

 * }

 * ```

 */



/* TODO(sgomes): Figure out what to do about desktop font sizes. */



/* TODO(sgomes): Figure out what to do about i18n and i18n font sizes. */



@-webkit-keyframes invalid-shake-float-above-standard {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-standard {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

  }

}



@-webkit-keyframes invalid-shake-float-above-box {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-box {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

  }

}



@-webkit-keyframes invalid-shake-float-above-box-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-box-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

  }

}



@-webkit-keyframes invalid-shake-float-above-outlined {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-outlined {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

  }

}



@-webkit-keyframes invalid-shake-float-above-outlined-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-outlined-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

  }

}



@-webkit-keyframes invalid-shake-float-above-outlined-leading-icon {

  0% {

    -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-outlined-leading-icon {

  0% {

    -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

  }

}



@-webkit-keyframes invalid-shake-float-above-outlined-leading-icon-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-outlined-leading-icon-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

  }

}



@-webkit-keyframes invalid-shake-float-above-textarea {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-textarea {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

  }

}



.mdc-text-field-helper-text {

  margin: 0;

  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 0;

  font-size: .75rem;

  will-change: opacity;

}



.mdc-text-field + .mdc-text-field-helper-text {

  margin-bottom: 8px;

}



.mdc-text-field-helper-text--persistent {

  -webkit-transition: none;

  transition: none;

  opacity: 1;

  will-change: initial;

}



.mdc-text-field--with-leading-icon .mdc-text-field__icon,

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {

  position: absolute;

  bottom: 16px;

  cursor: pointer;

}



.mdc-text-field__icon:not([tabindex]),

.mdc-text-field__icon[tabindex="-1"] {

  cursor: default;

  pointer-events: none;

}



@keyframes invalid-shake-float-above-standard {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-box {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-box-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-outlined {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-outlined-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-outlined-leading-icon {

  0% {

    -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-outlined-leading-icon-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-textarea {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

  }

}



/**

 * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.

 *

 * Usage Example:

 * ```scss

 * .mdc-foo {

 *   position: absolute;

 *   left: 0;

 *

 *   @include mdc-rtl {

 *     left: auto;

 *     right: 0;

 *   }

 *

 *   &__bar {

 *     margin-left: 4px;

 *     @include mdc-rtl(".mdc-foo") {

 *       margin-left: auto;

 *       margin-right: 4px;

 *     }

 *   }

 * }

 *

 * .mdc-foo--mod {

 *   padding-left: 4px;

 *

 *   @include mdc-rtl {

 *     padding-left: auto;

 *     padding-right: 4px;

 *   }

 * }

 * ```

 *

 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work

 * in most cases, it will in some cases lead to false negatives, e.g.

 *

 * ```html

 * <html dir="rtl">

 *   <!-- ... -->

 *   <div dir="ltr">

 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>

 *   </div>

 * </html>

 * ```

 *

 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.

 */



/**

 * Takes a base box-model property - e.g. margin / border / padding - along with a default

 * direction and value, and emits rules which apply the value to the

 * "<base-property>-<default-direction>" property by default, but flips the direction

 * when within an RTL context.

 *

 * For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-box(margin, left, 8px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-left: 8px;

 *

 *   @include mdc-rtl {

 *     margin-right: 8px;

 *     margin-left: 0;

 *   }

 * }

 * ```

 * whereas:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-box(margin, right, 8px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-right: 8px;

 *

 *   @include mdc-rtl {

 *     margin-right: 0;

 *     margin-left: 8px;

 *   }

 * }

 * ```

 *

 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,

 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.

 *

 * Note that this function will always zero out the original value in an RTL context. If you're

 * trying to flip the values, use mdc-rtl-reflexive-property().

 */



/**

 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and

 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.

 * For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-left: auto;

 *   margin-right: 12px;

 *

 *   @include mdc-rtl {

 *     margin-left: 12px;

 *     margin-right: auto;

 *   }

 * }

 * ```

 *

 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.

 */



/**

 * Takes an argument specifying a horizontal position property (either "left" or "right") as well

 * as a value, and applies that value to the specified position in a LTR context, and flips it in a

 * RTL context. For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-position(left, 0);

 *   position: absolute;

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 *  .mdc-foo {

 *    position: absolute;

 *    left: 0;

 *    right: initial;

 *

 *    @include mdc-rtl {

 *      right: 0;

 *      left: initial;

 *    }

 *  }

 * ```

 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.

 */



.mdc-text-field__label {

  position: absolute;

  bottom: 8px;

  left: 0;

  -webkit-transform-origin: left top;

          transform-origin: left top;

  -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);

  cursor: text;

}



.mdc-text-field[dir="rtl"] .mdc-text-field__label,

[dir="rtl"] .mdc-text-field .mdc-text-field__label {

  right: 0;

  left: auto;

  -webkit-transform-origin: right top;

          transform-origin: right top;

}



.mdc-text-field__label--float-above {

  cursor: auto;

}



.mdc-text-field__label--float-above {

  -webkit-transform: translateY(-100%) scale(0.75);

          transform: translateY(-100%) scale(0.75);

}



.mdc-text-field__label--shake {

  -webkit-animation: invalid-shake-float-above-standard 250ms 1;

          animation: invalid-shake-float-above-standard 250ms 1;

}



@keyframes invalid-shake-float-above-standard {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-box {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-box-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-90%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-90%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-90%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-outlined {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-outlined-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-145%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-145%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-145%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-outlined-leading-icon {

  0% {

    -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

            transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);

  }

}



@keyframes invalid-shake-float-above-outlined-leading-icon-dense {

  0% {

    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(4% - 21px)) translateY(-145%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(-4% - 21px)) translateY(-145%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

            transform: translateX(calc(0 - 21px)) translateY(-145%) scale(0.923);

  }

}



@keyframes invalid-shake-float-above-textarea {

  0% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

  }



  33% {

    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);

    -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);

  }



  66% {

    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);

    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);

  }



  100% {

    -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

            transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);

  }

}



.mdc-text-field__idle-outline {

  border-radius: 4px;

  position: absolute;

  top: 0;

  left: 0;

  width: calc(100% - 4px);

  height: calc(100% - 4px);

  -webkit-transition: opacity 100ms ease;

  transition: opacity 100ms ease;

  border: 1px solid;

  opacity: 1;

}



.mdc-text-field__outline {

  --mdc-ripple-fg-size: 0;

  --mdc-ripple-left: 0;

  --mdc-ripple-top: 0;

  --mdc-ripple-fg-scale: 1;

  --mdc-ripple-fg-translate-end: 0;

  --mdc-ripple-fg-translate-start: 0;

  -webkit-tap-highlight-color: transparent;

  will-change: transform, opacity;

  border-radius: 4px;

  position: absolute;

  top: 0;

  left: 0;

  width: calc(100% - 1px);

  height: calc(100% - 2px);

  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 0;

  overflow: hidden;

}



.mdc-text-field__outline::before,

.mdc-text-field__outline::after {

  position: absolute;

  border-radius: 50%;

  opacity: 0;

  pointer-events: none;

  content: "";

}



.mdc-text-field__outline::before {

  -webkit-transition: opacity 15ms linear;

  transition: opacity 15ms linear;

  z-index: 1;

}



.mdc-text-field__outline.mdc-ripple-upgraded::before {

  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));

          transform: scale(var(--mdc-ripple-fg-scale, 1));

}



.mdc-text-field__outline.mdc-ripple-upgraded::after {

  top: 0;

  left: 0;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transform-origin: center center;

          transform-origin: center center;

}



.mdc-text-field__outline.mdc-ripple-upgraded--unbounded::after {

  top: var(--mdc-ripple-top, 0);

  left: var(--mdc-ripple-left, 0);

}



.mdc-text-field__outline.mdc-ripple-upgraded--foreground-activation::after {

  -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

          animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

}



.mdc-text-field__outline.mdc-ripple-upgraded--foreground-deactivation::after {

  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;

          animation: 150ms mdc-ripple-fg-opacity-out;

  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

}



.mdc-text-field__outline::before,

.mdc-text-field__outline::after {

  top: calc(50% - 100%);

  left: calc(50% - 100%);

  width: 200%;

  height: 200%;

}



.mdc-text-field__outline.mdc-ripple-upgraded::after {

  width: var(--mdc-ripple-fg-size, 100%);

  height: var(--mdc-ripple-fg-size, 100%);

}



.mdc-text-field__outline::before,

.mdc-text-field__outline::after {

  /* @alternate */

  background-color: rgba(0, 0, 0, 0.87);

}



@supports not (-ms-ime-align: auto) {

  .mdc-text-field__outline::before,

  .mdc-text-field__outline::after {

    background-color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));

  }

}



.mdc-text-field__outline:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



.mdc-text-field__outline:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



.mdc-text-field__outline.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



.mdc-text-field__outline svg {

  position: absolute;

  width: 100%;

  height: 100%;

}



.mdc-text-field__outline-path {

  stroke-width: 1px;

  -webkit-transition: stroke 180ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: stroke 180ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  fill: transparent;

}



/**

 * The css property used for elevation. In most cases this should not be changed. It is exposed

 * as a variable for abstraction / easy use when needing to reference the property directly, for

 * example in a `will-change` rule.

 */



/**

 * The default duration value for elevation transitions.

 */



/**

 * The default easing value for elevation transitions.

 */



/**

 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.

 * The $z-value must be between 0 and 24.

 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use

 * $opacity-boost.

 */



/**

 * Returns a string that can be used as the value for a `transition` property for elevation.

 * Calling this function directly is useful in situations where a component needs to transition

 * more than one property.

 *

 * ```scss

 * .foo {

 *   transition: mdc-elevation-transition-value(), opacity 100ms ease;

 *   will-change: $mdc-elevation-property, opacity;

 * }

 * ```

 */



.color1 {

  color: #228ae6;

}



.color2 {

  color: #fa5252;

}



.color3 {

  color: #82c91e;

}



.color4 {

  color: #fab005;

}



.color5 {

  color: #7950f2;

}



.color6 {

  color: #e64980;

}



.color-white {

  color: #ffffff;

}



.color-black {

  color: #4a4a4a;

}



.color-gray {

  color: #bdbdbd;

}



.bg-color1 {

  background-color: #228ae6;

}



.bg-color2 {

  background-color: #fa5252;

}



.bg-color3 {

  background-color: #82c91e;

}



.bg-color4 {

  background-color: #fab005;

}



.bg-color5 {

  background-color: #7950f2;

}



.bg-color6 {

  background-color: #e64980;

}



.bg-color-white {

  background-color: #ffffff;

}



.bg-color-black {

  background-color: #4a4a4a;

}



.bg-color-gray {

  background-color: #bdbdbd;

}



.border-color1 {

  border-color: #228ae6;

}



.border-top-color1 {

  border-top-color: #228ae6;

}



.border-color2 {

  border-color: #fa5252;

}



.border-top-color2 {

  border-top-color: #fa5252;

}



.border-color3 {

  border-color: #82c91e;

}



.border-top-color3 {

  border-top-color: #82c91e;

}



.border-color4 {

  border-color: #fab005;

}



.border-top-color4 {

  border-top-color: #fab005;

}



.border-color5 {

  border-color: #7950f2;

}



.border-top-color5 {

  border-top-color: #7950f2;

}



.border-color6 {

  border-color: #e64980;

}



.border-top-color6 {

  border-top-color: #e64980;

}



.border-color-white {

  border-color: #ffffff;

}



.border-top-color-white {

  border-top-color: #ffffff;

}



.border-color-black {

  border-color: #4a4a4a;

}



.border-top-color-black {

  border-top-color: #4a4a4a;

}



.border-color-gray {

  border-color: #bdbdbd;

}



.border-top-color-gray {

  border-top-color: #bdbdbd;

}



.bg-color-white {

  background-color: #ffffff;

}



.bg-color-black {

  background-color: #000000;

}



.circle-counter.color-white .circle-bar {

  stroke: #ffffff;

}



.circle-counter.color-black .circle-bar {

  stroke: #000000;

}



.y-move {

  -webkit-transition: all .20s;

  transition: all .20s;

}



.y-move:hover {

  -webkit-transform: translateY(-2px);

          transform: translateY(-2px);

  -webkit-box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23);

          box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23);

}



/*

  RESET

*/



* {

  margin: 0;

  padding: 0;

  outline: 0;

  -webkit-overflow-scrolling: touch;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



div:before,

ul:before,

article:before,

aside:before,

details:before,

figcaption:before,

figure:before,

footer:before,

header:before,

hgroup:before,

menu:before,

nav:before,

section:before,

div:after,

ul:after,

article:after,

aside:after,

details:after,

figcaption:after,

figure:after,

footer:after,

header:after,

hgroup:after,

menu:after,

nav:after,

section:after {

  content: "";

  display: table;

  width: 0;

}



div:after,

ul:after,

article:after,

aside:after,

details:after,

figcaption:after,

figure:after,

footer:after,

header:after,

hgroup:after,

menu:after,

nav:after,

section:after {

  clear: both;

}



img,

video,

audio {

  max-width: 100%;

}



img,

video {

  height: auto;

}



svg {

  max-height: 100%;

}



iframe {

  border: none;

  max-width: 100%;

}



::-moz-focus-inner {

  border: 0;

  padding: 0;

}



input[type="radio"],

input[type="checkbox"] {

  vertical-align: middle;

  position: relative;

  bottom: 0.15rem;

  font-size: 115%;

  margin-right: 3px;

}



input[type="search"] {

  -webkit-appearance: textfield;

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button {

  -webkit-appearance: none;

}



body {

  text-align: center;

}



@media (min-width: 768px) {

  body {

    text-align: left;

  }

}



/*

  COLORS

*/



.black {

  color: #4a4a4a;

}



.inverted {

  color: #fff;

}



.error {

  color: #d60808;

}



.success,

.subscribe-form [class*="success"] {

  color: #35beb1;

}



.warning {

  color: #f7ba45;

}



.focus {

  color: #1c86f2;

}



.aluminum {

  color: #f8f8f8;

}



.silver {

  color: #e0e1e1;

}



.lightgray {

  color: #f1f1f1;

}



.gray {

  color: #bdbdbd;

}



.midgray {

  color: #676b72;

}



.darkgray {

  color: #2b2d42;

}



.bg-black {

  background-color: #4a4a4a;

}



.bg-inverted {

  background-color: #fff;

}



.bg-error {

  background-color: #d60808;

}



.bg-success {

  background-color: #35beb1;

}



.bg-warning {

  background-color: #f7ba45;

}



.bg-focus {

  background-color: #1c86f2;

}



.bg-aluminum {

  background-color: #f8f8f8;

}



.bg-silver {

  background-color: #e0e1e1;

}



.bg-lightgray {

  background-color: #f1f1f1;

}



.bg-gray {

  background-color: #bdbdbd;

}



.bg-midgray {

  background-color: #676b72;

}



.bg-darkgray {

  background-color: #2b2d42;

}



.bg-highlight {

  background-color: #edf2ff;

}



img.color1,

i.mdi.color1 {

  color: #228ae6;

}



img.icon.bordered.color1,

img.icon.color1.card[class*="bottom-border-"],

i.mdi.icon.bordered.color1,

i.mdi.icon.color1.card[class*="bottom-border-"] {

  border-color: #228ae6;

}



img.icon.reverse.color1,

i.mdi.icon.reverse.color1 {

  background-color: #228ae6;

}



.button.color1 {

  background-color: #228ae6;

}



.button.color1:hover {

  background-color: #50a2eb;

}



a.color1:not(.button) {

  color: #228ae6;

}



a.color1:not(.button):hover {

  color: #50a2eb;

}



hr.small-line.color1 {

  background-color: #228ae6;

}



.circle-counter.color1 .circle-bar {

  stroke: #228ae6;

}



img.color2,

i.mdi.color2 {

  color: #fa5252;

}



img.icon.bordered.color2,

img.icon.color2.card[class*="bottom-border-"],

i.mdi.icon.bordered.color2,

i.mdi.icon.color2.card[class*="bottom-border-"] {

  border-color: #fa5252;

}



img.icon.reverse.color2,

i.mdi.icon.reverse.color2 {

  background-color: #fa5252;

}



.button.color2 {

  background-color: #fa5252;

}



.button.color2:hover {

  background-color: #fb8484;

}



a.color2:not(.button) {

  color: #fa5252;

}



a.color2:not(.button):hover {

  color: #fb8484;

}



hr.small-line.color2 {

  background-color: #fa5252;

}



.circle-counter.color2 .circle-bar {

  stroke: #fa5252;

}



img.color3,

i.mdi.color3 {

  color: #82c91e;

}



img.icon.bordered.color3,

img.icon.color3.card[class*="bottom-border-"],

i.mdi.icon.bordered.color3,

i.mdi.icon.color3.card[class*="bottom-border-"] {

  border-color: #82c91e;

}



img.icon.reverse.color3,

i.mdi.icon.reverse.color3 {

  background-color: #82c91e;

}



.button.color3 {

  background-color: #82c91e;

}



.button.color3:hover {

  background-color: #9be139;

}



a.color3:not(.button) {

  color: #82c91e;

}



a.color3:not(.button):hover {

  color: #9be139;

}



hr.small-line.color3 {

  background-color: #82c91e;

}



.circle-counter.color3 .circle-bar {

  stroke: #82c91e;

}



img.color4,

i.mdi.color4 {

  color: #fab005;

}



img.icon.bordered.color4,

img.icon.color4.card[class*="bottom-border-"],

i.mdi.icon.bordered.color4,

i.mdi.icon.color4.card[class*="bottom-border-"] {

  border-color: #fab005;

}



img.icon.reverse.color4,

i.mdi.icon.reverse.color4 {

  background-color: #fab005;

}



.button.color4 {

  background-color: #fab005;

}



.button.color4:hover {

  background-color: #fbc037;

}



a.color4:not(.button) {

  color: #fab005;

}



a.color4:not(.button):hover {

  color: #fbc037;

}



hr.small-line.color4 {

  background-color: #fab005;

}



.circle-counter.color4 .circle-bar {

  stroke: #fab005;

}



img.color5,

i.mdi.color5 {

  color: #7950f2;

}

.logo_col.col-xs.col-sm-fit {
    display: none;
 }

img.icon.bordered.color5,

img.icon.color5.card[class*="bottom-border-"],

i.mdi.icon.bordered.color5,

i.mdi.icon.color5.card[class*="bottom-border-"] {

  border-color: #7950f2;

}



img.icon.reverse.color5,

i.mdi.icon.reverse.color5 {

  background-color: #7950f2;

}



.button.color5 {

  background-color: #7950f2;

}



.button.color5:hover {

  background-color: #9d7ff6;

}



a.color5:not(.button) {

  color: #7950f2;

}



a.color5:not(.button):hover {

  color: #9d7ff6;

}



hr.small-line.color5 {

  background-color: #7950f2;

}



.circle-counter.color5 .circle-bar {

  stroke: #7950f2;

}



img.color6,

i.mdi.color6 {

  color: #e64980;

}



img.icon.bordered.color6,

img.icon.color6.card[class*="bottom-border-"],

i.mdi.icon.bordered.color6,

i.mdi.icon.color6.card[class*="bottom-border-"] {

  border-color: #e64980;

}



img.icon.reverse.color6,

i.mdi.icon.reverse.color6 {

  background-color: #e64980;

}



.button.color6 {

  background-color: #e64980;

}



.button.color6:hover {

  background-color: #ec769f;

}



a.color6:not(.button) {

  color: #e64980;

}



a.color6:not(.button):hover {

  color: #ec769f;

}



hr.small-line.color6 {

  background-color: #e64980;

}



.circle-counter.color6 .circle-bar {

  stroke: #e64980;

}



img.color-white,

i.mdi.color-white {

  color: #ffffff;

}



img.icon.bordered.color-white,

img.icon.color-white.card[class*="bottom-border-"],

i.mdi.icon.bordered.color-white,

i.mdi.icon.color-white.card[class*="bottom-border-"] {

  border-color: #ffffff;

}



img.icon.reverse.color-white,

i.mdi.icon.reverse.color-white {

  background-color: #ffffff;

}



.button.color-white {

  background-color: #ffffff;

}



.button.color-white:hover {

  background-color: white;

}



a.color-white:not(.button) {

  color: #ffffff;

}



a.color-white:not(.button):hover {

  color: white;

}



hr.small-line.color-white {

  background-color: #ffffff;

}



.circle-counter.color-white .circle-bar {

  stroke: #ffffff;

}



img.color-black,

i.mdi.color-black {

  color: #4a4a4a;

}



img.icon.bordered.color-black,

img.icon.color-black.card[class*="bottom-border-"],

i.mdi.icon.bordered.color-black,

i.mdi.icon.color-black.card[class*="bottom-border-"] {

  border-color: #4a4a4a;

}



img.icon.reverse.color-black,

i.mdi.icon.reverse.color-black {

  background-color: #4a4a4a;

}



.button.color-black {

  background-color: #4a4a4a;

}



.button.color-black:hover {

  background-color: #646363;

}



a.color-black:not(.button) {

  color: #4a4a4a;

}



a.color-black:not(.button):hover {

  color: #646363;

}



hr.small-line.color-black {

  background-color: #4a4a4a;

}



.circle-counter.color-black .circle-bar {

  stroke: #4a4a4a;

}



img.color-gray,

i.mdi.color-gray {

  color: #bdbdbd;

}



img.icon.bordered.color-gray,

img.icon.color-gray.card[class*="bottom-border-"],

i.mdi.icon.bordered.color-gray,

i.mdi.icon.color-gray.card[class*="bottom-border-"] {

  border-color: #bdbdbd;

}



img.icon.reverse.color-gray,

i.mdi.icon.reverse.color-gray {

  background-color: #bdbdbd;

}



.button.color-gray {

  background-color: #bdbdbd;

}



.button.color-gray:hover {

  background-color: #d7d6d6;

}



a.color-gray:not(.button) {

  color: #bdbdbd;

}



a.color-gray:not(.button):hover {

  color: #d7d6d6;

}



hr.small-line.color-gray {

  background-color: #bdbdbd;

}



.circle-counter.color-gray .circle-bar {

  stroke: #bdbdbd;

}



i.mdi.gray {

  color: #bdbdbd;

}



i.mdi.gray:hover {

  color: #a4a3a3;

}



i.mdi.darkgray {

  color: #8a8a8a;

}



i.mdi.darkgray:hover {

  color: #717070;

}



.grad-180-transparent-color1 {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(34, 138, 230, 0.5)), to(rgba(34, 138, 230, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(34, 138, 230, 0.5) 82.5%, rgba(34, 138, 230, 0.8) 100%);

}



.grad-180-transparent-color2 {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(250, 82, 82, 0.5)), to(rgba(250, 82, 82, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(250, 82, 82, 0.5) 82.5%, rgba(250, 82, 82, 0.8) 100%);

}



.grad-180-transparent-color3 {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(130, 201, 30, 0.5)), to(rgba(130, 201, 30, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(130, 201, 30, 0.5) 82.5%, rgba(130, 201, 30, 0.8) 100%);

}



.grad-180-transparent-color4 {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(250, 176, 5, 0.5)), to(rgba(250, 176, 5, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(250, 176, 5, 0.5) 82.5%, rgba(250, 176, 5, 0.8) 100%);

}



.grad-180-transparent-color5 {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(121, 80, 242, 0.5)), to(rgba(121, 80, 242, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(121, 80, 242, 0.5) 82.5%, rgba(121, 80, 242, 0.8) 100%);

}



.grad-180-transparent-color6 {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(230, 73, 128, 0.5)), to(rgba(230, 73, 128, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(230, 73, 128, 0.5) 82.5%, rgba(230, 73, 128, 0.8) 100%);

}



.grad-180-transparent-color-black {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(74, 74, 74, 0.5)), to(rgba(74, 74, 74, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(74, 74, 74, 0.5) 82.5%, rgba(74, 74, 74, 0.8) 100%);

}



.grad-180-transparent-color-white {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.5) 82.5%, rgba(255, 255, 255, 0.8) 100%);

}



.grad-180-transparent-color-gray {

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(82.5%, rgba(189, 189, 189, 0.5)), to(rgba(189, 189, 189, 0.8)));

  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(189, 189, 189, 0.5) 82.5%, rgba(189, 189, 189, 0.8) 100%);

}



/*

  TYPOGRAPHY

*/



html,

body,

.p {

  /*font-size: 16px;*/

  line-height: 1.5rem;

}



body {

  font-family:"Poppins", sans-serif !important;

  color: #222!important;

  background-color: transparent;

}



a {

  color: #228ae6;

}



a:hover {

  color: #50a2eb;

}



/*h1.title,

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Roboto";

  font-weight: 400;

  color: #54617A;

  text-rendering: optimizeLegibility;

  margin-bottom: 16px;

}*/



.button:only-child,

p:last-child,

h1:last-child,

h2:last-child,

h3:last-child,

h4:last-child,

h5:last-child,

h6:last-child {

  margin-bottom: 0;

}



.inverted h1,

.inverted h2,

.inverted h3,

.inverted h4,

.inverted h5,

.inverted h6,

.inverted .mdi {

  color: #ffffff;

}



.muted h1,

.comment-meta a h1,

.muted h2,

.comment-meta a h2,

.muted h3,

.comment-meta a h3,

.muted h4,

.comment-meta a h4,

.muted h5,

.comment-meta a h5,

.muted h6,

.comment-meta a h6,

.muted .mdi,

.comment-meta a .mdi {

  opacity: .55;

}



h1.title {

  font-size: 3.5rem;

  line-height: 4.5rem;

  margin-bottom: 8px;

}



h1,

.h1 {

  font-size: 3.2rem;

  line-height: 4.8rem;

  font-weight: 300;

  letter-spacing: -1px;

}



h2,

.h2 {

  /*font-size: 2.8rem;*/

  line-height: 3rem;

  font-weight: 300;

  letter-spacing: 0x;

}



h3,

.h3 {

  /*font-size: 2.1rem;*/

  line-height: 2.5rem;

  font-weight: 300;

  letter-spacing: 0x;

}



h4,

.h4 {

  font-size: 18px;

  font-family: "Roboto", Sans-serif;

  font-weight: 500;

  line-height: 2rem;

  letter-spacing: 0x;

}



h5,

.h5 {

  /*font-size: 1.25rem;*/

  line-height: 1.25rem;

  font-weight: 500;

  letter-spacing: 0x;

}



h6,

.h6 {

  /*font-size: 1rem;*/

  line-height: 1.5rem;

  font-weight: 500;

  letter-spacing: 0x;

}



h1 a,

.h1 a,

h2 a,

.h2 a,

h3 a,

.h3 a,

h4 a,

.h4 a,

h5 a,

.h5 a,

h6 a,

.h6 a {

  color: inherit;

}



p + h2,

p + h3,

p + h4,

p + h5,

p + h6,

ul + h2,

ul + h3,

ul + h4,

ul + h5,

ul + h6,

ol + h2,

ol + h3,

ol + h4,

ol + h5,

ol + h6,

dl + h2,

dl + h3,

dl + h4,

dl + h5,

dl + h6,

blockquote + h2,

blockquote + h3,

blockquote + h4,

blockquote + h5,

blockquote + h6,

hr + h2,

hr + h3,

hr + h4,

hr + h5,

hr + h6,

pre + h2,

pre + h3,

pre + h4,

pre + h5,

pre + h6,

table + h2,

table + h3,

table + h4,

table + h5,

table + h6,

form + h2,

form + h3,

form + h4,

form + h5,

form + h6,

figure + h2,

figure + h3,

figure + h4,

figure + h5,

figure + h6 {

  margin-top: 1.5rem;

}



ul,

ul ul,

ul ol,

ol,

ol ul,

ol ol {

  margin: 0 0 0 1.5rem;

}



ol ol li {

  list-style-type: lower-alpha;

}



ol ol ol li {

  list-style-type: lower-roman;

}



nav ul,

nav ol {

  margin: 0;

  list-style: none;

}



nav ul ul,

nav ul ol,

nav ol ul,

nav ol ol {

  margin-left: 1.5rem;

}



dl dt {

  font-weight: bold;

}



dd {

  margin-left: 1.5rem;

}



.p,

p,

blockquote,

hr,

pre,

ol,

ul,

dl,

table,

fieldset,

figure,

address,

form {

  margin-bottom: 16px;

}



hr {

  border: none;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  margin-top: -1px;

}



blockquote {

  padding-left: 1rem;

  border-left: 4px solid rgba(0, 0, 0, 0.1);

  font-style: italic;

  color: #8D99AE;

}



blockquote p {

  margin-bottom: .5rem;

}



time,

cite,

small,

figcaption {

  font-size: 87.5%;

}



cite {

  opacity: .6;

}



abbr[title],

dfn[title] {

  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);

  cursor: help;

}



var {

  font-size: 16px;

  opacity: .6;

  font-style: normal;

}



mark,

code,

samp,

kbd {

  position: relative;

  top: -1px;

  padding: 4px 4px 2px 4px;

  display: inline-block;

  line-height: 1;

  color: rgba(141, 153, 174, 0.85);

}



code {

  background: #e0e1e1;

}



mark {

  background: #f7ba45;

}



samp {

  color: #fff;

  background: #1c86f2;

}



kbd {

  border: 1px solid rgba(0, 0, 0, 0.1);

}



sub,

sup {

  font-size: 0.75em;

  line-height: 0;

  margin-left: 0.25rem;

  position: relative;

}



sup {

  top: 0;

}



sub {

  bottom: 1px;

}



pre,

code,

samp,

var,

kbd {

  font-family: Consolas, Monaco, "Courier New", monospace;

}



pre,

code,

samp,

var,

kbd,

mark {

  font-size: 87.5%;

}



pre,

pre code {

  background: #f8f8f8;

  padding: 0;

  top: 0;

  display: block;

  line-height: 1rem;

  color: rgba(141, 153, 174, 0.85);

  white-space: pre-wrap;

}



pre {

  padding: 1rem;

}



figcaption {

  opacity: .6;

}



figure figcaption {

  position: relative;

  top: -0.5rem;

}



figure pre {

  background: none;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 4px;

}



figure .video-container,

figure pre {

  margin-bottom: 8px;

}



.text-left {

  text-align: left;

}



.text-center {

  text-align: center;

}



.text-right {

  text-align: right;

}



.text-justify {

  text-align: justify;

}



ul.unstyled {

  margin-left: 0;

}



ul.unstyled,

ul.unstyled ul {

  list-style: none;

}



.monospace {

  font-family: Consolas, Monaco, "Courier New", monospace;

}



.upper {

  text-transform: uppercase;

}



.lower {

  text-transform: lowercase;

}



.italic {

  font-style: italic !important;

}



.strong {

  font-weight: bold !important;

}



.normal {

  font-weight: normal !important;

}



.muted,

.comment-meta a {

  opacity: .55;

}



a.muted,

.comment-meta a {

  color: #4a4a4a;

}



a.muted:hover,

.comment-meta a:hover {

  opacity: 1;

}



.black {

  color: #4a4a4a;

}



.smaller {

  font-size: 0.75em;

  line-height: 1rem;

}



.small,

.comment-meta {

  font-size: 0.875em;

  line-height: 1rem;

}



.big {

  font-size: 1.2em;

  line-height: 1.75rem;

}



.large {

  font-size: 1.4em;

  line-height: 2rem;

}



.end {

  margin-bottom: 0 !important;

}



.highlight {

  background-color: #edf2ff;

}



.nowrap,

.nowrap td {

  white-space: nowrap;

}



@media (min-width: 768px) and (max-width: 1024px) {

  .columns-2,

  .columns-3,

  .columns-4 {

    -webkit-column-gap: 1.5rem;

            column-gap: 1.5rem;

  }



  .columns-2 {

    -webkit-column-count: 2;

            column-count: 2;

  }



  .columns-3 {

    -webkit-column-count: 3;

            column-count: 3;

  }



  .columns-4 {

    -webkit-column-count: 4;

            column-count: 4;

  }

}



@media (min-width: 768px) {

  .text-left-sm {

    text-align: left;

  }



  .text-center-sm {

    text-align: center;

  }



  .text-right-sm {

    text-align: right;

  }



  .text-justify-sm {

    text-align: justify;

  }

}



@media (max-width: 1024px) {

  html,

  body {

    font-size: 14px;

  }

}



body .font-100 {

  font-weight: 100;

}



body .font-200 {

  font-weight: 200;

}



body .font-300 {

  font-weight: 300;

}



body .font-400 {

  font-weight: 400;

}



body .font-500 {

  font-weight: 500;

}



body .font-600 {

  font-weight: 600;

}



body .font-700 {

  font-weight: 700;

}



body .font-800 {

  font-weight: 800;

}



body .font-900 {

  font-weight: 900;

}



body #page h1 {

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



body #page h2 {

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



body #page h3 {

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



body #page h4 {

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



body #page h5 {

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



body #page h6 {

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



body #page p,

body #page a {

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



body #page a {

  text-decoration: none;

}



.lead {

  font-size: 1.1rem;

  line-height: 2rem;

  color: #8D99AE;

  font-weight: 300;

}



/*

  BUTTONS

*/



input[type=submit],

.button {

  font-family: Roboto, sans-serif;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  font-size: 0.875rem;

  line-height: 2.25rem;

  font-weight: 500;

  letter-spacing: 0.04em;

  text-decoration: none;

  text-transform: uppercase;

  --mdc-ripple-fg-size: 0;

  --mdc-ripple-left: 0;

  --mdc-ripple-top: 0;

  --mdc-ripple-fg-scale: 1;

  --mdc-ripple-fg-translate-end: 0;

  --mdc-ripple-fg-translate-start: 0;

  -webkit-tap-highlight-color: transparent;

  will-change: transform, opacity;

  display: inline-block;

  position: relative;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  min-width: 64px;

  height: auto;

  padding: 0 16px;

  border: none;

  outline: none;

  text-align: center;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  -webkit-appearance: none;

  overflow: hidden;

  vertical-align: middle;

  border-radius: 4px;

  background-color: #228ae6;

  font-size: 0.875rem;

  line-height: 40px;

  padding: 0 20px;

  border-color: transparent;

  font-family: "Roboto", sans-serif;

  text-transform: none;

  white-space: nowrap;

  margin-bottom: 1rem;

}



input[type=submit]::before,

input[type=submit]::after,

.button::before,

.button::after {

  position: absolute;

  border-radius: 50%;

  opacity: 0;

  pointer-events: none;

  content: "";

}



input[type=submit]::before,

.button::before {

  -webkit-transition: opacity 15ms linear;

  transition: opacity 15ms linear;

  z-index: 1;

}



input[type=submit].mdc-ripple-upgraded::before,

.button.mdc-ripple-upgraded::before {

  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));

          transform: scale(var(--mdc-ripple-fg-scale, 1));

}



input[type=submit].mdc-ripple-upgraded::after,

.button.mdc-ripple-upgraded::after {

  top: 0;

  left: 0;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transform-origin: center center;

          transform-origin: center center;

}



input[type=submit].mdc-ripple-upgraded--unbounded::after,

.button.mdc-ripple-upgraded--unbounded::after {

  top: var(--mdc-ripple-top, 0);

  left: var(--mdc-ripple-left, 0);

}



input[type=submit].mdc-ripple-upgraded--foreground-activation::after,

.button.mdc-ripple-upgraded--foreground-activation::after {

  -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

          animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

}



input[type=submit].mdc-ripple-upgraded--foreground-deactivation::after,

.button.mdc-ripple-upgraded--foreground-deactivation::after {

  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;

          animation: 150ms mdc-ripple-fg-opacity-out;

  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

}



input[type=submit]::before,

input[type=submit]::after,

.button::before,

.button::after {

  top: calc(50% - 100%);

  left: calc(50% - 100%);

  width: 200%;

  height: 200%;

}



input[type=submit].mdc-ripple-upgraded::after,

.button.mdc-ripple-upgraded::after {

  width: var(--mdc-ripple-fg-size, 100%);

  height: var(--mdc-ripple-fg-size, 100%);

}



input[type=submit]::-moz-focus-inner,

.button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



input[type=submit]:active,

.button:active {

  outline: none;

}



input[type=submit]:hover,

.button:hover {

  cursor: pointer;

}



input[type=submit]:disabled,

.button:disabled {

  background-color: transparent;

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

  cursor: default;

  pointer-events: none;

}



input[type=submit]:not(:disabled),

.button:not(:disabled) {

  color: #ffffff;

}



input[type=submit]::before,

input[type=submit]::after,

.button::before,

.button::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit]:hover::before,

.button:hover::before {

  opacity: 0.08;

}



input[type=submit]:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].mdc-ripple-upgraded--background-focused::before,

.button:not(.mdc-ripple-upgraded):focus::before,

.button.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit]:not(.mdc-ripple-upgraded)::after,

.button:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit]:not(.mdc-ripple-upgraded):active::after,

.button:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].mdc-ripple-upgraded,

.button.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit]:before,

.button:before {

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}



input[type=submit]:after,

input[type=submit]:before,

.button:after,

.button:before {

  background-color: #ffffff;

}



input[type=submit].outline,

.button.outline {

  border-width: 2px;

  line-height: 36px;

}



input[type=submit].outline.mdc-button--compact,

.button.outline.mdc-button--compact {

  padding-right: 6px;

  padding-left: 6px;

}



input[type=submit].outline::before,

input[type=submit].outline::after,

.button.outline::before,

.button.outline::after {

  background-color: #ffffff;

}



input[type=submit].outline:hover::before,

.button.outline:hover::before {

  opacity: 0.08;

}



input[type=submit].outline:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].outline.mdc-ripple-upgraded--background-focused::before,

.button.outline:not(.mdc-ripple-upgraded):focus::before,

.button.outline.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].outline:not(.mdc-ripple-upgraded)::after,

.button.outline:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].outline:not(.mdc-ripple-upgraded):active::after,

.button.outline:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].outline.mdc-ripple-upgraded,

.button.outline.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].small,

input[type=submit].comment-meta,

.button.small,

.button.comment-meta {

  font-size: 0.775rem;

  font-weight: 400;

  padding: 0 15px;

  border-radius: 4px;

  line-height: 32px;

}



input[type=submit].small.outline,

input[type=submit].outline.comment-meta,

.button.small.outline,

.button.outline.comment-meta {

  border-width: 2px;

  line-height: 28px;

}



input[type=submit].small.outline.mdc-button--compact,

input[type=submit].outline.mdc-button--compact.comment-meta,

.button.small.outline.mdc-button--compact,

.button.outline.mdc-button--compact.comment-meta {

  padding-right: 6px;

  padding-left: 6px;

}



input[type=submit].big,

.button.big {

  font-size: 0.975rem;

  font-weight: 400;

  padding: 2px 40px;

  border-radius: 4px;

  line-height: 50px;

}



input[type=submit].big.outline,

.button.big.outline {

  border-width: 2px;

  line-height: 46px;

}



input[type=submit].big.outline.mdc-button--compact,

.button.big.outline.mdc-button--compact {

  padding-right: 6px;

  padding-left: 6px;

}



input[type=submit].large,

.button.large {

  font-size: 21px;

  padding: 20px 36px;

  border-radius: 4px;

}



input[type=submit].large:not(.outline),

.button.large:not(.outline) {

  padding: calc(20px + 2px) calc(36px + 2px);

}



input[type=submit].color-white,

.button.color-white {

  background-color: #ffffff;

}



input[type=submit].color-white:not(:disabled),

.button.color-white:not(:disabled) {

  color: #2b2d42;

}



input[type=submit].color-white:not(:disabled),

.button.color-white:not(:disabled) {

  border-color: #ffffff;

}



input[type=submit].color-white::before,

input[type=submit].color-white::after,

.button.color-white::before,

.button.color-white::after {

  background-color: #bdbdbd;

}



input[type=submit].color-white:hover::before,

.button.color-white:hover::before {

  opacity: 0.08;

}



input[type=submit].color-white:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color-white.mdc-ripple-upgraded--background-focused::before,

.button.color-white:not(.mdc-ripple-upgraded):focus::before,

.button.color-white.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color-white:not(.mdc-ripple-upgraded)::after,

.button.color-white:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color-white:not(.mdc-ripple-upgraded):active::after,

.button.color-white:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color-white.mdc-ripple-upgraded,

.button.color-white.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color-white.outline,

.button.color-white.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color-white.outline:not(:disabled),

.button.color-white.outline:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color-white.outline:disabled,

.button.color-white.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color-white.outline:not(:disabled),

.button.color-white.outline:not(:disabled) {

  border-color: #ffffff;

}



input[type=submit].color-white.link,

.button.color-white.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color-white.link:not(:disabled),

.button.color-white.link:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color-white.link::before,

input[type=submit].color-white.link::after,

.button.color-white.link::before,

.button.color-white.link::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color-white.link:hover::before,

.button.color-white.link:hover::before {

  opacity: 0.08;

}



input[type=submit].color-white.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color-white.link.mdc-ripple-upgraded--background-focused::before,

.button.color-white.link:not(.mdc-ripple-upgraded):focus::before,

.button.color-white.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color-white.link:not(.mdc-ripple-upgraded)::after,

.button.color-white.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color-white.link:not(.mdc-ripple-upgraded):active::after,

.button.color-white.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color-white.link.mdc-ripple-upgraded,

.button.color-white.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color-white.link:hover,

.button.color-white.link:hover {

  background-color: transparent;

}



input[type=submit].color-white :disabled,

input[type=submit].color-white.disabled,

.button.color-white :disabled,

.button.color-white.disabled {

  background-color: rgba(255, 255, 255, 0.5);

  border-color: rgba(255, 255, 255, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].round,

.button.round {

  border-radius: 50px;

}



input[type=submit].square,

.button.square {

  border-radius: 0px;

}



input[type=submit].color-black,

.button.color-black {

  background-color: #000;

}



input[type=submit].color-black:not(:disabled),

.button.color-black:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color-black:not(:disabled),

.button.color-black:not(:disabled) {

  border-color: #000;

}



input[type=submit].color-black::before,

input[type=submit].color-black::after,

.button.color-black::before,

.button.color-black::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color-black:hover::before,

.button.color-black:hover::before {

  opacity: 0.08;

}



input[type=submit].color-black:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color-black.mdc-ripple-upgraded--background-focused::before,

.button.color-black:not(.mdc-ripple-upgraded):focus::before,

.button.color-black.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color-black:not(.mdc-ripple-upgraded)::after,

.button.color-black:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color-black:not(.mdc-ripple-upgraded):active::after,

.button.color-black:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color-black.mdc-ripple-upgraded,

.button.color-black.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color-black.outline,

.button.color-black.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color-black.outline:not(:disabled),

.button.color-black.outline:not(:disabled) {

  color: #000;

}



input[type=submit].color-black.outline:disabled,

.button.color-black.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color-black.outline:not(:disabled),

.button.color-black.outline:not(:disabled) {

  border-color: #000;

}



input[type=submit].color-black.link,

.button.color-black.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color-black.link:not(:disabled),

.button.color-black.link:not(:disabled) {

  color: #000;

}



input[type=submit].color-black.link::before,

input[type=submit].color-black.link::after,

.button.color-black.link::before,

.button.color-black.link::after {

  background-color: rgba(0, 0, 0, 0.8);

}



input[type=submit].color-black.link:hover::before,

.button.color-black.link:hover::before {

  opacity: 0.04;

}



input[type=submit].color-black.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color-black.link.mdc-ripple-upgraded--background-focused::before,

.button.color-black.link:not(.mdc-ripple-upgraded):focus::before,

.button.color-black.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



input[type=submit].color-black.link:not(.mdc-ripple-upgraded)::after,

.button.color-black.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color-black.link:not(.mdc-ripple-upgraded):active::after,

.button.color-black.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



input[type=submit].color-black.link.mdc-ripple-upgraded,

.button.color-black.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



input[type=submit].color-black.link:hover,

.button.color-black.link:hover {

  background-color: transparent;

}



input[type=submit].color-black :disabled,

input[type=submit].color-black.disabled,

.button.color-black :disabled,

.button.color-black.disabled {

  background-color: rgba(0, 0, 0, 0.5);

  border-color: rgba(0, 0, 0, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].color-darkgray,

.button.color-darkgray {

  background-color: #2b2d42;

}



input[type=submit].color-darkgray:not(:disabled),

.button.color-darkgray:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color-darkgray:not(:disabled),

.button.color-darkgray:not(:disabled) {

  border-color: #2b2d42;

}



input[type=submit].color-darkgray::before,

input[type=submit].color-darkgray::after,

.button.color-darkgray::before,

.button.color-darkgray::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color-darkgray:hover::before,

.button.color-darkgray:hover::before {

  opacity: 0.08;

}



input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color-darkgray.mdc-ripple-upgraded--background-focused::before,

.button.color-darkgray:not(.mdc-ripple-upgraded):focus::before,

.button.color-darkgray.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color-darkgray:not(.mdc-ripple-upgraded)::after,

.button.color-darkgray:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):active::after,

.button.color-darkgray:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color-darkgray.mdc-ripple-upgraded,

.button.color-darkgray.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color-darkgray.outline,

.button.color-darkgray.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color-darkgray.outline:not(:disabled),

.button.color-darkgray.outline:not(:disabled) {

  color: #2b2d42;

}



input[type=submit].color-darkgray.outline:disabled,

.button.color-darkgray.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color-darkgray.outline:not(:disabled),

.button.color-darkgray.outline:not(:disabled) {

  border-color: #2b2d42;

}



input[type=submit].color-darkgray.link,

.button.color-darkgray.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color-darkgray.link:not(:disabled),

.button.color-darkgray.link:not(:disabled) {

  color: #2b2d42;

}



input[type=submit].color-darkgray.link::before,

input[type=submit].color-darkgray.link::after,

.button.color-darkgray.link::before,

.button.color-darkgray.link::after {

  background-color: rgba(43, 45, 66, 0.8);

}



input[type=submit].color-darkgray.link:hover::before,

.button.color-darkgray.link:hover::before {

  opacity: 0.04;

}



input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color-darkgray.link.mdc-ripple-upgraded--background-focused::before,

.button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before,

.button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded)::after,

.button.color-darkgray.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):active::after,

.button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



input[type=submit].color-darkgray.link.mdc-ripple-upgraded,

.button.color-darkgray.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



input[type=submit].color-darkgray.link:hover,

.button.color-darkgray.link:hover {

  background-color: transparent;

}



input[type=submit].color-darkgray :disabled,

input[type=submit].color-darkgray.disabled,

.button.color-darkgray :disabled,

.button.color-darkgray.disabled {

  background-color: rgba(43, 45, 66, 0.5);

  border-color: rgba(43, 45, 66, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].white,

.button.white {

  background-color: #ffffff;

}



input[type=submit].white:not(:disabled),

.button.white:not(:disabled) {

  color: #2b2d42;

}



input[type=submit].white:not(:disabled),

.button.white:not(:disabled) {

  border-color: #ffffff;

}



input[type=submit].white::before,

input[type=submit].white::after,

.button.white::before,

.button.white::after {

  background-color: #bdbdbd;

}



input[type=submit].white:hover::before,

.button.white:hover::before {

  opacity: 0.08;

}



input[type=submit].white:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].white.mdc-ripple-upgraded--background-focused::before,

.button.white:not(.mdc-ripple-upgraded):focus::before,

.button.white.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].white:not(.mdc-ripple-upgraded)::after,

.button.white:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].white:not(.mdc-ripple-upgraded):active::after,

.button.white:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].white.mdc-ripple-upgraded,

.button.white.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].white.outline,

.button.white.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].white.outline:not(:disabled),

.button.white.outline:not(:disabled) {

  color: #ffffff;

}



input[type=submit].white.outline:disabled,

.button.white.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].white.outline:not(:disabled),

.button.white.outline:not(:disabled) {

  border-color: #ffffff;

}



input[type=submit].white.link,

.button.white.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].white.link:not(:disabled),

.button.white.link:not(:disabled) {

  color: #ffffff;

}



input[type=submit].white.link::before,

input[type=submit].white.link::after,

.button.white.link::before,

.button.white.link::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].white.link:hover::before,

.button.white.link:hover::before {

  opacity: 0.08;

}



input[type=submit].white.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].white.link.mdc-ripple-upgraded--background-focused::before,

.button.white.link:not(.mdc-ripple-upgraded):focus::before,

.button.white.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].white.link:not(.mdc-ripple-upgraded)::after,

.button.white.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].white.link:not(.mdc-ripple-upgraded):active::after,

.button.white.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].white.link.mdc-ripple-upgraded,

.button.white.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].white.link:hover,

.button.white.link:hover {

  background-color: transparent;

}



input[type=submit].white :disabled,

input[type=submit].white.disabled,

.button.white :disabled,

.button.white.disabled {

  background-color: rgba(255, 255, 255, 0.5);

  border-color: rgba(255, 255, 255, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].white.outline::before,

input[type=submit].white.outline::after,

.button.white.outline::before,

.button.white.outline::after {

  background-color: #ffffff;

}



input[type=submit].white.outline:hover::before,

.button.white.outline:hover::before {

  opacity: 0.08;

}



input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus-within::before,

input[type=submit].white.outline.mdc-ripple-upgraded--background-focused::before,

.button.white.outline:not(.mdc-ripple-upgraded):focus::before,

.button.white.outline:not(.mdc-ripple-upgraded):focus-within::before,

.button.white.outline.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].white.outline:not(.mdc-ripple-upgraded)::after,

.button.white.outline:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].white.outline:not(.mdc-ripple-upgraded):active::after,

.button.white.outline:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].white.outline.mdc-ripple-upgraded,

.button.white.outline.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].white.outline:hover::before,

.button.white.outline:hover::before {

  opacity: 0.3;

}



input[type=submit].black,

.button.black {

  background-color: #000;

}



input[type=submit].black:not(:disabled),

.button.black:not(:disabled) {

  color: #ffffff;

}



input[type=submit].black:not(:disabled),

.button.black:not(:disabled) {

  border-color: #000;

}



input[type=submit].black::before,

input[type=submit].black::after,

.button.black::before,

.button.black::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].black:hover::before,

.button.black:hover::before {

  opacity: 0.08;

}



input[type=submit].black:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].black.mdc-ripple-upgraded--background-focused::before,

.button.black:not(.mdc-ripple-upgraded):focus::before,

.button.black.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].black:not(.mdc-ripple-upgraded)::after,

.button.black:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].black:not(.mdc-ripple-upgraded):active::after,

.button.black:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].black.mdc-ripple-upgraded,

.button.black.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].black.outline,

.button.black.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].black.outline:not(:disabled),

.button.black.outline:not(:disabled) {

  color: #000;

}



input[type=submit].black.outline:disabled,

.button.black.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].black.outline:not(:disabled),

.button.black.outline:not(:disabled) {

  border-color: #000;

}



input[type=submit].black.link,

.button.black.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].black.link:not(:disabled),

.button.black.link:not(:disabled) {

  color: #000;

}



input[type=submit].black.link::before,

input[type=submit].black.link::after,

.button.black.link::before,

.button.black.link::after {

  background-color: rgba(0, 0, 0, 0.8);

}



input[type=submit].black.link:hover::before,

.button.black.link:hover::before {

  opacity: 0.04;

}



input[type=submit].black.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].black.link.mdc-ripple-upgraded--background-focused::before,

.button.black.link:not(.mdc-ripple-upgraded):focus::before,

.button.black.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



input[type=submit].black.link:not(.mdc-ripple-upgraded)::after,

.button.black.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].black.link:not(.mdc-ripple-upgraded):active::after,

.button.black.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



input[type=submit].black.link.mdc-ripple-upgraded,

.button.black.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



input[type=submit].black.link:hover,

.button.black.link:hover {

  background-color: transparent;

}



input[type=submit].black :disabled,

input[type=submit].black.disabled,

.button.black :disabled,

.button.black.disabled {

  background-color: rgba(0, 0, 0, 0.5);

  border-color: rgba(0, 0, 0, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].color1,

.button.color1 {

  background-color: #228ae6;

}



input[type=submit].color1:not(:disabled),

.button.color1:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color1:not(:disabled),

.button.color1:not(:disabled) {

  border-color: #228ae6;

}



input[type=submit].color1::before,

input[type=submit].color1::after,

.button.color1::before,

.button.color1::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color1:hover::before,

.button.color1:hover::before {

  opacity: 0.08;

}



input[type=submit].color1:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color1.mdc-ripple-upgraded--background-focused::before,

.button.color1:not(.mdc-ripple-upgraded):focus::before,

.button.color1.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color1:not(.mdc-ripple-upgraded)::after,

.button.color1:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color1:not(.mdc-ripple-upgraded):active::after,

.button.color1:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color1.mdc-ripple-upgraded,

.button.color1.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color1.outline,

.button.color1.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color1.outline:not(:disabled),

.button.color1.outline:not(:disabled) {

  color: #228ae6;

}



input[type=submit].color1.outline:disabled,

.button.color1.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color1.outline:not(:disabled),

.button.color1.outline:not(:disabled) {

  border-color: #228ae6;

}



input[type=submit].color1.link,

.button.color1.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color1.link:not(:disabled),

.button.color1.link:not(:disabled) {

  color: #228ae6;

}



input[type=submit].color1.link::before,

input[type=submit].color1.link::after,

.button.color1.link::before,

.button.color1.link::after {

  background-color: rgba(34, 138, 230, 0.8);

}



input[type=submit].color1.link:hover::before,

.button.color1.link:hover::before {

  opacity: 0.04;

}



input[type=submit].color1.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color1.link.mdc-ripple-upgraded--background-focused::before,

.button.color1.link:not(.mdc-ripple-upgraded):focus::before,

.button.color1.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



input[type=submit].color1.link:not(.mdc-ripple-upgraded)::after,

.button.color1.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color1.link:not(.mdc-ripple-upgraded):active::after,

.button.color1.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



input[type=submit].color1.link.mdc-ripple-upgraded,

.button.color1.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



input[type=submit].color1.link:hover,

.button.color1.link:hover {

  background-color: transparent;

}



input[type=submit].color1 :disabled,

input[type=submit].color1.disabled,

.button.color1 :disabled,

.button.color1.disabled {

  background-color: rgba(34, 138, 230, 0.5);

  border-color: rgba(34, 138, 230, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].color2,

.button.color2 {

  background-color: #fa5252;

}



input[type=submit].color2:not(:disabled),

.button.color2:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color2:not(:disabled),

.button.color2:not(:disabled) {

  border-color: #fa5252;

}



input[type=submit].color2::before,

input[type=submit].color2::after,

.button.color2::before,

.button.color2::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color2:hover::before,

.button.color2:hover::before {

  opacity: 0.08;

}



input[type=submit].color2:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color2.mdc-ripple-upgraded--background-focused::before,

.button.color2:not(.mdc-ripple-upgraded):focus::before,

.button.color2.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color2:not(.mdc-ripple-upgraded)::after,

.button.color2:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color2:not(.mdc-ripple-upgraded):active::after,

.button.color2:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color2.mdc-ripple-upgraded,

.button.color2.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color2.outline,

.button.color2.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color2.outline:not(:disabled),

.button.color2.outline:not(:disabled) {

  color: #fa5252;

}



input[type=submit].color2.outline:disabled,

.button.color2.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color2.outline:not(:disabled),

.button.color2.outline:not(:disabled) {

  border-color: #fa5252;

}



input[type=submit].color2.link,

.button.color2.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color2.link:not(:disabled),

.button.color2.link:not(:disabled) {

  color: #fa5252;

}



input[type=submit].color2.link::before,

input[type=submit].color2.link::after,

.button.color2.link::before,

.button.color2.link::after {

  background-color: rgba(250, 82, 82, 0.8);

}



input[type=submit].color2.link:hover::before,

.button.color2.link:hover::before {

  opacity: 0.04;

}



input[type=submit].color2.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color2.link.mdc-ripple-upgraded--background-focused::before,

.button.color2.link:not(.mdc-ripple-upgraded):focus::before,

.button.color2.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



input[type=submit].color2.link:not(.mdc-ripple-upgraded)::after,

.button.color2.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color2.link:not(.mdc-ripple-upgraded):active::after,

.button.color2.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



input[type=submit].color2.link.mdc-ripple-upgraded,

.button.color2.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



input[type=submit].color2.link:hover,

.button.color2.link:hover {

  background-color: transparent;

}



input[type=submit].color2 :disabled,

input[type=submit].color2.disabled,

.button.color2 :disabled,

.button.color2.disabled {

  background-color: rgba(250, 82, 82, 0.5);

  border-color: rgba(250, 82, 82, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].color3,

.button.color3 {

  background-color: #82c91e;

}



input[type=submit].color3:not(:disabled),

.button.color3:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color3:not(:disabled),

.button.color3:not(:disabled) {

  border-color: #82c91e;

}



input[type=submit].color3::before,

input[type=submit].color3::after,

.button.color3::before,

.button.color3::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color3:hover::before,

.button.color3:hover::before {

  opacity: 0.08;

}



input[type=submit].color3:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color3.mdc-ripple-upgraded--background-focused::before,

.button.color3:not(.mdc-ripple-upgraded):focus::before,

.button.color3.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color3:not(.mdc-ripple-upgraded)::after,

.button.color3:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color3:not(.mdc-ripple-upgraded):active::after,

.button.color3:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color3.mdc-ripple-upgraded,

.button.color3.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color3.outline,

.button.color3.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color3.outline:not(:disabled),

.button.color3.outline:not(:disabled) {

  color: #82c91e;

}



input[type=submit].color3.outline:disabled,

.button.color3.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color3.outline:not(:disabled),

.button.color3.outline:not(:disabled) {

  border-color: #82c91e;

}



input[type=submit].color3.link,

.button.color3.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color3.link:not(:disabled),

.button.color3.link:not(:disabled) {

  color: #82c91e;

}



input[type=submit].color3.link::before,

input[type=submit].color3.link::after,

.button.color3.link::before,

.button.color3.link::after {

  background-color: rgba(130, 201, 30, 0.8);

}



input[type=submit].color3.link:hover::before,

.button.color3.link:hover::before {

  opacity: 0.08;

}



input[type=submit].color3.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color3.link.mdc-ripple-upgraded--background-focused::before,

.button.color3.link:not(.mdc-ripple-upgraded):focus::before,

.button.color3.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color3.link:not(.mdc-ripple-upgraded)::after,

.button.color3.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color3.link:not(.mdc-ripple-upgraded):active::after,

.button.color3.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color3.link.mdc-ripple-upgraded,

.button.color3.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color3.link:hover,

.button.color3.link:hover {

  background-color: transparent;

}



input[type=submit].color3 :disabled,

input[type=submit].color3.disabled,

.button.color3 :disabled,

.button.color3.disabled {

  background-color: rgba(130, 201, 30, 0.5);

  border-color: rgba(130, 201, 30, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].color4,

.button.color4 {

  background-color: #fab005;

}



input[type=submit].color4:not(:disabled),

.button.color4:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color4:not(:disabled),

.button.color4:not(:disabled) {

  border-color: #fab005;

}



input[type=submit].color4::before,

input[type=submit].color4::after,

.button.color4::before,

.button.color4::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color4:hover::before,

.button.color4:hover::before {

  opacity: 0.08;

}



input[type=submit].color4:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color4.mdc-ripple-upgraded--background-focused::before,

.button.color4:not(.mdc-ripple-upgraded):focus::before,

.button.color4.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color4:not(.mdc-ripple-upgraded)::after,

.button.color4:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color4:not(.mdc-ripple-upgraded):active::after,

.button.color4:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color4.mdc-ripple-upgraded,

.button.color4.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color4.outline,

.button.color4.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color4.outline:not(:disabled),

.button.color4.outline:not(:disabled) {

  color: #fab005;

}



input[type=submit].color4.outline:disabled,

.button.color4.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color4.outline:not(:disabled),

.button.color4.outline:not(:disabled) {

  border-color: #fab005;

}



input[type=submit].color4.link,

.button.color4.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color4.link:not(:disabled),

.button.color4.link:not(:disabled) {

  color: #fab005;

}



input[type=submit].color4.link::before,

input[type=submit].color4.link::after,

.button.color4.link::before,

.button.color4.link::after {

  background-color: rgba(250, 176, 5, 0.8);

}



input[type=submit].color4.link:hover::before,

.button.color4.link:hover::before {

  opacity: 0.08;

}



input[type=submit].color4.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color4.link.mdc-ripple-upgraded--background-focused::before,

.button.color4.link:not(.mdc-ripple-upgraded):focus::before,

.button.color4.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color4.link:not(.mdc-ripple-upgraded)::after,

.button.color4.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color4.link:not(.mdc-ripple-upgraded):active::after,

.button.color4.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color4.link.mdc-ripple-upgraded,

.button.color4.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color4.link:hover,

.button.color4.link:hover {

  background-color: transparent;

}



input[type=submit].color4 :disabled,

input[type=submit].color4.disabled,

.button.color4 :disabled,

.button.color4.disabled {

  background-color: rgba(250, 176, 5, 0.5);

  border-color: rgba(250, 176, 5, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].color5,

.button.color5 {

  background-color: #7950f2;

}



input[type=submit].color5:not(:disabled),

.button.color5:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color5:not(:disabled),

.button.color5:not(:disabled) {

  border-color: #7950f2;

}



input[type=submit].color5::before,

input[type=submit].color5::after,

.button.color5::before,

.button.color5::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color5:hover::before,

.button.color5:hover::before {

  opacity: 0.08;

}



input[type=submit].color5:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color5.mdc-ripple-upgraded--background-focused::before,

.button.color5:not(.mdc-ripple-upgraded):focus::before,

.button.color5.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color5:not(.mdc-ripple-upgraded)::after,

.button.color5:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color5:not(.mdc-ripple-upgraded):active::after,

.button.color5:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color5.mdc-ripple-upgraded,

.button.color5.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color5.outline,

.button.color5.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color5.outline:not(:disabled),

.button.color5.outline:not(:disabled) {

  color: #7950f2;

}



input[type=submit].color5.outline:disabled,

.button.color5.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color5.outline:not(:disabled),

.button.color5.outline:not(:disabled) {

  border-color: #7950f2;

}



input[type=submit].color5.link,

.button.color5.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color5.link:not(:disabled),

.button.color5.link:not(:disabled) {

  color: #7950f2;

}



input[type=submit].color5.link::before,

input[type=submit].color5.link::after,

.button.color5.link::before,

.button.color5.link::after {

  background-color: rgba(121, 80, 242, 0.8);

}



input[type=submit].color5.link:hover::before,

.button.color5.link:hover::before {

  opacity: 0.04;

}



input[type=submit].color5.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color5.link.mdc-ripple-upgraded--background-focused::before,

.button.color5.link:not(.mdc-ripple-upgraded):focus::before,

.button.color5.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



input[type=submit].color5.link:not(.mdc-ripple-upgraded)::after,

.button.color5.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color5.link:not(.mdc-ripple-upgraded):active::after,

.button.color5.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



input[type=submit].color5.link.mdc-ripple-upgraded,

.button.color5.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



input[type=submit].color5.link:hover,

.button.color5.link:hover {

  background-color: transparent;

}



input[type=submit].color5 :disabled,

input[type=submit].color5.disabled,

.button.color5 :disabled,

.button.color5.disabled {

  background-color: rgba(121, 80, 242, 0.5);

  border-color: rgba(121, 80, 242, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].color6,

.button.color6 {

  background-color: #e64980;

}



input[type=submit].color6:not(:disabled),

.button.color6:not(:disabled) {

  color: #ffffff;

}



input[type=submit].color6:not(:disabled),

.button.color6:not(:disabled) {

  border-color: #e64980;

}



input[type=submit].color6::before,

input[type=submit].color6::after,

.button.color6::before,

.button.color6::after {

  background-color: rgba(255, 255, 255, 0.8);

}



input[type=submit].color6:hover::before,

.button.color6:hover::before {

  opacity: 0.08;

}



input[type=submit].color6:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color6.mdc-ripple-upgraded--background-focused::before,

.button.color6:not(.mdc-ripple-upgraded):focus::before,

.button.color6.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



input[type=submit].color6:not(.mdc-ripple-upgraded)::after,

.button.color6:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color6:not(.mdc-ripple-upgraded):active::after,

.button.color6:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



input[type=submit].color6.mdc-ripple-upgraded,

.button.color6.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



input[type=submit].color6.outline,

.button.color6.outline {

  background-color: transparent;

  border-style: solid;

}



input[type=submit].color6.outline:not(:disabled),

.button.color6.outline:not(:disabled) {

  color: #e64980;

}



input[type=submit].color6.outline:disabled,

.button.color6.outline:disabled {

  /* @alternate */

  border-color: rgba(0, 0, 0, 0.38);

  border-color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));

}



input[type=submit].color6.outline:not(:disabled),

.button.color6.outline:not(:disabled) {

  border-color: #e64980;

}



input[type=submit].color6.link,

.button.color6.link {

  background-color: transparent;

  padding: 0 8px;

}



input[type=submit].color6.link:not(:disabled),

.button.color6.link:not(:disabled) {

  color: #e64980;

}



input[type=submit].color6.link::before,

input[type=submit].color6.link::after,

.button.color6.link::before,

.button.color6.link::after {

  background-color: rgba(230, 73, 128, 0.8);

}



input[type=submit].color6.link:hover::before,

.button.color6.link:hover::before {

  opacity: 0.04;

}



input[type=submit].color6.link:not(.mdc-ripple-upgraded):focus::before,

input[type=submit].color6.link.mdc-ripple-upgraded--background-focused::before,

.button.color6.link:not(.mdc-ripple-upgraded):focus::before,

.button.color6.link.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



input[type=submit].color6.link:not(.mdc-ripple-upgraded)::after,

.button.color6.link:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



input[type=submit].color6.link:not(.mdc-ripple-upgraded):active::after,

.button.color6.link:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



input[type=submit].color6.link.mdc-ripple-upgraded,

.button.color6.link.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



input[type=submit].color6.link:hover,

.button.color6.link:hover {

  background-color: transparent;

}



input[type=submit].color6 :disabled,

input[type=submit].color6.disabled,

.button.color6 :disabled,

.button.color6.disabled {

  background-color: rgba(230, 73, 128, 0.5);

  border-color: rgba(230, 73, 128, 0.5);

  cursor: default;

  pointer-events: none;

}



input[type=submit].white-text,

.button.white-text {

  color: #ffffff !important;

}



input[type=submit].dark-text,

.button.dark-text {

  color: #2b2d42 !important;

}



input[type=submit].negative-margin,

.button.negative-margin {

  margin-left: -0.5rem;

}



input[type=submit] .button-icon,

.button .button-icon {

  font-size: 2em;

  margin-right: 0.35em;

  vertical-align: middle;

}



/*

  CARD

*/



/**

 * The css property used for elevation. In most cases this should not be changed. It is exposed

 * as a variable for abstraction / easy use when needing to reference the property directly, for

 * example in a `will-change` rule.

 */



/**

 * The default duration value for elevation transitions.

 */



/**

 * The default easing value for elevation transitions.

 */



/**

 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.

 * The $z-value must be between 0 and 24.

 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use

 * $opacity-boost.

 */



/**

 * Returns a string that can be used as the value for a `transition` property for elevation.

 * Calling this function directly is useful in situations where a component needs to transition

 * more than one property.

 *

 * ```scss

 * .foo {

 *   transition: mdc-elevation-transition-value(), opacity 100ms ease;

 *   will-change: $mdc-elevation-property, opacity;

 * }

 * ```

 */



/**

 * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.

 *

 * Usage Example:

 * ```scss

 * .mdc-foo {

 *   position: absolute;

 *   left: 0;

 *

 *   @include mdc-rtl {

 *     left: auto;

 *     right: 0;

 *   }

 *

 *   &__bar {

 *     margin-left: 4px;

 *     @include mdc-rtl(".mdc-foo") {

 *       margin-left: auto;

 *       margin-right: 4px;

 *     }

 *   }

 * }

 *

 * .mdc-foo--mod {

 *   padding-left: 4px;

 *

 *   @include mdc-rtl {

 *     padding-left: auto;

 *     padding-right: 4px;

 *   }

 * }

 * ```

 *

 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work

 * in most cases, it will in some cases lead to false negatives, e.g.

 *

 * ```html

 * <html dir="rtl">

 *   <!-- ... -->

 *   <div dir="ltr">

 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>

 *   </div>

 * </html>

 * ```

 *

 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.

 */



/**

 * Takes a base box-model property - e.g. margin / border / padding - along with a default

 * direction and value, and emits rules which apply the value to the

 * "<base-property>-<default-direction>" property by default, but flips the direction

 * when within an RTL context.

 *

 * For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-box(margin, left, 8px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-left: 8px;

 *

 *   @include mdc-rtl {

 *     margin-right: 8px;

 *     margin-left: 0;

 *   }

 * }

 * ```

 * whereas:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-box(margin, right, 8px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-right: 8px;

 *

 *   @include mdc-rtl {

 *     margin-right: 0;

 *     margin-left: 8px;

 *   }

 * }

 * ```

 *

 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,

 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.

 *

 * Note that this function will always zero out the original value in an RTL context. If you're

 * trying to flip the values, use mdc-rtl-reflexive-property().

 */



/**

 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and

 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.

 * For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 * .mdc-foo {

 *   margin-left: auto;

 *   margin-right: 12px;

 *

 *   @include mdc-rtl {

 *     margin-left: 12px;

 *     margin-right: auto;

 *   }

 * }

 * ```

 *

 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.

 */



/**

 * Takes an argument specifying a horizontal position property (either "left" or "right") as well

 * as a value, and applies that value to the specified position in a LTR context, and flips it in a

 * RTL context. For example:

 *

 * ```scss

 * .mdc-foo {

 *   @include mdc-rtl-reflexive-position(left, 0);

 *   position: absolute;

 * }

 * ```

 * is equivalent to:

 *

 * ```scss

 *  .mdc-foo {

 *    position: absolute;

 *    left: 0;

 *    right: initial;

 *

 *    @include mdc-rtl {

 *      right: 0;

 *      left: initial;

 *    }

 *  }

 * ```

 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.

 */



.mdc-card {

  /* @alternate */

  background-color: #fff;

  background-color: var(--mdc-theme-background, #fff);

  border-radius: 2px;

  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



.mdc-card--stroked {

  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);

  border: 1px solid #dbdbdb;

}



.mdc-card__media {

  position: relative;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  background-repeat: no-repeat;

  background-size: cover;

}



.mdc-card__media::before {

  display: block;

  content: "";

}



.mdc-card__media:first-child {

  border-top-left-radius: inherit;

  border-top-right-radius: inherit;

}



.mdc-card__media:last-child {

  border-bottom-left-radius: inherit;

  border-bottom-right-radius: inherit;

}



.mdc-card__media--square::before {

  margin-top: 100%;

}



.mdc-card__media--16-9::before {

  margin-top: 56.25%;

}



.mdc-card__media-content {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



.mdc-card__primary-action {

  --mdc-ripple-fg-size: 0;

  --mdc-ripple-left: 0;

  --mdc-ripple-top: 0;

  --mdc-ripple-fg-scale: 1;

  --mdc-ripple-fg-translate-end: 0;

  --mdc-ripple-fg-translate-start: 0;

  -webkit-tap-highlight-color: transparent;

  will-change: transform, opacity;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  position: relative;

  outline: none;

  color: inherit;

  text-decoration: none;

  cursor: pointer;

  overflow: hidden;

}



.mdc-card__primary-action::before,

.mdc-card__primary-action::after {

  position: absolute;

  border-radius: 50%;

  opacity: 0;

  pointer-events: none;

  content: "";

}



.mdc-card__primary-action::before {

  -webkit-transition: opacity 15ms linear;

  transition: opacity 15ms linear;

  z-index: 1;

}



.mdc-card__primary-action.mdc-ripple-upgraded::before {

  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));

          transform: scale(var(--mdc-ripple-fg-scale, 1));

}



.mdc-card__primary-action.mdc-ripple-upgraded::after {

  top: 0;

  left: 0;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transform-origin: center center;

          transform-origin: center center;

}



.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {

  top: var(--mdc-ripple-top, 0);

  left: var(--mdc-ripple-left, 0);

}



.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {

  -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

          animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

}



.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {

  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;

          animation: 150ms mdc-ripple-fg-opacity-out;

  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

}



.mdc-card__primary-action::before,

.mdc-card__primary-action::after {

  top: calc(50% - 100%);

  left: calc(50% - 100%);

  width: 200%;

  height: 200%;

}



.mdc-card__primary-action.mdc-ripple-upgraded::after {

  width: var(--mdc-ripple-fg-size, 100%);

  height: var(--mdc-ripple-fg-size, 100%);

}



.mdc-card__primary-action::before,

.mdc-card__primary-action::after {

  background-color: black;

}



.mdc-card__primary-action:hover::before {

  opacity: 0.04;

}



.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before,

.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



.mdc-card__primary-action.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



.mdc-card__primary-action:first-child {

  border-top-left-radius: inherit;

  border-top-right-radius: inherit;

}



.mdc-card__primary-action:last-child {

  border-bottom-left-radius: inherit;

  border-bottom-right-radius: inherit;

}



.mdc-card__actions {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  min-height: 52px;

  padding: 8px;

}



.mdc-card__actions--full-bleed {

  padding: 0;

}



.mdc-card__action-buttons,

.mdc-card__action-icons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



.mdc-card__action-icons {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



.mdc-card__action-buttons + .mdc-card__action-icons {

  margin-left: 16px;

  margin-right: 0;

}



[dir="rtl"] .mdc-card__action-buttons + .mdc-card__action-icons,

.mdc-card__action-buttons + .mdc-card__action-icons[dir="rtl"] {

  margin-left: 0;

  margin-right: 16px;

}



.mdc-card__action {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}



.mdc-card__action:focus {

  outline: none;

}



.mdc-card__action--button {

  margin-left: 0;

  margin-right: 8px;

  padding: 0 8px;

}



[dir="rtl"] .mdc-card__action--button,

.mdc-card__action--button[dir="rtl"] {

  margin-left: 8px;

  margin-right: 0;

}



.mdc-card__action--button:last-child {

  margin-left: 0;

  margin-right: 0;

}



[dir="rtl"] .mdc-card__action--button:last-child,

.mdc-card__action--button:last-child[dir="rtl"] {

  margin-left: 0;

  margin-right: 0;

}



.mdc-card__actions--full-bleed .mdc-card__action--button {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  height: auto;

  max-height: none;

  margin: 0;

  padding: 8px 16px;

  text-align: left;

}



[dir="rtl"] .mdc-card__actions--full-bleed .mdc-card__action--button,

.mdc-card__actions--full-bleed .mdc-card__action--button[dir="rtl"] {

  text-align: right;

}



.mdc-card__action--icon {

  margin: -6px 0;

  padding: 12px;

}



.mdc-card__action--icon:not(:disabled) {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-card.rounded {

  border-radius: 8px;

  overflow: hidden;

}



.mdc-card.rounded-small {

  border-radius: 4px;

  overflow: hidden;

}



.mdc-card .mdc-card__actions {

  min-height: 60px;

  border-top: 1px solid #e0e1e1;

}



.mdc-card.bordered,

.mdc-card.card[class*="bottom-border-"] {

  border: 1px solid #e0e1e1;

}



.card {

  padding: 24px 40px;

  background-color: #ffffff;

  -webkit-box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08);

          box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08);

  /* @alternate */

  background-color: #fff;

  background-color: var(--mdc-theme-background, #fff);

  border-radius: 8px;

  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);

}



.card.small-padding {

  padding: 24px 24px;

}



.card.large-padding {

  padding: 48px 48px;

}



.card.no-padding {

  padding: 0px 0px 1rem 0px;

}



.card.bordered,

.card[class*="bottom-border-"] {

  border: 1px solid #e0e1e1;

}



.card.bordered.y-move,

.card.y-move[class*="bottom-border-"] {

  -webkit-transition: all .20s;

  transition: all .20s;

}



.card.bordered.y-move:hover,

.card.y-move[class*="bottom-border-"]:hover {

  -webkit-transform: translateY(-2px);

          transform: translateY(-2px);

  -webkit-box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23);

          box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23);

}



.card.transparent {

  background: transparent;

  border: 1px solid #e0e1e1;

}



.card.rounded {

  border-radius: 10px;

}



.card[class*="bottom-border-"] {

  border-bottom: 3px solid transparent;

}



.card.row-card {

  padding-left: 15px;

  padding-right: 15px;

}



.card.shadow {

  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11);

          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11);

  border: 1px solid #E3E4E5;

}



.card.shadow-small {

  -webkit-box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08);

          box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08);

}



.card.shadow-medium {

  -webkit-box-shadow: 0px 4px 10px 0 rgba(74, 74, 74, 0.3), 0 4px 10px rgba(0, 0, 0, 0.08);

          box-shadow: 0px 4px 10px 0 rgba(74, 74, 74, 0.3), 0 4px 10px rgba(0, 0, 0, 0.08);

}



.card.shadow-large {

  -webkit-box-shadow: 0px 10px 30px 0 rgba(189, 189, 189, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08);

          box-shadow: 0px 10px 30px 0 rgba(189, 189, 189, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08);

}



.card.shadow-large-black {

  -webkit-box-shadow: 0px 10px 30px 0 rgba(43, 45, 66, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08);

          box-shadow: 0px 10px 30px 0 rgba(43, 45, 66, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08);

}



.card.no-radius {

  border-radius: 0px;

}



.card.no-shadow {

  -webkit-box-shadow: none;

  box-shadow: none;

}



.card.bottom-border-color1 {

  border-bottom-color: #228ae6;

}



.card.bottom-border-color2 {

  border-bottom-color: #fa5252;

}



.card.bottom-border-color3 {

  border-bottom-color: #82c91e;

}



.card.bottom-border-color4 {

  border-bottom-color: #fab005;

}



.card.bottom-border-color5 {

  border-bottom-color: #7950f2;

}



.card.bottom-border-color6 {

  border-bottom-color: #e64980;

}



.card.bottom-border-color-black {

  border-bottom-color: #000000;

}



.card.bottom-border-color-white {

  border-bottom-color: #ffffff;

}



.card.card-color1 {

  background-color: #228ae6;

}



.card.card-color2 {

  background-color: #fa5252;

}



.card.card-color3 {

  background-color: #82c91e;

}



.card.card-color4 {

  background-color: #fab005;

}



.card.card-color5 {

  background-color: #7950f2;

}



.card.card-color6 {

  background-color: #e64980;

}



.card.card-color-black {

  background-color: #000000;

}



.card.card-color-white {

  background-color: #ffffff;

}



.card.bg-color1 {

  background-color: #228ae6;

}



.card.bg-color2 {

  background-color: #fa5252;

}



.card.bg-color3 {

  background-color: #82c91e;

}



.card.bg-color4 {

  background-color: #fab005;

}



.card.bg-color5 {

  background-color: #7950f2;

}



.card.bg-color6 {

  background-color: #e64980;

}



.card.bg-color-black {

  background-color: #000000;

}



.card.bg-color-white {

  background-color: #ffffff;

}



/*

  FORM

*/



/* stylelint-disable selector-max-type */



.mdc-form-field {

  font-family: Roboto, sans-serif;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  font-size: 0.875rem;

  line-height: 1.25rem;

  font-weight: 400;

  letter-spacing: 0.04em;

  text-decoration: inherit;

  text-transform: inherit;

  /* @alternate */

  color: rgba(0, 0, 0, 0.87);

  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  vertical-align: middle;

}



.mdc-form-field > label {

  -webkit-box-ordinal-group: 1;

      -ms-flex-order: 0;

          order: 0;

  margin-right: auto;

  padding-left: 4px;

}



[dir="rtl"] .mdc-form-field > label,

.mdc-form-field[dir="rtl"] > label {

  margin-left: auto;

  padding-right: 4px;

}



.mdc-form-field--align-end > label {

  -webkit-box-ordinal-group: 0;

      -ms-flex-order: -1;

          order: -1;

  margin-left: auto;

  padding-right: 4px;

}



[dir="rtl"] .mdc-form-field--align-end > label,

.mdc-form-field--align-end[dir="rtl"] > label {

  margin-right: auto;

  padding-left: 4px;

}



/* stylelint-enable selector-max-type */



.mdc-text-field {

  display: inline-block;

  position: relative;

  margin-bottom: 8px;

  will-change: opacity, transform, color;

}



.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {

  /*border-bottom-color: #4a4a4a;*/

  padding:10px;

}



.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {

  border-bottom-color: #228ae6;

}



.mdc-text-field .mdc-line-ripple {

  background-color: #228ae6;

}



.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {

  /* @alternate */

  color: rgba(0, 0, 0, 0.87);

  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));

}



.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {

  color: #4a4a4a;

}



.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {

  color: #4a4a4a;

}



.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {

  color: #4a4a4a;

}



.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {

  color: #4a4a4a;

}



.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {

  color: #228ae6;

}



.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {

  border-bottom-color: #228ae6;

}



.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {

  color: #228ae6;

}



select,

textarea,

input:not([type=submit]),

.mdc-text-field__input {

  font-family: Roboto, sans-serif;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  letter-spacing: 0.04em;

  width: 100%;

  padding: 0 0 8px;

  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);

  border: none;

  border-bottom: 1px solid;

  border-radius: 0;

  background: none;

  font-size: inherit;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

}



select::-webkit-input-placeholder,

textarea::-webkit-input-placeholder,

input:not([type=submit])::-webkit-input-placeholder,

.mdc-text-field__input::-webkit-input-placeholder {

  -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 1;

}



select:-ms-input-placeholder,

textarea:-ms-input-placeholder,

input:not([type=submit]):-ms-input-placeholder,

.mdc-text-field__input:-ms-input-placeholder {

  -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 1;

}



select::-ms-input-placeholder,

textarea::-ms-input-placeholder,

input:not([type=submit])::-ms-input-placeholder,

.mdc-text-field__input::-ms-input-placeholder {

  -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 1;

}



select::placeholder,

textarea::placeholder,

input:not([type=submit])::placeholder,

.mdc-text-field__input::placeholder {

  -webkit-transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);

  opacity: 1;

}



select:focus,

textarea:focus,

input:not([type=submit]):focus,

.mdc-text-field__input:focus {

  outline: none;

}



select:invalid,

textarea:invalid,

input:not([type=submit]):invalid,

.mdc-text-field__input:invalid {

  -webkit-box-shadow: none;

          box-shadow: none;

}



select:-webkit-autofill + .mdc-text-field__label,

textarea:-webkit-autofill + .mdc-text-field__label,

input:not([type=submit]):-webkit-autofill + .mdc-text-field__label,

.mdc-text-field__input:-webkit-autofill + .mdc-text-field__label {

  -webkit-transform: translateY(-100%) scale(0.75);

          transform: translateY(-100%) scale(0.75);

  cursor: auto;

}



select {

  width: 100%;

  padding: 10px 12px 8px 12px;

  outline: none;

  white-space: nowrap;

  cursor: pointer;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  background: transparent no-repeat right 2px bottom 16px;

  line-height: 1.5rem;

  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);

}



select::-ms-expand {

  display: none;

}



@-moz-document url-prefix("")  {

  select {

    text-indent: -2px;

  }

}



select:focus {

  border-bottom-color: #228ae6;

}



.mdc-text-field--outlined {

  height: 56px;

  border: none;

}



.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__idle-outline {

  border-color: rgba(0, 0, 0, 0.12);

}



.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__outline .mdc-text-field__outline-path {

  stroke: rgba(0, 0, 0, 0.12);

}



.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:hover ~ .mdc-text-field__idle-outline,

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__icon:hover ~ .mdc-text-field__idle-outline {

  border-color: rgba(0, 0, 0, 0.87);

}



.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-text-field__outline-path {

  /* @alternate */

  stroke: #6200ee;

  stroke: var(--mdc-theme-primary, #6200ee);

}



.mdc-text-field--outlined .mdc-text-field__label--float-above {

  -webkit-transform: translateY(-130%) scale(0.75);

          transform: translateY(-130%) scale(0.75);

}



.mdc-text-field--outlined .mdc-text-field__label--shake {

  -webkit-animation: invalid-shake-float-above-outlined 250ms 1;

          animation: invalid-shake-float-above-outlined 250ms 1;

}



.mdc-text-field--outlined .mdc-text-field__input {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 30px;

  padding: 12px;

  border: none;

  background-color: transparent;

  z-index: 1;

}



.mdc-text-field--outlined .mdc-text-field__label {

  left: 16px;

  right: initial;

  position: absolute;

  bottom: 20px;

  -webkit-transition: -webkit-transform 260ms ease;

  transition: -webkit-transform 260ms ease;

  transition: transform 260ms ease;

  transition: transform 260ms ease, -webkit-transform 260ms ease;

}



[dir="rtl"] .mdc-text-field--outlined .mdc-text-field__label,

.mdc-text-field--outlined .mdc-text-field__label[dir="rtl"] {

  left: initial;

  right: 16px;

}



.mdc-text-field--outlined .mdc-text-field__icon {

  z-index: 2;

}



.mdc-text-field--outlined .mdc-text-field__input:hover ~ .mdc-text-field__idle-outline {

  border: 1px solid;

}



.mdc-text-field--outlined .mdc-text-field__icon:hover ~ .mdc-text-field__idle-outline {

  border: 1px solid rgba(0, 0, 0, 0.87);

}



.mdc-text-field--outlined.mdc-text-field--focused .mdc-text-field__outline-path {

  stroke-width: 2px;

}



.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {

  color: rgba(0, 0, 0, 0.38);

}



.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__idle-outline {

  border-color: rgba(0, 0, 0, 0.06);

}



.mdc-text-field--outlined.mdc-text-field--disabled:not(.mdc-text-field--focused) .mdc-text-field__outline .mdc-text-field__outline-path {

  stroke: rgba(0, 0, 0, 0.06);

}



.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {

  border-bottom: none;

}



.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__outline-path {

  stroke-width: 1px;

}



.mdc-text-field--outlined.mdc-text-field--dense {

  height: 48px;

}



.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--float-above {

  -webkit-transform: translateY(-145%) scale(0.923);

          transform: translateY(-145%) scale(0.923);

}



.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--shake {

  -webkit-animation: invalid-shake-float-above-outlined-dense 250ms 1;

          animation: invalid-shake-float-above-outlined-dense 250ms 1;

}



.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {

  padding: 12px 12px 7px;

}



.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label {

  bottom: 18px;

}



.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {

  top: 12px;

}



.mdc-text-field--box {

  --mdc-ripple-fg-size: 0;

  --mdc-ripple-left: 0;

  --mdc-ripple-top: 0;

  --mdc-ripple-fg-scale: 1;

  --mdc-ripple-fg-translate-end: 0;

  --mdc-ripple-fg-translate-start: 0;

  -webkit-tap-highlight-color: transparent;

  will-change: transform, opacity;

  border-radius: 4px 4px 0 0;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  height: 56px;

  margin-top: 16px;

  overflow: hidden;

}



.mdc-text-field--box::before,

.mdc-text-field--box::after {

  position: absolute;

  border-radius: 50%;

  opacity: 0;

  pointer-events: none;

  content: "";

}



.mdc-text-field--box::before {

  -webkit-transition: opacity 15ms linear;

  transition: opacity 15ms linear;

  z-index: 1;

}



.mdc-text-field--box.mdc-ripple-upgraded::before {

  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));

          transform: scale(var(--mdc-ripple-fg-scale, 1));

}



.mdc-text-field--box.mdc-ripple-upgraded::after {

  top: 0;

  left: 0;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transform-origin: center center;

          transform-origin: center center;

}



.mdc-text-field--box.mdc-ripple-upgraded--unbounded::after {

  top: var(--mdc-ripple-top, 0);

  left: var(--mdc-ripple-left, 0);

}



.mdc-text-field--box.mdc-ripple-upgraded--foreground-activation::after {

  -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

          animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

}



.mdc-text-field--box.mdc-ripple-upgraded--foreground-deactivation::after {

  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;

          animation: 150ms mdc-ripple-fg-opacity-out;

  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

}



.mdc-text-field--box::before,

.mdc-text-field--box::after {

  /* @alternate */

  background-color: rgba(0, 0, 0, 0.87);

}



@supports not (-ms-ime-align: auto) {

  .mdc-text-field--box::before,

  .mdc-text-field--box::after {

    background-color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));

  }

}



.mdc-text-field--box:hover::before {

  opacity: 0.04;

}



.mdc-text-field--box:not(.mdc-ripple-upgraded):focus::before,

.mdc-text-field--box:not(.mdc-ripple-upgraded):focus-within::before,

.mdc-text-field--box.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



.mdc-text-field--box:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



.mdc-text-field--box:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



.mdc-text-field--box.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



.mdc-text-field--box::before,

.mdc-text-field--box::after {

  top: calc(50% - 100%);

  left: calc(50% - 100%);

  width: 200%;

  height: 200%;

}



.mdc-text-field--box.mdc-ripple-upgraded::after {

  width: var(--mdc-ripple-fg-size, 100%);

  height: var(--mdc-ripple-fg-size, 100%);

}



.mdc-text-field--box:not(.mdc-text-field--disabled) {

  background-color: rgba(0, 0, 0, 0.04);

}



.mdc-text-field--box .mdc-text-field__label--float-above {

  -webkit-transform: translateY(-50%) scale(0.75);

          transform: translateY(-50%) scale(0.75);

}



.mdc-text-field--box .mdc-text-field__label--shake {

  -webkit-animation: invalid-shake-float-above-box 250ms 1;

          animation: invalid-shake-float-above-box 250ms 1;

}



.mdc-text-field--box .mdc-text-field__input {

  -ms-flex-item-align: end;

      align-self: flex-end;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  height: 100%;

  padding: 20px 16px 0;

}



.mdc-text-field--box .mdc-text-field__label {

  left: 16px;

  right: initial;

  position: absolute;

  bottom: 20px;

  width: calc(100% - 48px);

  text-overflow: ellipsis;

  white-space: nowrap;

  pointer-events: none;

  overflow: hidden;

  will-change: transform;

}



[dir="rtl"] .mdc-text-field--box .mdc-text-field__label,

.mdc-text-field--box .mdc-text-field__label[dir="rtl"] {

  left: initial;

  right: 16px;

}



.mdc-text-field--box.mdc-text-field--disabled {

  background-color: rgba(0, 0, 0, 0.02);

  border-bottom: none;

}



.mdc-text-field--box.mdc-text-field--disabled .mdc-text-field__input {

  border-bottom-color: rgba(0, 0, 0, 0.06);

}



.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--box.mdc-text-field--dense .mdc-text-field__label--float-above {

  -webkit-transform: translateY(-90%) scale(0.923);

          transform: translateY(-90%) scale(0.923);

}



.mdc-text-field--box.mdc-text-field--dense .mdc-text-field__label--shake {

  -webkit-animation: invalid-shake-float-above-box-dense 250ms 1;

          animation: invalid-shake-float-above-box-dense 250ms 1;

}



.mdc-text-field--box.mdc-text-field--dense .mdc-text-field__input {

  padding: 12px 12px 0;

}



.mdc-text-field--with-leading-icon .mdc-text-field__icon {

  left: 15px;

  right: initial;

}



[dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon,

.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] {

  left: initial;

  right: 15px;

}



.mdc-text-field--with-leading-icon .mdc-text-field__input {

  padding-left: 48px;

  padding-right: 15px;

}



[dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input,

.mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] {

  padding-left: 15px;

  padding-right: 48px;

}



.mdc-text-field--with-leading-icon .mdc-text-field__label {

  left: 48px;

  right: initial;

}



[dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__label,

.mdc-text-field--with-leading-icon .mdc-text-field__label[dir="rtl"] {

  left: initial;

  right: 48px;

}



.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__label--float-above {

  -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75);

          transform: translateY(-130%) translateX(-32px) scale(0.75);

}



[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__label--float-above,

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__label--float-above[dir="rtl"] {

  -webkit-transform: translateY(-130%) translateX(32px) scale(0.75);

          transform: translateY(-130%) translateX(32px) scale(0.75);

}



.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__label--shake {

  -webkit-animation: invalid-shake-float-above-outlined-leading-icon 250ms 1;

          animation: invalid-shake-float-above-outlined-leading-icon 250ms 1;

}



.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--float-above {

  -webkit-transform: translateY(-145%) translateX(-21px) scale(0.923);

          transform: translateY(-145%) translateX(-21px) scale(0.923);

}



[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--float-above,

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--float-above[dir="rtl"] {

  -webkit-transform: translateY(-145%) translateX(21px) scale(0.923);

          transform: translateY(-145%) translateX(21px) scale(0.923);

}



.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__label--shake {

  -webkit-animation: invalid-shake-float-above-outlined-leading-icon-dense 250ms 1;

          animation: invalid-shake-float-above-outlined-leading-icon-dense 250ms 1;

}



.mdc-text-field--with-trailing-icon .mdc-text-field__icon {

  left: initial;

  right: 15px;

}



[dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon,

.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] {

  left: 15px;

  right: initial;

}



.mdc-text-field--with-trailing-icon .mdc-text-field__input {

  padding-left: 15px;

  padding-right: 48px;

}



[dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input,

.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] {

  padding-left: 48px;

  padding-right: 15px;

}



.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {

  bottom: 16px;

  -webkit-transform: scale(0.8);

          transform: scale(0.8);

}



.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {

  left: 12px;

  right: initial;

}



[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] {

  left: initial;

  right: 12px;

}



.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {

  padding-left: 38px;

  padding-right: 12px;

}



[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input,

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] {

  padding-left: 12px;

  padding-right: 38px;

}



.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__label {

  left: 38px;

  right: initial;

}



[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__label,

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__label[dir="rtl"] {

  left: initial;

  right: 38px;

}



.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {

  left: initial;

  right: 12px;

}



[dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon,

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] {

  left: 12px;

  right: initial;

}



.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {

  padding-left: 12px;

  padding-right: 38px;

}



[dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input,

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] {

  padding-left: 38px;

  padding-right: 12px;

}



.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  margin-top: 16px;

}



.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea):not(.mdc-text-field--outlined) {

  height: 48px;

}



.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) .mdc-text-field__label {

  /*pointer-events: none;*/

  /*background: transparent;*/

  padding: 0px 10px;

}



.mdc-text-field--dense {

  margin-top: 12px;

  margin-bottom: 4px;

  font-size: .813rem;

}



.mdc-text-field--dense .mdc-text-field__label--float-above {

  -webkit-transform: translateY(-110%) scale(0.923);

          transform: translateY(-110%) scale(0.923);

}



.mdc-text-field__input:required + .mdc-text-field__label::after {

  margin-left: 1px;

  content: "*";

}



textarea,

.mdc-text-field--textarea {

  border-radius: 4px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  height: initial;

  -webkit-transition: none;

  transition: none;

  border: 1px solid;

  overflow: hidden;

  width: 100%;

}



textarea .mdc-text-field__label,

.mdc-text-field--textarea .mdc-text-field__label {

  border-radius: 4px 4px 0 0;

}



textarea .mdc-text-field__input,

.mdc-text-field--textarea .mdc-text-field__input {

  border-radius: 2px;

}



textarea .mdc-text-field__label,

.mdc-text-field--textarea .mdc-text-field__label {

  background-color: white;

}



textarea:not(.mdc-text-field--disabled),

.mdc-text-field--textarea:not(.mdc-text-field--disabled) {

  border-color: rgba(0, 0, 0, 0.73);

}



textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus,

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {

  border-color: rgba(0, 0, 0, 0.73);

}



textarea .mdc-text-field__label--float-above,

.mdc-text-field--textarea .mdc-text-field__label--float-above {

  -webkit-transform: translateY(-50%) scale(0.923);

          transform: translateY(-50%) scale(0.923);

}



textarea .mdc-text-field__label--shake,

.mdc-text-field--textarea .mdc-text-field__label--shake {

  -webkit-animation: invalid-shake-float-above-textarea 250ms 1;

          animation: invalid-shake-float-above-textarea 250ms 1;

}



textarea .mdc-text-field__input,

.mdc-text-field--textarea .mdc-text-field__input {

  margin: 0;

  padding: 16px;

  padding-top: 32px;

  border: 1px solid transparent;

}



textarea .mdc-text-field__label,

.mdc-text-field--textarea .mdc-text-field__label {

  left: 1px;

  right: initial;

  top: 18px;

  bottom: auto;

  margin-top: 2px;

  margin-left: 8px;

  padding: 8px;

  line-height: 1.15;

}



[dir="rtl"] textarea .mdc-text-field__label,

textarea .mdc-text-field__label[dir="rtl"],

[dir="rtl"]

.mdc-text-field--textarea .mdc-text-field__label,

.mdc-text-field--textarea .mdc-text-field__label[dir="rtl"] {

  left: initial;

  right: 1px;

}



textarea:not(.mdc-text-field--disabled),

.mdc-text-field--textarea:not(.mdc-text-field--disabled) {

  border-color: #228ae6;

}



textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus,

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {

  border-color: #228ae6;

}



textarea:not(.mdc-text-field--disabled),

.mdc-text-field--textarea:not(.mdc-text-field--disabled) {

  border-color: #4a4a4a;

}



.mdc-text-field--textarea textarea {

  border: none !important;

}



.mdc-text-field--fullwidth {

  width: 100%;

}



.mdc-text-field--fullwidth .mdc-text-field__input {

  resize: vertical;

}



.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {

  display: block;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  height: 56px;

  margin: 0;

  border: none;

  border-bottom: 1px solid;

  outline: none;

}



.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {

  width: 100%;

  height: 100%;

  padding: 0;

  resize: none;

  border: none !important;

}



.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {

  border-bottom-color: #d50000;

}



.mdc-text-field--dense + .mdc-text-field-helper-text {

  margin-bottom: 4px;

}



.mdc-text-field--box + .mdc-text-field-helper-text,

.mdc-text-field--outlined + .mdc-text-field-helper-text {

  margin-right: 16px;

  margin-left: 16px;

}



.mdc-form-field > .mdc-text-field + label {

  -ms-flex-item-align: start;

      align-self: flex-start;

}



.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {

  color: #228ae6;

}



.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {

  color: #228ae6;

}



.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {

  color: #228ae6;

}



.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {

  color: #228ae6;

}



.mdc-text-field--focused .mdc-text-field__input:required + .mdc-text-field__label::after {

  color: #d50000;

}



.mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {

  opacity: 1;

}



.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) {

  border-color: #228ae6;

}



.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {

  border-color: #228ae6;

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {

  border-bottom-color: #d50000;

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {

  border-bottom-color: #d50000;

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {

  background-color: #d50000;

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {

  color: #d50000;

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {

  color: #d50000;

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {

  color: #d50000;

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__label,

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {

  color: #d50000;

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {

  color: #d50000;

}



.mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {

  opacity: 1;

}



.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) {

  border-color: #d50000;

}



.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {

  border-color: #d50000;

}



.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__idle-outline {

  border-color: #d50000;

}



.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__outline .mdc-text-field__outline-path {

  stroke: #d50000;

}



.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:hover ~ .mdc-text-field__idle-outline,

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon:hover ~ .mdc-text-field__idle-outline {

  border-color: #d50000;

}



.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-text-field__outline-path {

  stroke: #d50000;

}



.mdc-text-field--disabled {

  pointer-events: none;

}



.mdc-text-field--disabled .mdc-text-field__input {

  border-bottom-color: rgba(35, 31, 32, 0.26);

}



.mdc-text-field--disabled .mdc-text-field__input {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--disabled .mdc-text-field__label,

.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--disabled .mdc-text-field__label,

.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--disabled .mdc-text-field__label,

.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--disabled .mdc-text-field__label,

.mdc-text-field--disabled .mdc-text-field__input::placeholder {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--disabled + .mdc-text-field-helper-text {

  /* @alternate */

  color: rgba(0, 0, 0, 0.38);

  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));

}



.mdc-text-field--disabled .mdc-text-field__icon {

  color: rgba(0, 0, 0, 0.3);

}



.mdc-text-field--disabled:not(.mdc-text-field--textarea) {

  border-bottom-color: rgba(0, 0, 0, 0.12);

}



.mdc-text-field--disabled .mdc-text-field__input {

  border-bottom: 1px dotted;

}



.mdc-text-field--disabled .mdc-text-field__label {

  cursor: default;

}



.mdc-text-field--textarea.mdc-text-field--disabled {

  border-color: rgba(35, 31, 32, 0.26);

  background-color: #f9f9f9;

  border-style: solid;

}



.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__label {

  background-color: #f9f9f9;

}



.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus {

  border-color: rgba(35, 31, 32, 0.26);

}



.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {

  border: 1px solid transparent;

}



.mdc-text-field__label--float-above ~ .mdc-text-field__idle-outline {

  opacity: 0;

}



.mdc-text-field__label--float-above ~ .mdc-text-field__outline {

  opacity: 1;

}



.white-text label,

.white-text select,

.white-text textarea,

.white-text input:not([type=submit]),

.white-text .mdc-text-field {

  color: #ffffff;

}



.white-text label::-webkit-input-placeholder,

.white-text label::-webkit-input-placeholder,

.white-text select::-webkit-input-placeholder,

.white-text select::-webkit-input-placeholder,

.white-text textarea::-webkit-input-placeholder,

.white-text textarea::-webkit-input-placeholder,

.white-text input:not([type=submit])::-webkit-input-placeholder,

.white-text input:not([type=submit])::-webkit-input-placeholder,

.white-text .mdc-text-field::-webkit-input-placeholder,

.white-text .mdc-text-field::-webkit-input-placeholder {

  color: #ffffff;

}



.white-text label::-webkit-input-placeholder,

.white-text label::placeholder,

.white-text select::-webkit-input-placeholder,

.white-text select::placeholder,

.white-text textarea::-webkit-input-placeholder,

.white-text textarea::placeholder,

.white-text input:not([type=submit])::-webkit-input-placeholder,

.white-text input:not([type=submit])::placeholder,

.white-text .mdc-text-field::-webkit-input-placeholder,

.white-text .mdc-text-field::placeholder {

  color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {

  border-bottom-color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {

  border-bottom-color: #ffffff;

}



.white-text .mdc-text-field .mdc-line-ripple {

  background-color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {

  color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {

  color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {

  color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {

  color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {

  color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {

  color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {

  border-bottom-color: #ffffff;

}



.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {

  color: #ffffff;

}



.white-text textarea:not(.mdc-text-field--disabled),

.white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) {

  border-color: #ffffff;

}



.white-text textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus,

.white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {

  border-color: #ffffff;

}



.white-text textarea::-webkit-input-placeholder,

.white-text textarea::-webkit-input-placeholder,

.white-text .mdc-text-field--textarea::-webkit-input-placeholder,

.white-text .mdc-text-field--textarea::-webkit-input-placeholder {

  color: #ffffff;

}



.white-text textarea::-webkit-input-placeholder,

.white-text textarea::placeholder,

.white-text .mdc-text-field--textarea::-webkit-input-placeholder,

.white-text .mdc-text-field--textarea::placeholder {

  color: #ffffff;

}



.white-text textarea:not(.mdc-text-field--disabled),

.white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) {

  border-color: #ffffff;

}



/** dark form style **/



.dark-text label,

.dark-text select,

.dark-text textarea,

.dark-text input:not([type=submit]),

.dark-text .mdc-text-field {

  color: #4a4a4a;

}



.dark-text label::-webkit-input-placeholder,

.dark-text label::-webkit-input-placeholder,

.dark-text select::-webkit-input-placeholder,

.dark-text select::-webkit-input-placeholder,

.dark-text textarea::-webkit-input-placeholder,

.dark-text textarea::-webkit-input-placeholder,

.dark-text input:not([type=submit])::-webkit-input-placeholder,

.dark-text input:not([type=submit])::-webkit-input-placeholder,

.dark-text .mdc-text-field::-webkit-input-placeholder,

.dark-text .mdc-text-field::-webkit-input-placeholder {

  color: #4a4a4a;

}



.dark-text label::-webkit-input-placeholder,

.dark-text label::placeholder,

.dark-text select::-webkit-input-placeholder,

.dark-text select::placeholder,

.dark-text textarea::-webkit-input-placeholder,

.dark-text textarea::placeholder,

.dark-text input:not([type=submit])::-webkit-input-placeholder,

.dark-text input:not([type=submit])::placeholder,

.dark-text .mdc-text-field::-webkit-input-placeholder,

.dark-text .mdc-text-field::placeholder {

  color: #4a4a4a;

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {

  /*border-bottom-color: #4a4a4a;*/

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {

  /*border-bottom-color: #4a4a4a;*/

}



.dark-text .mdc-text-field .mdc-line-ripple {

  background-color: #228ae6;

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {

  color: #4a4a4a;

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {

  color: #4a4a4a;

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {

  color: #4a4a4a;

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {

  color: #4a4a4a;

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__label,

.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {

  color: #4a4a4a;

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {

  color: #4a4a4a;

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {

  /*border-bottom-color: #4a4a4a;*/

}



.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {

  color: #4a4a4a;

}



.dark-text textarea:not(.mdc-text-field--disabled),

.dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) {

  border-color: #4a4a4a;

}



.dark-text textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus,

.dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {

  border-color: #4a4a4a;

}



.dark-text textarea::-webkit-input-placeholder,

.dark-text textarea::-webkit-input-placeholder,

.dark-text .mdc-text-field--textarea::-webkit-input-placeholder,

.dark-text .mdc-text-field--textarea::-webkit-input-placeholder {

  color: #4a4a4a;

}



.dark-text textarea::-webkit-input-placeholder,

.dark-text textarea::placeholder,

.dark-text .mdc-text-field--textarea::-webkit-input-placeholder,

.dark-text .mdc-text-field--textarea::placeholder {

  color: #4a4a4a;

}



.dark-text textarea:not(.mdc-text-field--disabled),

.dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) {

  border-color: #4a4a4a;

}



/** dark form **/



/*

  ELEVATION

*/



.mdc-elevation--z0 {

  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z1 {

  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z2 {

  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z3 {

  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z4 {

  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z5 {

  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z6 {

  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z7 {

  -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z8 {

  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z9 {

  -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z10 {

  -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z11 {

  -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z12 {

  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z13 {

  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z14 {

  -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z15 {

  -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z16 {

  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z17 {

  -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z18 {

  -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z19 {

  -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z20 {

  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z21 {

  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z22 {

  -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z23 {

  -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);

}



.mdc-elevation--z24 {

  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);

}



.mdc-elevation-transition {

  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);

  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);

  will-change: box-shadow;

}



/*

  TABLES

*/



table {

  border-collapse: collapse;

  border-spacing: 0;

  max-width: 100%;

  width: 100%;

  empty-cells: show;

  font-size: 15px;

  line-height: 24px;

}



table caption {

  text-align: left;

  font-size: 0.875em;

  font-weight: 500;

  color: #676b72;

}



th {

  text-align: left;

  font-weight: 700;

  vertical-align: bottom;

}



td {

  vertical-align: top;

}



tr.align-middle td,

td.align-middle {

  vertical-align: middle;

}



th,

td {

  padding: 1rem 1rem;

  border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}



th:first-child,

td:first-child {

  padding-left: 0;

}



th:last-child,

td:last-child {

  padding-right: 0;

}



tfoot th,

tfoot td {

  color: rgba(141, 153, 174, 0.5);

}



table.bordered td,

table.card[class*="bottom-border-"] td,

table.bordered th,

table.card[class*="bottom-border-"] th {

  border: 1px solid rgba(0, 0, 0, 0.05);

}



table.striped tr:nth-child(odd) td {

  background: #f8f8f8;

}



table.bordered td:first-child,

table.card[class*="bottom-border-"] td:first-child,

table.bordered th:first-child,

table.card[class*="bottom-border-"] th:first-child,

table.striped td:first-child,

table.striped th:first-child {

  padding-left: 1rem;

}



table.bordered td:last-child,

table.card[class*="bottom-border-"] td:last-child,

table.bordered th:last-child,

table.card[class*="bottom-border-"] th:last-child,

table.striped td:last-child,

table.striped th:last-child {

  padding-right: 1rem;

}



table.unstyled td,

table.unstyled th {

  border: none;

  padding: 0;

}



/*

  GRID

*/



.flexbox,

.flexbox-strech {

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

}



.flexbox-strech > * {

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

}



.gridContainer {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  max-width: 1232px;

  margin: 0 auto;

  padding-right: 15px;

  padding-left: 15px;

}



.gridContainer .gridContainer {

  max-width: 100%;

  width: 100%;

  padding-right: 0;

  padding-left: 0;

}



.row {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -moz-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  -webkit-box-direction: normal;

  -webkit-box-orient: horizontal;

  -moz-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}



.row.basis-auto {

  -ms-flex-preferred-size: auto;

  flex-basis: auto;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -moz-align-items: center;

  align-items: center;

}



.row > * {

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

  padding-right: 15px;

  padding-left: 15px;

}



.row.no-gutter > * {

  padding-left: 0;

  padding-right: 0;

}



@media (min-width: 768px) {

  .row.no-gutter-sm > * {

    padding-left: 0;

    padding-right: 0;

  }

}



.row:before,

.row:after {

  position: absolute;

}



.row.reverse {

  -webkit-box-direction: reverse;

  -webkit-box-orient: horizontal;

  -moz-flex-direction: row-reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

}



.col.reverse {

  -webkit-box-direction: reverse;

  -webkit-box-orient: vertical;

  -moz-flex-direction: column-reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

}



.col-xs {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: auto;

  flex-basis: auto;

}



.col-xs-1 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 8.33333333%;

  flex-basis: 8.33333333%;

  max-width: 8.33333333%;

}



.col-xs-2 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 16.66666667%;

  flex-basis: 16.66666667%;

  max-width: 16.66666667%;

}



.col-xs-3 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 25%;

  flex-basis: 25%;

  max-width: 25%;

}



.col-xs-4 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 33.33333333%;

  flex-basis: 33.33333333%;

  max-width: 33.33333333%;

}



.col-xs-5 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 41.66666667%;

  flex-basis: 41.66666667%;

  max-width: 41.66666667%;

}



.col-xs-6 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 50%;

  flex-basis: 50%;

  max-width: 50%;

}



.col-xs-7 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 58.33333333%;

  flex-basis: 58.33333333%;

  max-width: 58.33333333%;

}



.col-xs-8 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 66.66666667%;

  flex-basis: 66.66666667%;

  max-width: 66.66666667%;

}



.col-xs-9 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 75%;

  flex-basis: 75%;

  max-width: 75%;

}



.col-xs-10 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 83.33333333%;

  flex-basis: 83.33333333%;

  max-width: 83.33333333%;

}



.col-xs-11 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 91.66666667%;

  flex-basis: 91.66666667%;

  max-width: 91.66666667%;

}



.col-xs-12 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

  max-width: 100%;

}



.col-xs-offset-0 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 0;

}



.col-xs-offset-1 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 8.33333333%;

}



.col-xs-offset-2 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 16.66666667%;

}



.col-xs-offset-3 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 25%;

}



.col-xs-offset-4 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 33.33333333%;

}



.col-xs-offset-5 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 41.66666667%;

}



.col-xs-offset-6 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 50%;

}



.col-xs-offset-7 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 58.33333333%;

}



.col-xs-offset-8 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 66.66666667%;

}



.col-xs-offset-9 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 75%;

}



.col-xs-offset-10 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 83.33333333%;

}



.col-xs-offset-11 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 91.66666667%;

}



.col-xs-offset-12 {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  margin-left: 100%;

}



.col-xs-fit {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: auto;

  flex-basis: auto;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  max-width: 100%;

}



.col-xs {

  -webkit-box-flex: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  max-width: 100%;

}



.no-grow-xs {

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

}



.start-xs {

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  -moz-justify-content: flex-start;

  justify-content: flex-start;

  text-align: left;

}



.center-xs {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -moz-justify-content: center;

  justify-content: center;

  text-align: center;

}



.end-xs {

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  -moz-justify-content: flex-end;

  justify-content: flex-end;

  text-align: right;

}



.top-xs {

  -webkit-box-align: start;

  -ms-flex-align: start;

  -moz-align-items: flex-start;

  align-items: flex-start;

}



.middle-xs {

  -webkit-box-align: center;

  -ms-flex-align: center;

  -moz-align-items: center;

  align-items: center;

}



.bottom-xs {

  -webkit-box-align: end;

  -ms-flex-align: end;

  -moz-align-items: flex-end;

  align-items: flex-end;

}



.around-xs {

  -ms-flex-pack: distribute;

  -moz-justify-content: space-around;

  justify-content: space-around;

}



.between-xs {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -moz-justify-content: space-between;

  justify-content: space-between;

}



.first-xs {

  -webkit-box-ordinal-group: 0;

      -ms-flex-order: -1;

          order: -1;

}



.last-xs {

  -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

          order: 1;

}



.flex-grow > div {

  -webkit-box-flex: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  max-width: 100%;

}



@media only screen and (min-width: 768px) {

  .gridContainer {

    width: 90%;

  }



  .col-sm {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

  }



  .col-sm-fit {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    max-width: 100%;

  }



  .col-sm-1 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 8.33333333%;

    flex-basis: 8.33333333%;

    max-width: 8.33333333%;

  }



  .col-sm-2 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 16.66666667%;

    flex-basis: 16.66666667%;

    max-width: 16.66666667%;

  }



  .col-sm-3 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 25%;

    flex-basis: 25%;

    max-width: 25%;

  }



  .col-sm-4 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 33.33333333%;

    flex-basis: 33.33333333%;

    max-width: 33.33333333%;

  }



  .col-sm-5 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 41.66666667%;

    flex-basis: 41.66666667%;

    max-width: 41.66666667%;

  }



  .col-sm-6,

  .post-comments .navigation .prev-posts,

  .post-comments .navigation .next-posts {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    max-width: 50%;

  }



  .col-sm-7 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 58.33333333%;

    flex-basis: 58.33333333%;

    max-width: 58.33333333%;

  }



  .col-sm-8 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 66.66666667%;

    flex-basis: 66.66666667%;

    max-width: 66.66666667%;

  }



  .col-sm-9 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 75%;

    flex-basis: 75%;

    max-width: 75%;

  }



  .col-sm-10 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 83.33333333%;

    flex-basis: 83.33333333%;

    max-width: 83.33333333%;

  }



  .col-sm-11 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 91.66666667%;

    flex-basis: 91.66666667%;

    max-width: 91.66666667%;

  }



  .col-sm-12 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    max-width: 100%;

  }



  .col-sm-offset-0 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 0;

  }



  .col-sm-offset-1 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 8.33333333%;

  }



  .col-sm-offset-2 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 16.66666667%;

  }



  .col-sm-offset-3 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 25%;

  }



  .col-sm-offset-4 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 33.33333333%;

  }



  .col-sm-offset-5 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 41.66666667%;

  }



  .col-sm-offset-6 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 50%;

  }



  .col-sm-offset-7 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 58.33333333%;

  }



  .col-sm-offset-8 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 66.66666667%;

  }



  .col-sm-offset-9 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 75%;

  }



  .col-sm-offset-10 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 83.33333333%;

  }



  .col-sm-offset-11 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 91.66666667%;

  }



  .col-sm-offset-12 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 100%;

  }



  .col-sm {

    -webkit-box-flex: 1;

    -moz-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    max-width: 100%;

  }



  .start-sm {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    -moz-justify-content: flex-start;

    justify-content: flex-start;

    text-align: left;

  }



  .center-sm {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -moz-justify-content: center;

    justify-content: center;

    text-align: center;

  }



  .end-sm {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -moz-justify-content: flex-end;

    justify-content: flex-end;

    text-align: right;

  }



  .top-sm {

    -webkit-box-align: start;

    -ms-flex-align: start;

    -moz-align-items: flex-start;

    align-items: flex-start;

  }



  .middle-sm {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -moz-align-items: center;

    align-items: center;

  }



  .bottom-sm {

    -webkit-box-align: end;

    -ms-flex-align: end;

    -moz-align-items: flex-end;

    align-items: flex-end;

  }



  .around-sm {

    -ms-flex-pack: distribute;

    -moz-justify-content: space-around;

    justify-content: space-around;

  }



  .between-sm {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -moz-justify-content: space-between;

    justify-content: space-between;

  }



  .first-sm {

    -webkit-box-ordinal-group: 0;

        -ms-flex-order: -1;

            order: -1;

  }



  .last-sm {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

  }

}



@media only screen and (min-width: 1024px) {

  .gridContainer {

    width: 90%;

  }



  .col-md {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

  }



  .col-md-fit {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    max-width: 100%;

  }



  .col-md-1 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 8.33333333%;

    flex-basis: 8.33333333%;

    max-width: 8.33333333%;

  }



  .col-md-2 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 16.66666667%;

    flex-basis: 16.66666667%;

    max-width: 16.66666667%;

  }



  .col-md-3 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 25%;

    flex-basis: 25%;

    max-width: 25%;

  }



  .col-md-4 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 33.33333333%;

    flex-basis: 33.33333333%;

    max-width: 33.33333333%;

  }



  .col-md-5 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 41.66666667%;

    flex-basis: 41.66666667%;

    max-width: 41.66666667%;

  }



  .col-md-6 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    max-width: 50%;

  }



  .col-md-7 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 58.33333333%;

    flex-basis: 58.33333333%;

    max-width: 58.33333333%;

  }



  .col-md-8 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 66.66666667%;

    flex-basis: 66.66666667%;

    max-width: 66.66666667%;

  }



  .col-md-9 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 75%;

    flex-basis: 75%;

    max-width: 75%;

  }



  .col-md-10 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 83.33333333%;

    flex-basis: 83.33333333%;

    max-width: 83.33333333%;

  }



  .col-md-11 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 91.66666667%;

    flex-basis: 91.66666667%;

    max-width: 91.66666667%;

  }



  .col-md-12 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    max-width: 100%;

  }



  .col-md-offset-0 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 0;

  }



  .col-md-offset-1 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 8.33333333%;

  }



  .col-md-offset-2 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 16.66666667%;

  }



  .col-md-offset-3 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 25%;

  }



  .col-md-offset-4 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 33.33333333%;

  }



  .col-md-offset-5 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 41.66666667%;

  }



  .col-md-offset-6 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 50%;

  }



  .col-md-offset-7 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 58.33333333%;

  }



  .col-md-offset-8 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 66.66666667%;

  }



  .col-md-offset-9 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 75%;

  }



  .col-md-offset-10 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 83.33333333%;

  }



  .col-md-offset-11 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 91.66666667%;

  }



  .col-md-offset-12 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 100%;

  }



  .col-md {

    -webkit-box-flex: 1;

    -moz-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    max-width: 100%;

  }



  .start-md {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    -moz-justify-content: flex-start;

    justify-content: flex-start;

    text-align: left;

  }



  .center-md {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -moz-justify-content: center;

    justify-content: center;

    text-align: center;

  }



  .end-md {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -moz-justify-content: flex-end;

    justify-content: flex-end;

    text-align: right;

  }



  .top-md {

    -webkit-box-align: start;

    -ms-flex-align: start;

    -moz-align-items: flex-start;

    align-items: flex-start;

  }



  .middle-md {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -moz-align-items: center;

    align-items: center;

  }



  .bottom-md {

    -webkit-box-align: end;

    -ms-flex-align: end;

    -moz-align-items: flex-end;

    align-items: flex-end;

  }



  .around-md {

    -ms-flex-pack: distribute;

    -moz-justify-content: space-around;

    justify-content: space-around;

  }



  .between-md {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -moz-justify-content: space-between;

    justify-content: space-between;

  }



  .first-md {

    -webkit-box-ordinal-group: 0;

        -ms-flex-order: -1;

            order: -1;

  }



  .last-md {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

  }

}



@media only screen and (min-width: 1200px) {

  .gridContainer {

    width: 90%;

  }



  .col-lg {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

  }



  .col-lg-fit {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    max-width: 100%;

  }



  .col-lg-1 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 8.33333333%;

    flex-basis: 8.33333333%;

    max-width: 8.33333333%;

  }



  .col-lg-2 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 16.66666667%;

    flex-basis: 16.66666667%;

    max-width: 16.66666667%;

  }



  .col-lg-3 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 25%;

    flex-basis: 25%;

    max-width: 25%;

  }



  .col-lg-4 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 33.33333333%;

    flex-basis: 33.33333333%;

    max-width: 33.33333333%;

  }



  .col-lg-5 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 41.66666667%;

    flex-basis: 41.66666667%;

    max-width: 41.66666667%;

  }



  .col-lg-6 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

    max-width: 50%;

  }



  .col-lg-7 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 58.33333333%;

    flex-basis: 58.33333333%;

    max-width: 58.33333333%;

  }



  .col-lg-8 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 66.66666667%;

    flex-basis: 66.66666667%;

    max-width: 66.66666667%;

  }



  .col-lg-9 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 75%;

    flex-basis: 75%;

    max-width: 75%;

  }



  .col-lg-10 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 83.33333333%;

    flex-basis: 83.33333333%;

    max-width: 83.33333333%;

  }



  .col-lg-11 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 91.66666667%;

    flex-basis: 91.66666667%;

    max-width: 91.66666667%;

  }



  .col-lg-12 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    max-width: 100%;

  }



  .col-lg-offset-0 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 0;

  }



  .col-lg-offset-1 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 8.33333333%;

  }



  .col-lg-offset-2 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 16.66666667%;

  }



  .col-lg-offset-3 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 25%;

  }



  .col-lg-offset-4 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 33.33333333%;

  }



  .col-lg-offset-5 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 41.66666667%;

  }



  .col-lg-offset-6 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 50%;

  }



  .col-lg-offset-7 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 58.33333333%;

  }



  .col-lg-offset-8 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 66.66666667%;

  }



  .col-lg-offset-9 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 75%;

  }



  .col-lg-offset-10 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 83.33333333%;

  }



  .col-lg-offset-11 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 91.66666667%;

  }



  .col-lg-offset-12 {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    margin-left: 100%;

  }



  .col-lg {

    -webkit-box-flex: 1;

    -moz-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    max-width: 100%;

  }



  .start-lg {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    -moz-justify-content: flex-start;

    justify-content: flex-start;

    text-align: left;

  }



  .center-lg {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -moz-justify-content: center;

    justify-content: center;

    text-align: center;

  }



  .end-lg {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    -moz-justify-content: flex-end;

    justify-content: flex-end;

    text-align: right;

  }



  .top-lg {

    -webkit-box-align: start;

    -ms-flex-align: start;

    -moz-align-items: flex-start;

    align-items: flex-start;

  }



  .middle-lg {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -moz-align-items: center;

    align-items: center;

  }



  .bottom-lg {

    -webkit-box-align: end;

    -ms-flex-align: end;

    -moz-align-items: flex-end;

    align-items: flex-end;

  }



  .around-lg {

    -ms-flex-pack: distribute;

    -moz-justify-content: space-around;

    justify-content: space-around;

  }



  .between-lg {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -moz-justify-content: space-between;

    justify-content: space-between;

  }



  .first-lg {

    -webkit-box-ordinal-group: 0;

        -ms-flex-order: -1;

            order: -1;

  }



  .last-lg {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

  }

}



/*

  WP CORE

*/



#wp-toolbar ul {

  display: inline-block;

}



.sticky {

  font-family: inherit;

}



.gallery-caption {

  font-family: inherit;

}



.bypostauthor {

  font-family: inherit;

}



.aligncenter,

div.aligncenter {

  display: block;

  margin-bottom: 16px;

}



a img.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.wp-caption {

  background: #fff;

  border: 1px solid #f0f0f0;

  max-width: 96%;

  padding: 5px 3px 10px;

  text-align: center;

}



.wp-caption.alignnone {

  margin-bottom: 16px;

}



.wp-caption.alignleft {

  margin-bottom: 16px;

}



.wp-caption.alignright {

  margin-bottom: 16px;

}



.wp-caption img {

  border: 0 none;

  height: auto;

  margin: 0;

  max-width: 98.5%;

  padding: 0;

  width: auto;

}



.wp-caption p.wp-caption-text {

  font-size: 0.9em;

  font-weight: 400;

  line-height: 150%;

  margin: 0;

  padding: 0 4px 5px;

}



.fancybox-container {

  z-index: 100000 !important;

}



.embed-container,

.embed-youtube {

  position: relative;

  padding-bottom: 56.25%;

  /* 16:9 */

  padding-top: 25px;

  height: 0;

  margin-bottom: 1rem;

}



.embed-container > iframe,

.embed-youtube > iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.mejs-container {

  margin-bottom: 2rem;

}



.mejs-inner .mejs-button > button[aria-controls] {

  min-width: 10px;

  width: 20px;

  display: block;

  padding: 0px;

  border-radius: 0;

  background-color: transparent;

  border: none;

  -webkit-transition: none;

  transition: none;

}



.mejs-inner .mejs-button > button[aria-controls]:hover,

.mejs-inner .mejs-button > button[aria-controls]:focus {

  background-color: transparent;

}



@media screen and (max-width: 782px) {

  .logged-in.admin-bar .fixto-fixed {

    top: 0 !important;

  }

}



/* Text meant only for screen readers. */



.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

  word-wrap: normal !important;

  /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

  background-color: transparent;

  border-radius: 3px;

  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #ffffff;

  display: block;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em;

}



.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em;

}



.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



/*

  HEADER

*/



.header-top-bar {

  background-color: #222222;

  display: none;

  padding-left: 5%;

  padding-right: 5%;

}



.header-top-bar .content-placeholder-p {

  padding: 10px;

  font-size: 0.6rem;

  max-width: 100%;

}



.header-top-bar.no-padding {

  padding-left: 0px;

  padding-right: 0px;

}



.header-top-bar-inner {

  height: 40px;

}



.header-top-bar-area {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.header-top-bar-area.area-left .top-bar-social-icons a:first-of-type {

  margin-left: -8px;

}



.header-top-bar-area.area-left .top-bar-field:first-of-type {

  padding-left: 0px;

}



.header-top-bar-area.area-right .top-bar-field:last-of-type {

  padding-right: 0px;

}



.header-top-bar-area.area-right .top-bar-social-icons a:last-of-type {

  margin-right: -8px;

}



.gridContainer .header-top-bar-area.area-left {

  margin-left: 0px;

}



.gridContainer .header-top-bar-area.area-right {

  margin-right: 0px;

}



.top-bar-social-icons {

  display: block;

  float: left;

}



.top-bar-social-icons a {

  display: inline-block;

  font-size: 22px;

  padding: 2px 10px;

  color: #ffffff;

  max-height: 40px;

  float: left;

}



.top-bar-social-icons a:hover {

  color: white;

}



.top-bar-social-icons a i:before {

  vertical-align: middle;

}



.top-bar-field {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 12px;

  text-align: left;

  color: #ffffff;

  padding: 0 15px;

}



.top-bar-field i.mdi {

  font-size: 18px;

  color: #999;

  margin-right: 10px;

}



.top-bar-field span {

  line-height: 18px;

  font-size: 0.8rem;

}



.top-bar-field a {

  color: #ffffff;

}



.top-bar-field a:hover {

  color: white;

}



.top-bar-menu {

  list-style: none;

  display: block;

  margin: 0;

  margin-left: -7px;

  margin-right: -7px;

}



.top-bar-menu li {

  float: left;

  padding: 0px 7px;

}



.top-bar-menu li a {

  color: #bdbdbd;

  text-decoration: none;

  line-height: 40px;

  font-size: 12px;

}



@media (min-width: 768px) {

  .header-top-bar {

    display: block;

  }

}



#mainmenu_container {

  display: none;

}



@media (min-width: 768px) {

  #mainmenu_container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



ul.dropdown-menu {

  list-style: none;

  padding: 0;

  margin: 0;

  display: none;

  z-index: 1;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  width: 100%;

  position: absolute;

}



ul.dropdown-menu > li.logo:before,

ul.dropdown-menu > li.logo:after {

  display: none !important;

}



ul.dropdown-menu li {

  display: block;

  position: relative;

  color: #ffffff;

  -webkit-transition: all .4s;

  transition: all .4s;

  overflow: hidden;

}



ul.dropdown-menu li a {

  display: block;

  text-decoration: none;

  white-space: nowrap;

  color: inherit;

  position: relative;

  overflow: hidden;

  padding: 0.9em;

}



ul.dropdown-menu li:hover > ul,

ul.dropdown-menu li.hover > ul,

ul.dropdown-menu li:hover,

ul.dropdown-menu li.hover {

  opacity: 1;

  height: auto;

  overflow: visible;

}



ul.dropdown-menu ul {

  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

  /* @alternate */

  background-color: #fff;

  background-color: var(--mdc-theme-background, #fff);

  display: block;

  position: absolute;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  min-width: 170px;

  max-width: calc(100vw - 32px);

  max-height: calc(100vh - 32px);

  margin: 0;

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transform-origin: top left;

          transform-origin: top left;

  border-radius: 3px;

  opacity: 0;

  white-space: nowrap;

  overflow-x: hidden;

  overflow-y: auto;

  z-index: 4;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

  padding: 8px 0;

}



ul.dropdown-menu ul li {

  font-family: Roboto, sans-serif;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  font-size: 1rem;

  line-height: 1.75rem;

  font-weight: 400;

  letter-spacing: 0.04em;

  text-decoration: inherit;

  text-transform: inherit;

  cursor: pointer;

  position: relative;

  outline: none;

  color: #111111;

  text-decoration: none;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  padding: 0px;

}



ul.dropdown-menu ul ul {

  left: 100%;

  top: 0;

}



ul.dropdown-menu:before {

  content: " ";

  display: table;

}



ul.dropdown-menu:after {

  content: " ";

  display: table;

  clear: both;

}



a[data-menu-toggler] {

  display: block;

  top: 0px;

  right: 0px;

  padding: 1em;

  text-decoration: none;

  white-space: nowrap;

  position: relative;

  color: #ffffff;

  text-align: right;

  background: #1bc2a2;

}



@media (min-width: 768px) {

  ul.dropdown-menu {

    display: -webkit-box;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -moz-flex: 1 0 auto;

    -ms-flex: 1 0 auto;

    flex: 1 0 auto;

    -webkit-box-direction: normal;

    -webkit-box-orient: horizontal;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    position: static;

  }



  ul.dropdown-menu > li {

    margin: 0px 2px;

  }
 .logo_col.col-xs.col-sm-fit {
    display: block;
 }

  ul.dropdown-menu > li > a {

    font-style: normal;

    font-size: 0.9em;

    line-height: 160%;

    letter-spacing: 1px;

    text-transform: uppercase;

    border-radius: 2px;

  }



  ul.dropdown-menu li ul {

    position: absolute;

    padding-left: 0em;

    min-width: 200px;

    z-index: 10;

    top: 100%;

  }



  ul.dropdown-menu li ul ul {

    margin-left: 1px;

    top: 5%;

  }



  ul.dropdown-menu li ul ul:before {

    display: block;

    content: " ";

    width: 5px;

    height: 100%;

    background: transparent;

    float: left;

    position: absolute;

    margin-left: -5px;

    z-index: -1;

  }



  ul.dropdown-menu li ul ul.open-reverse {

    right: 100%;

    left: auto;

    top: 5%;

    margin-right: 1px;

    margin-left: 1px;

  }



  ul.dropdown-menu li ul ul.open-reverse:before {

    display: none;

  }



  ul.dropdown-menu li ul ul.open-reverse:after {

    display: block;

    content: " ";

    width: 5px;

    height: 100%;

    background: transparent;

    position: absolute;

    z-index: -1;

    top: 0px;

    right: -5px;

  }



  a[data-menu-toggler] {

    display: none;

  }



  .fixto-fixed ul.dropdown-menu > li > a,

  .coloured-nav ul.dropdown-menu > li > a {

    color: #000000;

  }

}



ul.dropdown-menu li li a {

  --mdc-ripple-fg-size: 0;

  --mdc-ripple-left: 0;

  --mdc-ripple-top: 0;

  --mdc-ripple-fg-scale: 1;

  --mdc-ripple-fg-translate-end: 0;

  --mdc-ripple-fg-translate-start: 0;

  -webkit-tap-highlight-color: transparent;

  will-change: transform, opacity;

  padding: 0.9em 1em;

  line-height: 1.5;

}



ul.dropdown-menu li li a::before,

ul.dropdown-menu li li a::after {

  position: absolute;

  border-radius: 50%;

  opacity: 0;

  pointer-events: none;

  content: "";

}



ul.dropdown-menu li li a::before {

  -webkit-transition: opacity 15ms linear;

  transition: opacity 15ms linear;

  z-index: 1;

}



ul.dropdown-menu li li a.mdc-ripple-upgraded::before {

  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));

          transform: scale(var(--mdc-ripple-fg-scale, 1));

}



ul.dropdown-menu li li a.mdc-ripple-upgraded::after {

  top: 0;

  left: 0;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transform-origin: center center;

          transform-origin: center center;

}



ul.dropdown-menu li li a.mdc-ripple-upgraded--unbounded::after {

  top: var(--mdc-ripple-top, 0);

  left: var(--mdc-ripple-left, 0);

}



ul.dropdown-menu li li a.mdc-ripple-upgraded--foreground-activation::after {

  -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

          animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

}



ul.dropdown-menu li li a.mdc-ripple-upgraded--foreground-deactivation::after {

  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;

          animation: 150ms mdc-ripple-fg-opacity-out;

  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

}



ul.dropdown-menu li li a::before,

ul.dropdown-menu li li a::after {

  top: calc(50% - 100%);

  left: calc(50% - 100%);

  width: 200%;

  height: 200%;

}



ul.dropdown-menu li li a.mdc-ripple-upgraded::after {

  width: var(--mdc-ripple-fg-size, 100%);

  height: var(--mdc-ripple-fg-size, 100%);

}



ul.dropdown-menu li li a::before,

ul.dropdown-menu li li a::after {

  background-color: #ffffff;

}



ul.dropdown-menu li li a:hover::before {

  opacity: 0.2;

}



ul.dropdown-menu li li a:not(.mdc-ripple-upgraded):focus::before,

ul.dropdown-menu li li a.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.4;

}



ul.dropdown-menu li li a:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



ul.dropdown-menu li li a:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.5;

}



ul.dropdown-menu li li a.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.5;

}



ul.dropdown-menu li li:hover:after {

  color: #ffffff;

}



ul.dropdown-menu li li:hover > a,

ul.dropdown-menu li li a:hover,

ul.dropdown-menu li li a.hover {

  background-color: #228ae6;

  color: #ffffff;

}



ul.dropdown-menu.material-buttons li:after {

  content: " ";

  font-family: Material Design Icons;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  color: inherit;

  font-size: 1.5em;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  width: 12px;

  height: 100%;

  text-align: center;

  position: absolute;

  top: 0;

  right: 12px;

  opacity: 0.9;

  pointer-events: none;

}



ul.dropdown-menu.material-buttons li.page_item_has_children > a,

ul.dropdown-menu.material-buttons li.menu-item-has-children > a {

  padding-right: calc(0.9em + 20px);

}



ul.dropdown-menu.material-buttons li.page_item_has_children:after,

ul.dropdown-menu.material-buttons li.menu-item-has-children:after {

  content: "\F35D";

}



ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children:after,

ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children:hover:after,

ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children.hover:after,

ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children:after,

ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children:hover:after,

ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children.hover:after,

ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children:after,

ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children:hover:after,

ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children.hover:after,

ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children:after,

ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children:hover:after,

ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children.hover:after {

  content: "\F35F";

  font-size: 1.5em;

}



ul.dropdown-menu:not(.material-buttons) > li > a {

  position: relative;

}



ul.dropdown-menu:not(.material-buttons) > li > a:after {

  content: " ";

  font-family: Material Design Icons;

  color: inherit;

  font-size: 1.5em;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  opacity: 0.9;

  pointer-events: none;

  line-height: 1;

  display: inline-block;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%) scale(0.7, 1.4);

          transform: translateY(-50%) scale(0.7, 1.4);

  right: 0;

}



ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children > a,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children > a {

  padding-right: 1.5em;

}



ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children > a:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children > a:after {

  content: "\F35D";

}



ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:after,

ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:after {

  content: " ";

  font-family: Material Design Icons;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  color: inherit;

  font-size: 1.5em;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  width: 12px;

  height: 100%;

  text-align: center;

  position: absolute;

  top: 0;

  right: 12px;

  opacity: 0.9;

  pointer-events: none;

}



ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:after,

ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:hover:after,

ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children.hover:after,

ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:after,

ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:hover:after,

ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children.hover:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:hover:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children.hover:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:hover:after,

ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children.hover:after {

  content: "\F35F";

  font-size: 1.5em;

}



ul.dropdown-menu.material-buttons > li {

  color: #ffffff;

}



ul.dropdown-menu.material-buttons > li > a {

  --mdc-ripple-fg-size: 0;

  --mdc-ripple-left: 0;

  --mdc-ripple-top: 0;

  --mdc-ripple-fg-scale: 1;

  --mdc-ripple-fg-translate-end: 0;

  --mdc-ripple-fg-translate-start: 0;

  -webkit-tap-highlight-color: transparent;

  will-change: transform, opacity;

  -webkit-transition: background-color .3s linear;

  transition: background-color .3s linear;

}



ul.dropdown-menu.material-buttons > li > a::before,

ul.dropdown-menu.material-buttons > li > a::after {

  position: absolute;

  border-radius: 50%;

  opacity: 0;

  pointer-events: none;

  content: "";

}



ul.dropdown-menu.material-buttons > li > a::before {

  -webkit-transition: opacity 15ms linear;

  transition: opacity 15ms linear;

  z-index: 1;

}



ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::before {

  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));

          transform: scale(var(--mdc-ripple-fg-scale, 1));

}



ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::after {

  top: 0;

  left: 0;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transform-origin: center center;

          transform-origin: center center;

}



ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--unbounded::after {

  top: var(--mdc-ripple-top, 0);

  left: var(--mdc-ripple-left, 0);

}



ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--foreground-activation::after {

  -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

          animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;

}



ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--foreground-deactivation::after {

  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;

          animation: 150ms mdc-ripple-fg-opacity-out;

  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));

}



ul.dropdown-menu.material-buttons > li > a::before,

ul.dropdown-menu.material-buttons > li > a::after {

  top: calc(50% - 100%);

  left: calc(50% - 100%);

  width: 200%;

  height: 200%;

}



ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::after {

  width: var(--mdc-ripple-fg-size, 100%);

  height: var(--mdc-ripple-fg-size, 100%);

}



ul.dropdown-menu.material-buttons > li > a:hover::before {

  opacity: 0.2;

}



ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded):focus::before,

ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.4;

}



ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.5;

}



ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.5;

}



ul.dropdown-menu.material-buttons > li > a:before,

ul.dropdown-menu.material-buttons > li > a:after {

  background-color: #ffffff !important;

}



ul.dropdown-menu.material-buttons > li > a:after {

  color: rgba(255, 255, 255, 0.8);

}



/** mate buttons colors **/



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #228ae6;

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a {

  background-color: rgba(255, 255, 255, 0.8);

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled),

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled) {

  color: #228ae6;

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after {

  background-color: white;

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before {

  opacity: 0.08;

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,

ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after {

  background-color: white;

}



ul.dropdown-menu.material-buttons > .current_page_item,

ul.dropdown-menu.material-buttons > .current-menu-item {

  color: #228ae6;

}



ul.dropdown-menu.material-buttons > .current_page_item > a,

ul.dropdown-menu.material-buttons > .current-menu-item > a {

  background-color: rgba(255, 255, 255, 0.8);

}



ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled),

ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) {

  color: #228ae6;

}



ul.dropdown-menu.material-buttons > .current_page_item > a::before,

ul.dropdown-menu.material-buttons > .current_page_item > a::after,

ul.dropdown-menu.material-buttons > .current-menu-item > a::before,

ul.dropdown-menu.material-buttons > .current-menu-item > a::after {

  background-color: white;

}



ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before,

ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before {

  opacity: 0.08;

}



ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before,

ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before,

ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before,

ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.24;

}



ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after,

ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after,

ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.32;

}



ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded,

ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.32;

}



ul.dropdown-menu.material-buttons > .current_page_item > a::before,

ul.dropdown-menu.material-buttons > .current_page_item > a::after,

ul.dropdown-menu.material-buttons > .current-menu-item > a::before,

ul.dropdown-menu.material-buttons > .current-menu-item > a::after {

  background-color: white;

}



/** **/



.coloured-nav ul.dropdown-menu > li,

.fixto-fixed ul.dropdown-menu > li {

  color: #000000;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #ffffff;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a {

  background-color: #228ae6;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled),

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled),

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled),

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled) {

  color: #ffffff;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after {

  background-color: #228ae6;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before {

  opacity: 0.04;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,

.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,

.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after {

  background-color: #228ae6;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item {

  color: #ffffff;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a {

  background-color: #228ae6;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled),

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled),

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled),

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) {

  color: #ffffff;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::before,

.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::after,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::before,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::after,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::after,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::after {

  background-color: #228ae6;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::before,

.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::after,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::before,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::after,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::after,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::after {

  background-color: #228ae6;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before {

  opacity: 0.04;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before,

.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.12;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after {

  -webkit-transition: opacity 150ms linear;

  transition: opacity 150ms linear;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after {

  -webkit-transition-duration: 75ms;

          transition-duration: 75ms;

  opacity: 0.16;

}



.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded,

.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded,

.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded,

.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded {

  --mdc-ripple-fg-opacity: 0.16;

}



/** mate buttons colors **/



/** simple-text-buttons **/



ul.dropdown-menu.simple-text-buttons > li > a {

  color: rgba(255, 255, 255, 0.65);

  -webkit-transition: color .3s;

  transition: color .3s;

}



ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,

ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a {

  color: white;

}



ul.dropdown-menu.simple-text-buttons > .current_page_item > a,

ul.dropdown-menu.simple-text-buttons > .current-menu-item > a {

  color: white;

}



.coloured-nav ul.dropdown-menu.simple-text-buttons > li > a,

.fixto-fixed ul.dropdown-menu.simple-text-buttons > li > a {

  color: #e5eaec;

}



.coloured-nav ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,

.coloured-nav ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a,

.fixto-fixed ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,

.fixto-fixed ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a {

  color: #fff;

}



.coloured-nav ul.dropdown-menu.simple-text-buttons > .current_page_item > a,

.coloured-nav ul.dropdown-menu.simple-text-buttons > .current-menu-item > a,

.fixto-fixed ul.dropdown-menu.simple-text-buttons > .current_page_item > a,

.fixto-fixed ul.dropdown-menu.simple-text-buttons > .current-menu-item > a {

  color: #fff;

}



/** simple-text-buttons **/



ul.dropdown-menu.bordered-active-item > li {

  position: relative;

}



ul.dropdown-menu.bordered-active-item > li:before,

ul.dropdown-menu.bordered-active-item > li:after {

  content: " ";

  display: block;

  background: #ffffff;

  width: 100%;

  left: 0;

  height: 2px;

  position: absolute;

  z-index: 0;

  opacity: 0;

}



ul.dropdown-menu.bordered-active-item > li:before {

  top: 0.5em;

}



ul.dropdown-menu.bordered-active-item > li:after {

  bottom: 0.5em;

}



ul.dropdown-menu.bordered-active-item > li.page_item_has_children,

ul.dropdown-menu.bordered-active-item > li.menu-item-has-children {

  padding: 0 0.5em;

}



ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):before,

ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):after {

  width: 100%;

  content: "";

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):before {

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

}



ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):after {

  -webkit-transform: translateY(10px);

          transform: translateY(10px);

}



ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):hover:before,

ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):hover:after {

  opacity: 1;

  -webkit-transform: translateY(0px);

          transform: translateY(0px);

}



ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):before,

ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):after {

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):before {

  -webkit-transform: translateY(10px);

          transform: translateY(10px);

}



ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):after {

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

}



ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):hover:before,

ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):hover:after {

  opacity: 1;

  -webkit-transform: translateY(0px);

          transform: translateY(0px);

}



ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):before,

ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):after {

  opacity: 0;

  width: 0;

  content: '';

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):before {

  left: 0em;

  right: auto;

}



ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):after {

  right: 0em;

  left: auto;

}



ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):hover:before,

ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):hover:after {

  opacity: 1;

  width: 100%;

}



ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before,

ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after {

  opacity: 0;

  -webkit-transition: none;

  transition: none;

}



ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before,

ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:after {

  opacity: 1;

}



ul.dropdown-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(current-menu-item):before,

ul.dropdown-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(current-menu-item):after {

  left: 0 !important;

  right: auto !important;

}



ul.dropdown-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(current-menu-item):before,

ul.dropdown-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(current-menu-item):after {

  right: 0 !important;

  left: auto !important;

}



ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):before,

ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):after {

  left: 50% !important;

  right: auto !important;

}



ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):hover:before,

ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):hover:after {

  left: 0 !important;

  right: auto !important;

}



/** border active item */



ul.dropdown-menu.bordered-active-item--top > li:after {

  visibility: hidden;

}



ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover,

ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #ffffff;

}



ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before,

ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after,

ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before,

ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after {

  background: #ffffff;

}



ul.dropdown-menu.bordered-active-item--top > .current_page_item,

ul.dropdown-menu.bordered-active-item--top > .current-menu-item {

  color: #ffffff;

}



ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,

ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before {

  opacity: 0.75;

}



ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,

ul.dropdown-menu.bordered-active-item--top > .current_page_item:after,

ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before,

ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after {

  background: #ffffff;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #fff;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after {

  background: #fff;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item {

  color: #fa5252;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before {

  opacity: 0.75;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:after,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after {

  background: #fa5252;

}



/** border active item */



ul.dropdown-menu.bordered-active-item--bottom > li:before {

  visibility: hidden;

}



ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover,

ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #ffffff;

}



ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,

ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,

ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,

ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after {

  background: #ffffff;

}



ul.dropdown-menu.bordered-active-item--bottom > .current_page_item,

ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item {

  color: #ffffff;

}



ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,

ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after {

  opacity: 0.75;

}



ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before,

ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,

ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before,

ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after {

  background: #ffffff;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #fff;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after {

  background: #fa5252;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item {

  color: #fa5252;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after {

  opacity: 0.75;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after {

  background: #fa5252;

}



ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover,

ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #ffffff;

}



ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,

ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,

ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,

ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after {

  background: #ffffff;

}



ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item,

ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item {

  color: #ffffff;

}



ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,

ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,

ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,

ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after {

  opacity: 0.75;

}



ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,

ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,

ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,

ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after {

  background: #ffffff;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #fff;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after {

  background: #fa5252;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item {

  color: #fa5252;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after {

  opacity: 0.75;

}



.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,

.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,

.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after {

  background: #fa5252;

}



ul.dropdown-menu.solid-active-item > li {

  position: relative;

}



ul.dropdown-menu.solid-active-item > li:before,

ul.dropdown-menu.solid-active-item > li:after {

  content: " ";

  display: block;

  background: rgba(255, 255, 255, 0.8);

  width: 100%;

  left: 0;

  height: 100%;

  position: absolute;

  z-index: 0;

  opacity: 0;

  -webkit-transition: all .2s;

  transition: all .2s;

}



ul.dropdown-menu.solid-active-item > li > a {

  z-index: 1;

  color: #ffffff;

  -webkit-transition: all .2s;

  transition: all .2s;

}



ul.dropdown-menu.solid-active-item > li:before {

  top: 0;

}



ul.dropdown-menu.solid-active-item > li:after {

  bottom: 0;

}



ul.dropdown-menu.solid-active-item.effect-pull-down > li.current_page_item:before,

ul.dropdown-menu.solid-active-item.effect-pull-down > li.current-menu-item:before {

  opacity: 1 !important;

}



ul.dropdown-menu.solid-active-item.effect-pull-down > li.current_page_item:after,

ul.dropdown-menu.solid-active-item.effect-pull-down > li.current-menu-item:after {

  visibility: hidden;

}



ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):before {

  height: 0;

  opacity: 1 !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):after {

  opacity: 0 !important;

  visibility: hidden;

  -webkit-transition: none;

  transition: none;

}



ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item).hover:before,

ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):hover:before {

  height: 100%;

}



ul.dropdown-menu.solid-active-item.effect-pull-up > li.current_page_item:after,

ul.dropdown-menu.solid-active-item.effect-pull-up > li.current-menu-item:after {

  opacity: 1 !important;

}



ul.dropdown-menu.solid-active-item.effect-pull-up > li.current_page_item:before,

ul.dropdown-menu.solid-active-item.effect-pull-up > li.current-menu-item:before {

  visibility: hidden;

}



ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):after {

  height: 0;

  opacity: 1 !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):before {

  opacity: 0 !important;

  visibility: hidden;

  -webkit-transition: none;

  transition: none;

}



ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item).hover:after,

ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):hover:after {

  height: 100%;

}



ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current_page_item:before,

ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current_page_item:after,

ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:before,

ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:after {

  opacity: 1 !important;

}



ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):before,

ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):after {

  height: 0;

  opacity: 1 !important;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}



ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:before,

ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:after,

ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:before,

ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:after {

  height: 100%;

}



ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:before,

ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:after,

ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:before,

ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:after {

  opacity: 1 !important;

}



ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):before {

  height: 0%;

  width: 100%;

  top: 50%;

  opacity: 1 !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):after {

  opacity: 0 !important;

  visibility: hidden;

  -webkit-transition: none;

  transition: none;

}



ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):hover:before {

  top: 0;

  height: 100%;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current_page_item:before,

ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:before {

  opacity: 1 !important;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current_page_item:after,

ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:after {

  visibility: hidden;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after,

ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before {

  height: 100%;

  width: 0;

  opacity: 1 !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before {

  left: 0;

  right: auto;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):before {

  border-top-right-radius: 0px;

  border-bottom-right-radius: 0px;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):after {

  border-top-left-radius: 0px;

  border-bottom-left-radius: 0px;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after {

  right: 0;

  left: auto;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:after,

ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:before,

ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:after,

ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:before {

  width: 100%;

  border: inherit;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:before,

ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:before {

  opacity: 1 !important;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:after,

ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:after {

  visibility: hidden;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):before {

  height: 100%;

  width: 0;

  left: 50%;

  opacity: 1 !important;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):after {

  opacity: 0 !important;

  visibility: hidden;

  -webkit-transition: none;

  transition: none;

}



ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):hover:before {

  left: 0;

  width: 100%;

}



ul.dropdown-menu.solid-active-item.effect-none > li.current_page_item:before,

ul.dropdown-menu.solid-active-item.effect-none > li.current-menu-item:before {

  opacity: 1 !important;

}



ul.dropdown-menu.solid-active-item.effect-none > li.current_page_item:after,

ul.dropdown-menu.solid-active-item.effect-none > li.current-menu-item:after {

  visibility: hidden;

}



ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before {

  height: 100%;

  width: 0;

  left: 50%;

  opacity: 1 !important;

  -webkit-transition: none;

  transition: none;

}



ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after {

  opacity: 0 !important;

  visibility: hidden;

  -webkit-transition: none;

  transition: none;

}



ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before {

  left: 0;

  width: 100%;

}



/** solid color menu **/



ul.dropdown-menu.solid-active-item > li {

  color: #ffffff;

}



ul.dropdown-menu.solid-active-item > li:before,

ul.dropdown-menu.solid-active-item > li:after {

  background: rgba(255, 255, 255, 0.8);

}



ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover,

ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover {

  color: #228ae6;

}



ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before,

ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after,

ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before,

ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after {

  background: rgba(255, 255, 255, 0.8);

}



ul.dropdown-menu.solid-active-item > .current_page_item,

ul.dropdown-menu.solid-active-item > .current-menu-item {

  color: #228ae6;

}



ul.dropdown-menu.solid-active-item > .current_page_item:before,

ul.dropdown-menu.solid-active-item > .current_page_item:after,

ul.dropdown-menu.solid-active-item > .current-menu-item:before,

ul.dropdown-menu.solid-active-item > .current-menu-item:after {

  background: rgba(255, 255, 255, 0.8);

}



.coloured-nav ul.dropdown-menu.solid-active-item > li > a,

.fixto-fixed ul.dropdown-menu.solid-active-item > li > a {

  color: #000000;

}



.coloured-nav ul.dropdown-menu.solid-active-item > li:before,

.coloured-nav ul.dropdown-menu.solid-active-item > li:after,

.fixto-fixed ul.dropdown-menu.solid-active-item > li:before,

.fixto-fixed ul.dropdown-menu.solid-active-item > li:after {

  background: #228ae6;

}



.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before,

.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after,

.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before,

.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after,

.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before,

.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after,

.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before,

.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after {

  background: #228ae6;

}



.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover > a,

.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover > a,

.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover > a,

.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover > a {

  color: #ffffff;

}



.coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item:before,

.coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item:after,

.coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item:before,

.coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item:after,

.fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item:before,

.fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item:after,

.fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item:before,

.fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item:after {

  background: #228ae6;

}



.coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item > a,

.coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item > a,

.fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item > a,

.fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item > a {

  color: #ffffff;

}



/** solid color menu **/



.header-separator-bottom {

  position: absolute;

  bottom: -1px;

  left: 0px;

  width: 100%;

}



.header-separator-reverse {

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

}



.header-separator svg {

  display: block;

  width: calc(100% + 1.3px);

}



.header-separator {

  position: absolute;

  width: 100%;

  max-width: 100%;

  bottom: -2px;

  overflow: hidden;

  z-index: 45;

  /* because svg inside is a bit bigger to cover the entire separator correctly */

}



.page .svg-white-bg {

  fill: white;

}



/*

  Navigation Bar

*/



.header-top {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 100%;

  position: absolute;

  z-index: 100;

}



.header-top.small,

.header-top.comment-meta {

  position: static;

  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);

  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);

  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);

}



.navigation-bar {

  display: block;

  width: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  padding-top: 10px;

  padding-bottom: 10px;

  position: relative;

  -webkit-transition: background-color .3s;

  transition: background-color .3s;

}



.navigation-bar.coloured-nav {

  background-color: white;

}



.navigation-bar.fixto-fixed {

  -webkit-transform: translateZ(0);

          transform: translateZ(0);

  background-color: rgba(13,0,70,0.48);

  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);

          box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);

}



.navigation-bar.fixto-fixed.bordered,

.navigation-bar.fixto-fixed.card[class*="bottom-border-"] {

  border-bottom: none;

  border-bottom-width: 0px;

}



.navigation-bar.bordered,

.navigation-bar.card[class*="bottom-border-"] {

  border-bottom-width: 2px;

  border-bottom-color: white;

  border-bottom-style: solid;

}



.navigation-wrapper:not(.gridContainer) {

  padding-left: 5%;

  padding-right: 5%;

}



.navigation-wrapper .custom_area_col {

  display: none;

}



.main_menu_col,

.logo_col {

  text-align: left;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -moz-align-items: center;

  align-items: center;

}



.main_menu_col {

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



.logo_col {

  -ms-flex-preferred-size: auto;

  flex-basis: auto;

  max-width: 80%;

}



.custom_area_col {

  text-align: center;

  white-space: nowrap;

}



.custom_area_col button,

.custom_area_col .button {

  margin-right: 1rem;

}



.custom_area_col button:last-of-type,

.custom_area_col .button:last-of-type {

  margin-right: 0;

}



a.text-logo,

a.text-logo:visited,

a.text-logo:hover {

  text-decoration: none;

  font-size: 1.5rem;

  line-height: 100%;

  color: #ffffff;

  text-transform: uppercase;

}



.dark-logo #main_menu > li.logo > a.text-logo,

.dark-logo #main_menu > li.logo > a.text-logo:visited,

.dark-logo #main_menu > li.logo > a.text-logo:hover,

.dark-logo a.text-logo,

.dark-logo a.text-logo:visited,

.dark-logo a.text-logo:hover,

.coloured-nav #main_menu > li.logo > a.text-logo,

.coloured-nav #main_menu > li.logo > a.text-logo:visited,

.coloured-nav #main_menu > li.logo > a.text-logo:hover,

.coloured-nav a.text-logo,

.coloured-nav a.text-logo:visited,

.coloured-nav a.text-logo:hover,

.fixto-fixed #main_menu > li.logo > a.text-logo,

.fixto-fixed #main_menu > li.logo > a.text-logo:visited,

.fixto-fixed #main_menu > li.logo > a.text-logo:hover,

.fixto-fixed a.text-logo,

.fixto-fixed a.text-logo:visited,

.fixto-fixed a.text-logo:hover {

  text-decoration: none;

  color: #000000;

}



.coloured-nav .main_menu_col [data-component=offcanvas] .bubble,

.fixto-fixed .main_menu_col [data-component=offcanvas] .bubble {

  background-color: #000;

}



.coloured-nav .main_menu_col [data-component="offcanvas"],

.fixto-fixed .main_menu_col [data-component="offcanvas"] {

  color: #000000;

}



/* Header */



.header-wrapper {

  position: relative;

  -webkit-box-flex: 0;

  -moz-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  -ms-flex-positive: 0;

      flex-grow: 0;

}



.header-wrapper > div[class*=header] {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}



.header,

.header-homepage {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  z-index: 0;

}



h1.hero-title {

  color: #FFFFFF;

  margin-bottom: 1.25rem;

  font-size: 3.2rem;

  font-weight: 500;

  line-height: 114%;

  letter-spacing: 1px;

}



@media (max-width: 767px) {

  h1.hero-title {

    font-size: 2.3rem;

  }

}



p.header-subtitle2,

p.header-subtitle {

  font-family: "Roboto", sans-serif;

  font-size: 1.3rem;

  font-weight: 400;

  line-height: 130%;

  color: #ffffff;

  margin-bottom: 1.25rem;

}



.color-overlay:after,

.color-overlay:before {

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  position: absolute;

  z-index: 1;

  display: inline-block;

  content: " ";

  /*SAFARI BUG*/

}



.color-overlay:after {

  z-index: 2;

  display: block;

}



.background-overlay {

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  position: absolute;

  z-index: 1;

  display: inline-block;

  content: "";

  /*SAFARI BUG*/

}



a.hp-header-primary-button {

  color: #ffffff;

  background-color: #f5b219;

  border-color: #f5b219;

}



a.hp-header-primary-button:hover {

  color: #ffffff;

  background-color: #f7c24a;

  border-color: #f7c24a;

}



a.hp-header-primary-button:disabled,

a.hp-header-primary-button.disabled {

  color: rgba(255, 255, 255, 0.7);

  background-color: rgba(245, 178, 25, 0.7);

  border-color: rgba(245, 178, 25, 0.7);

}



a.hp-header-primary-button.outline {

  background: none;

  color: #f5b219;

  border-color: #f5b219;

}



a.hp-header-primary-button.outline:hover {

  color: rgba(255, 255, 255, 0.9);

  border-color: rgba(245, 178, 25, 0.7);

}



a.hp-header-primary-button.outline:disabled,

a.hp-header-primary-button.outline.disabled {

  background: none;

  color: rgba(245, 178, 25, 0.7);

  border-color: rgba(245, 178, 25, 0.5);

}



.header-buttons-wrapper .remove-gutter {

  margin: 0 -15px;

}



.header-buttons-wrapper .remove-gutter .button {

  margin-left: 15px;

  margin-right: 15px;

  margin-bottom: 7.5px;

  margin-top: 7.5px;

}



.header-buttons-wrapper .remove-gutter .badge-button {

  width: 12rem;

  font-size: 0;

  vertical-align: top;

  line-height: 0;

  border-radius: 8px;

  padding: 0;

  background: transparent;

  border: none;

}



.header-buttons-wrapper .remove-gutter .badge-button:hover {

  border: none;

}



.header-buttons-wrapper .remove-gutter .badge-button svg {

  width: 100%;

  height: auto;

}



.header-homepage-arrow-c {

  position: absolute;

  text-align: center;

  bottom: 0px;

  left: 0px;

  right: 0px;

  z-index: 500;

}



@media (max-width: 767px) {

  .header-homepage-arrow-c {

    display: none;

  }

}



.header-homepage-arrow {

  display: inline-block;

  line-height: 0px;

  cursor: pointer;

  background-color: #ffffff;

  border-radius: 500px;

  padding-left: 10px;

  padding-right: 10px;

  padding-top: 10px;

  padding-bottom: 10px;

  bottom: 60px;

  color: #000000;

  position: relative;

  font-size: 20px;

}



.header-homepage-arrow i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



@-webkit-keyframes move-down-bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-20px);

            transform: translateY(-20px);

  }



  60% {

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

}



@keyframes move-down-bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }



  60% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

  }

}



.move-down-bounce {

  -webkit-animation: move-down-bounce 2s infinite;

  animation: move-down-bounce 2s infinite;

}



img.homepage-header-image {

  display: block;

}



img.homepage-header-image.round {

  border-radius: 100%;

  border: 5px solid #fff;

  text-align: center;

}



iframe.header-hero-video {

  width: 100%;

  height: 300px;

  display: block;

}



.video-popup-button {

  position: relative;

  z-index: 1;

  text-align: center;

}



.video-popup-button.with-image:before {

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  position: absolute;

  z-index: -1;

  background-color: rgba(0, 0, 0, 0.5);

  display: inline-block;

  content: ' ';

}



.video-popup-button img.poster {

  position: relative;

  width: 100%;

  display: block;

  z-index: -2;

}



a.video-popup-button-link {

  color: #ffffff;

  font-size: 100px;

  width: 100px;

  height: 100px;

}



a.video-popup-button-link:hover {

  color: #7AA7F5;

}



.video-popup-button img.poster + a.video-popup-button-link {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -50px;

  margin-top: -50px;

}



img.logo.dark,

img.custom-logo {

  vertical-align: middle;

  max-height: 100%;

  width: auto;

}



.logo-link.dark {

  opacity: 0;

  display: none;

}



.fixto-fixed a.logo-link.dark,

.coloured-nav a.logo-link.dark {

  opacity: 1;

  display: inline-block;

}



.fixto-fixed a.logo-link.dark + a.custom-logo-link,

.coloured-nav a.logo-link.dark + a.custom-logo-link {

  display: none;

}



.white-logo a.logo-link.dark,

.fixto-fixed .fixed-white-logo a.logo-link.dark {

  opacity: 0;

  display: none;

}



.white-logo a.logo-link.dark + a.custom-logo-link,

.fixto-fixed .fixed-white-logo a.logo-link.dark + a.custom-logo-link {

  opacity: 1;

  display: inline-block;

}



.dark-logo a.logo-link.dark,

.fixto-fixed .fixed-dark-logo a.logo-link.dark {

  opacity: 1;

  display: inline-block;

}



.dark-logo a.logo-link.dark + a.custom-logo-link,

.fixto-fixed .fixed-dark-logo a.logo-link.dark + a.custom-logo-link {

  opacity: 0;

  display: none;

}



.nav-search.widget_search * {

  background: transparent;

  color: #ffffff;

  margin-bottom: 0px;

}



.nav-search.widget_search .mdc-text-field {

  margin-top: 0;

  height: 2em;

}



.nav-search.widget_search input::-webkit-input-placeholder {

  color: #ffffff;

}



.nav-search.widget_search input:-ms-input-placeholder {

  color: #ffffff;

}



.nav-search.widget_search input::-moz-placeholder {

  color: #ffffff;

}



.nav-search.widget_search input:-moz-placeholder {

  color: #ffffff;

}



.nav-search.widget_search input:-moz-placeholder {

  color: #ffffff;

}



.nav-search.widget_search .mdc-text-field {

  position: relative;

}



.nav-search.widget_search .mdc-text-field input,

.nav-search.widget_search .mdc-text-field label {

  padding-left: 30px;

}



.nav-search.widget_search .mdc-text-field:before {

  display: inline-block;

  content: "\F349";

  font-family: Material Design Icons;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  font-size: 1.2rem;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  width: 30px;

  height: 40px;

  min-height: 20px;

  position: absolute;

  font-size: 1.4rem;

}



.fixto-fixed {

  position: relative;

}



.fixto-fixed .nav-search.widget_search * {

  color: #000000;

}



.fixto-fixed .nav-search.widget_search input::-webkit-input-placeholder {

  color: #000000;

}



.fixto-fixed .nav-search.widget_search input:-ms-input-placeholder {

  color: #000000;

}



.fixto-fixed .nav-search.widget_search input::-moz-placeholder {

  color: #000000;

}



.fixto-fixed .nav-search.widget_search input:-moz-placeholder {

  color: #000000;

}



.fixto-fixed .nav-search.widget_search input:-moz-placeholder {

  color: #000000;

}



.fixto-fixed .nav-search.widget_search input {

  border-color: #000000;

}



.navigation-custom-area .social-icons {

  margin-left: -10px;

  margin-right: -10px;

}



.navigation-custom-area .social-icons a {

  display: inline-block;

  font-size: 22px;

  padding-left: 10px;

  padding-right: 10px;

  opacity: 0.9;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.navigation-custom-area .social-icons a:hover {

  opacity: 1;

}



.navigation-custom-area .button {

  margin-bottom: 0;

}



.inner-header-description,

.header-description {

  position: relative;

  z-index: 50;

}



@media (max-width: 767px) {

  .inner-header-description:not(.gridContainer),

  .header-description:not(.gridContainer) {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media (min-width: 768px) {

  .inner-header-description:not(.gridContainer),

  .header-description:not(.gridContainer) {

    max-width: 100%;

    overflow-x: hidden;

  }



  .inner-header-description:not(.gridContainer) .header-description-row,

  .header-description:not(.gridContainer) .header-description-row {

    margin-left: 0;

    margin-right: 0;

  }



  .inner-header-description:not(.gridContainer) .header-description-row .header-content-centered,

  .inner-header-description:not(.gridContainer) .header-description-row .header-content-left,

  .inner-header-description:not(.gridContainer) .header-description-row .header-content-right,

  .header-description:not(.gridContainer) .header-description-row .header-content-centered,

  .header-description:not(.gridContainer) .header-description-row .header-content-left,

  .header-description:not(.gridContainer) .header-description-row .header-content-right {

    padding-left: 0;

    padding-right: 0;

  }



  .inner-header-description:not(.gridContainer) .header-description-row .header-hero-media-v-align > div,

  .header-description:not(.gridContainer) .header-description-row .header-hero-media-v-align > div {

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

  }



  .inner-header-description:not(.gridContainer) .header-description-row .header-hero-content-v-align > div,

  .header-description:not(.gridContainer) .header-description-row .header-hero-content-v-align > div {

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0;

  }

}



.materialis-front-page.only-template .header-description {

  padding-top: 5%;

  padding-bottom: 5%;

}



@media (min-width: 768px) {

  .materialis-front-page.overlap-first-section .content {

    position: relative;

    z-index: 10;

  }



  .materialis-front-page.overlap-first-section .page-content div[data-overlap]:first-of-type > div:not([class*="section-separator"]) {

    background: transparent !important;

    position: relative;

  }



  .materialis-front-page.overlap-first-section .page-content div[data-overlap]:first-of-type > div:not([class*="section-separator"]) ~ div:not([class*="section-separator"]) {

    margin-top: auto;

    background: initial !important;

  }



  .materialis-front-page.overlap-first-section .page-content div[data-overlap="true"]:first-of-type {

    padding-top: 0 !important;

  }

}



@media (min-width: 768px) {

  /* Header*/



  .content-video-container.iframe-holder {

    position: relative;

    padding-bottom: 56.25%;

    /* 16:9 */

    height: 0;

    width: 100%;

  }



  iframe.header-hero-video {

    width: 100%;

    left: 0px;

    top: 0px;

    height: 100%;

    position: relative;

    min-height: 100px;

    display: block;

  }



  .content-video-container iframe.header-hero-video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }



  .navigation-wrapper .custom_area_col {

    display: -webkit-box;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -moz-align-items: center;

    align-items: center;

  }



  .materialis-front-page .header-description-row > div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }



  .logo_col {

    max-width: 30%;

  }

}



.media-on-bottom .header-media-container,

.media-on-top .header-media-container {

  width: 100%;

  margin: auto;

}



@media (min-width: 768px) {

  .media-on-bottom .header-media-container,

  .media-on-top .header-media-container {

    width: 50%;

  }

}



.media-on-bottom .header-content,

.media-on-top .header-content {

  width: 100%;

}



.header-content .align-holder {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



@media (max-width: 767px) {

  .header-description.media-on-left .header-hero-content {

    margin-top: 2rem;

  }

}



@media (max-width: 767px) {

  .header-description.media-on-right .header-hero-content {

    margin-bottom: 2rem;

  }

}



@media (min-width: 768px) {

  .header-content .align-holder {

    margin: auto;

  }



  .header-content .align-holder.right {

    text-align: right;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    margin-right: 0;

  }



  .header-content .align-holder.left {

    text-align: left;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    margin-left: 0;

  }



  .header-content .align-holder.center {

    text-align: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }



  .header-hero-media-v-align,

  .header-hero-content-v-align {

    -webkit-box-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1;

  }



  .media-on-left .header-hero-content,

  .media-on-right .header-hero-content {

    position: relative;

    z-index: 50;

  }

}



@media (min-width: 1024px) {

  .header-description.media-on-left img.homepage-header-image {

    float: left;

  }



  .header-description.media-on-right img.homepage-header-image {

    float: right;

  }



  .header-description.media-on-left .header-hero-content,

  .header-description.media-on-right .header-hero-content {

    position: relative;

    z-index: 50;

  }



  .header-description.content-on-center .header-content {

    margin-right: auto;

    margin-left: auto;

  }



  .header-description.content-on-left .header-content {

    margin-right: auto;

  }



  .header-description.content-on-right .header-content {

    margin-left: auto;

  }

}



.offcanvas {

  background: #fff;

  position: fixed;

  padding: 1.5rem;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 300;

  overflow-y: scroll;

}



.offcanvas .close {

  position: absolute;

  top: 8px;

  right: 8px;

}



.offcanvas-left {

  border-right: 1px solid rgba(0, 0, 0, 0.1);

}



.offcanvas-right {

  left: auto;

  right: 0;

  border-left: 1px solid rgba(0, 0, 0, 0.1);

}



.offcanvas-push-body {

  position: relative;

}



@-webkit-keyframes slideUp {

  to {

    height: 0;

    padding-top: 0;

    padding-bottom: 0;

  }

}



@keyframes slideUp {

  to {

    height: 0;

    padding-top: 0;

    padding-bottom: 0;

  }

}



@-webkit-keyframes slideDown {

  from {

    height: 0;

    padding-top: 0;

    padding-bottom: 0;

  }

}



@keyframes slideDown {

  from {

    height: 0;

    padding-top: 0;

    padding-bottom: 0;

  }

}



@-webkit-keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@-webkit-keyframes fadeOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



@keyframes fadeOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



@-webkit-keyframes flipIn {

  from {

    opacity: 0;

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

  }



  to {

    opacity: 1;

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@keyframes flipIn {

  from {

    opacity: 0;

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

  }



  to {

    opacity: 1;

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

}



@-webkit-keyframes flipOut {

  from {

    opacity: 1;

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }



  to {

    opacity: 0;

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

  }

}



@keyframes flipOut {

  from {

    opacity: 1;

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }



  to {

    opacity: 0;

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

  }

}



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

            transform: scale3d(0.3, 0.3, 0.3);

  }



  50% {

    opacity: 1;

  }

}



@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

            transform: scale3d(0.3, 0.3, 0.3);

  }



  50% {

    opacity: 1;

  }

}



@-webkit-keyframes zoomOut {

  from {

    opacity: 1;

  }



  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

            transform: scale3d(0.3, 0.3, 0.3);

  }



  to {

    opacity: 0;

  }

}



@keyframes zoomOut {

  from {

    opacity: 1;

  }



  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

            transform: scale3d(0.3, 0.3, 0.3);

  }



  to {

    opacity: 0;

  }

}



@-webkit-keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInRight {

  from {

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



@-webkit-keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInLeft {

  from {

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



@-webkit-keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



@-webkit-keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

  }

}



@keyframes slideOutLeft {

  from {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

  }

}



@-webkit-keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

  }

}



@keyframes slideOutRight {

  from {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

  }

}



@-webkit-keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }

}



@keyframes slideOutUp {

  from {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }

}



@-webkit-keyframes rotate {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }



  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@keyframes rotate {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }



  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@-webkit-keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

            transform: scale3d(1.03, 1.03, 1.03);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



@keyframes pulse {

  from {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

            transform: scale3d(1.03, 1.03, 1.03);

  }



  to {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



@-webkit-keyframes shake {

  15% {

    -webkit-transform: translateX(0.5rem);

            transform: translateX(0.5rem);

  }



  30% {

    -webkit-transform: translateX(-0.4rem);

            transform: translateX(-0.4rem);

  }



  45% {

    -webkit-transform: translateX(0.3rem);

            transform: translateX(0.3rem);

  }



  60% {

    -webkit-transform: translateX(-0.2rem);

            transform: translateX(-0.2rem);

  }



  75% {

    -webkit-transform: translateX(0.1rem);

            transform: translateX(0.1rem);

  }



  90% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }



  90% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



@keyframes shake {

  15% {

    -webkit-transform: translateX(0.5rem);

            transform: translateX(0.5rem);

  }



  30% {

    -webkit-transform: translateX(-0.4rem);

            transform: translateX(-0.4rem);

  }



  45% {

    -webkit-transform: translateX(0.3rem);

            transform: translateX(0.3rem);

  }



  60% {

    -webkit-transform: translateX(-0.2rem);

            transform: translateX(-0.2rem);

  }



  75% {

    -webkit-transform: translateX(0.1rem);

            transform: translateX(0.1rem);

  }



  90% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }



  90% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



.fadeIn {

  -webkit-animation: fadeIn 250ms;

          animation: fadeIn 250ms;

}



.fadeOut {

  -webkit-animation: fadeOut 250ms;

          animation: fadeOut 250ms;

}



.zoomIn {

  -webkit-animation: zoomIn 200ms;

          animation: zoomIn 200ms;

}



.zoomOut {

  -webkit-animation: zoomOut 500ms;

          animation: zoomOut 500ms;

}



.slideInRight {

  -webkit-animation: slideInRight 500ms;

          animation: slideInRight 500ms;

}



.slideInLeft {

  -webkit-animation: slideInLeft 500ms;

          animation: slideInLeft 500ms;

}



.slideInDown {

  -webkit-animation: slideInDown 500ms;

          animation: slideInDown 500ms;

}



.slideOutLeft {

  -webkit-animation: slideOutLeft 500ms;

          animation: slideOutLeft 500ms;

}



.slideOutRight {

  -webkit-animation: slideOutRight 500ms;

          animation: slideOutRight 500ms;

}



.slideOutUp {

  -webkit-animation: slideOutUp 500ms;

          animation: slideOutUp 500ms;

}



.slideUp {

  overflow: hidden;

  -webkit-animation: slideUp 200ms ease-in-out;

          animation: slideUp 200ms ease-in-out;

}



.slideDown {

  overflow: hidden;

  -webkit-animation: slideDown 80ms ease-in-out;

          animation: slideDown 80ms ease-in-out;

}



.flipIn {

  -webkit-animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5);

          animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5);

}



.flipOut {

  -webkit-animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);

          animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);

}



.rotate {

  -webkit-animation: rotate 500ms;

          animation: rotate 500ms;

}



.pulse {

  -webkit-animation: pulse 250ms 2;

          animation: pulse 250ms 2;

}



.shake {

  -webkit-animation: shake 500ms;

          animation: shake 500ms;

}



@media (min-width: 768px) {

  .logo-above-menu .logo_col {

    margin: auto;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    max-width: none;

    max-height: none;

  }



  .logo-above-menu .main_menu_col {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }



  .logo-above-menu.fixto-fixed .logo_col {

    max-width: 30%;

    max-height: none;

    height: auto;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

  }



  .logo-above-menu.fixto-fixed .main_menu_col {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

  }



  .logo-above-menu:not(.fixto-fixed) .logo_col {

    padding-top: 1rem;

    padding-bottom: 1rem;

  }

}



@media (min-width: 768px) {

  .navigation-bar.logo-inside-menu .logo_col {

    display: none;

  }



  .navigation-bar.logo-inside-menu .main_menu_col {

    width: 100%;

  }



  .navigation-bar.logo-inside-menu #mainmenu_container {

    width: 100%;

  }



  .navigation-bar.logo-inside-menu .navigation-wrapper:not(.gridContainer) {

    padding-left: 15px;

    padding-right: 15px;

  }



  .navigation-bar.logo-inside-menu #main_menu {

    text-align: center;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: -webkit-box;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -moz-flex: 0 1 auto;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    -webkit-box-direction: normal;

    -webkit-box-orient: horizontal;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -moz-align-items: center;

    align-items: center;

    -ms-flex-line-pack: center;

        align-content: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }



  .navigation-bar.logo-inside-menu #main_menu > li > a.text-logo,

  .navigation-bar.logo-inside-menu #main_menu > li > a.text-logo:hover,

  .navigation-bar.logo-inside-menu #main_menu a.text-logo,

  .navigation-bar.logo-inside-menu #main_menu a.text-logo:hover {

    text-transform: none;

    margin-top: 0px;

    text-decoration: none;

    font-weight: 400;

    line-height: 1;

    display: inline-block;

    font-family: "Roboto", sans-serif;

    font-size: 2.5rem;

    text-align: left;

    color: #ffffff;

    border: none;

    background: none;

    margin: 0px;

  }

}



html.has-offscreen body:after {

  content: " ";

  display: block;

  top: 0px;

  left: 0px;

  height: 100%;

  width: 100%;

  position: fixed;

  background: rgba(34, 43, 52, 0.7);

  opacity: 0;

  z-index: -1;

  -webkit-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



html.has-offscreen.offcanvas-opened {

  overflow-y: auto !important;

}



html.has-offscreen.offcanvas-opened body:after {

  opacity: 1;

  z-index: 299;

}



.main_menu_col [data-component="offcanvas"] {

  color: #ffffff;

  position: relative;

  text-align: center;

}



.main_menu_col [data-component="offcanvas"] .bubble {

  position: absolute;

  z-index: 0;

  height: 2.5rem;

  width: 2.5rem;

  background-color: #000000;

  opacity: .1;

  border-radius: 100%;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}



.main_menu_col [data-component="offcanvas"]:hover .bubble {

  opacity: .3;

}



.main_menu_col [data-component="offcanvas"] i.mdi {

  display: inline-block;

  font-size: 1.4rem;

  line-height: 2.5rem;

  height: 2.5rem;

  width: 2.5rem;

  text-align: center;

  position: relative;

  z-index: 1;

}



#offcanvas-wrapper {

  -webkit-transition: -webkit-transform 0.3s linear;

  transition: -webkit-transform 0.3s linear;

  transition: transform 0.3s linear;

  transition: transform 0.3s linear, -webkit-transform 0.3s linear;

  left: auto;

  right: 0;

  background-color: #222B34;

  padding: 0px;

  overflow: auto;

  z-index: 99999;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -moz-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  -webkit-box-direction: normal;

  -webkit-box-orient: vertical;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



#offcanvas-wrapper.hide {

  display: none;

}



#offcanvas-wrapper.force-hide {

  display: none !important;

  width: 0 !important;

  overflow: hidden;

}



#offcanvas-wrapper .offcanvas-top {

  padding-top: 2rem;

  padding-bottom: 2rem;

}



#offcanvas-wrapper .offcanvas-top .logo-holder a {

  color: #ffffff;

  text-decoration: none;

  font-size: 1.5rem;

  text-align: center;

  display: block;

}



#offcanvas-wrapper .offcanvas-top .logo-holder img {

  max-width: 80%;

  display: block;

  margin: auto;

}



#offcanvas-wrapper .social-icons {

  bottom: 0px;

  padding-bottom: 1rem;

  z-index: 1;

  text-align: center;

  width: 100%;

}



#offcanvas-wrapper .social-icons a,

#offcanvas-wrapper .social-icons i.mdi {

  color: #ffffff;

}



#offcanvas-wrapper .social-icons a {

  display: inline-block;

  text-decoration: none;

  padding: 8px;

  line-height: 1;

}



#offcanvas-wrapper .social-icons i.mdi {

  font-size: calc(0.9rem + 0.5rem);

  margin-bottom: 0px;

  pointer-events: none;

}



#offcanvas-wrapper #offcanvas-menu {

  -webkit-box-flex: 1;

  -moz-flex: 1 1 auto;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

}



.offcanvas_menu {

  margin-left: 0px;

  list-style: none;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}



.offcanvas_menu * {

  color: #ffffff;

}



.offcanvas_menu ul {

  list-style: none;

}



.offcanvas_menu li {

  color: #ffffff;

  border-bottom: 1px solid rgba(128, 128, 128, 0.2);

  font-size: 0.8rem;

  text-align: left;

  -webkit-transition: all 0.1s linear;

  transition: all 0.1s linear;

}



.offcanvas_menu li a {

  text-decoration: none;

  color: inherit;

  position: relative;

  display: block;

  padding: 0.75rem 0 0.75rem 2.5rem;

  font-size: 0.875rem;

  line-height: 1;

}



.offcanvas_menu li a:hover {

  background-color: rgba(255, 255, 255, 0.1);

}



.offcanvas_menu li:first-of-type {

  border-bottom: 1px solid rgba(128, 128, 128, 0.2);

}



.offcanvas_menu li.page_item_has_children > a .mdi-chevron-right,

.offcanvas_menu li.menu-item-has-children > a .mdi-chevron-right {

  position: absolute;

  top: 0rem;

  width: 3.5em;

  height: 100%;

  line-height: 1em;

  text-align: center;

  right: 0;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.offcanvas_menu li.page_item_has_children > a .mdi-chevron-right:before,

.offcanvas_menu li.menu-item-has-children > a .mdi-chevron-right:before {

  -webkit-transform: translateY(-50%) translateX(-50%);

          transform: translateY(-50%) translateX(-50%);

  display: inline-block;

  top: 50%;

  position: absolute;

  left: 50%;

  font-size: 24px;

}



.offcanvas_menu li > ul {

  display: none;

  margin-left: 0px;

  background-color: rgba(255, 255, 255, 0.2);

}



.offcanvas_menu li > ul > li > a {

  padding-left: 3.75rem;

}



.offcanvas_menu li > ul > li > ul > li > a {

  padding-left: 5rem;

}



.offcanvas_menu li.current_page_item a,

.offcanvas_menu li.current_page_item a:hover,

.offcanvas_menu li.current-menu-item a,

.offcanvas_menu li.current-menu-item a:hover {

  background-color: rgba(255, 255, 255, 0.05);

}



.offcanvas_menu li.open {

  background-color: rgba(255, 255, 255, 0.05);

  border-bottom: none;

}



.offcanvas_menu li.open.page_item_has_children > a .mdi-chevron-right,

.offcanvas_menu li.open.menu-item-has-children > a .mdi-chevron-right {

  border-left-color: transparent;

  color: #2395F6;

}



.offcanvas_menu li.open > a,

.offcanvas_menu li.open > a:hover {

  background-color: #ffffff;

  color: #2395F6;

  border-left: 3px solid #2395F6;

}



@media (min-width: 768px) and (max-width: 1023px) {

  [data-component="offcanvas"] {

    display: none;

  }



  .offcanvas_menu-tablet [data-component="offcanvas"] {

    display: inline-block;

  }



  .offcanvas_menu-tablet #mainmenu_container {

    display: none !important;

  }

}



@media (min-width: 1024px) {

  [data-component="offcanvas"] {

    display: none;

  }



  .offcanvas_menu-desktop [data-component="offcanvas"] {

    display: inline-block;

  }



  .offcanvas_menu-desktop #mainmenu_container {

    display: none !important;

  }

}



@media (min-width: 768px) {

  .logo-area-menu-below .custom_area_col {

    text-align: right;

  }



  .logo-area-menu-below .custom_area_col .widget_search {

    float: right;

    text-align: center;

  }



  .logo-area-menu-below.fixto-fixed .custom_area_col {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

    width: auto;

  }



  .logo-area-menu-below.fixto-fixed .custom_area_col,

  .logo-area-menu-below.fixto-fixed .logo_col {

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

  }



  .logo-area-menu-below.fixto-fixed .main_menu_col {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -moz-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

  }

}



.logo-menu-area .custom_area_col {

  text-align: center;

}



/*

  POST LIST

*/



.button.link.read-more .mdi {

  margin-left: 3px;

  font-size: 1.2em;

  vertical-align: middle;

}



.tags-list {

  margin-top: 10px;

  display: inline-block;

  width: 100%;

}



.tags-list a {

  font-size: 10px;

  font-weight: 500;

  text-decoration: none;

  background-color: #676b72;

  color: #ffffff;

  padding: .3rem .6rem;

  text-transform: uppercase;

  letter-spacing: 0.5px;

  border-radius: 3px;

}



.tags-list a:hover {

  background-color: #228ae6;

  border-color: #228ae6;

  color: #ffffff;

}



.site > .content.post-page,

.site > .content.blog-page {

  padding-top: 30px;

  padding-bottom: 30px;

}



.post-list-item.highlighted-post,

.post-item.highlighted-post {

  width: 100%;

}



.post-list-item .has-more-categories,

.post-item .has-more-categories {

  display: inline-block;

  margin-left: 4px;

}



.post-list-item .mdc-card,

.post-item .mdc-card {

  padding: 0;

}



.post-list-item .mdc-card > a .wp-post-image,

.post-item .mdc-card > a .wp-post-image {

  display: block;

  width: auto;

}



.post-list-item .mdc-card h3,

.post-item .mdc-card h3 {

  margin-bottom: 20px;

}



.post-list-item .mdc-card .mdc-card__action-icons,

.post-item .mdc-card .mdc-card__action-icons {

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-start;

}



.post-list-item .mdc-card .mdc-card__action-icons .post-footer-link,

.post-item .mdc-card .mdc-card__action-icons .post-footer-link {

  margin-right: 14px;

  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));

}



.post-list-item .mdc-card .mdc-card__action-icons .post-footer-link:hover > *,

.post-item .mdc-card .mdc-card__action-icons .post-footer-link:hover > * {

  color: #228ae6;

}



.post-list-item .mdc-card .mdc-card__action-icons .post-footer-link .post-footer-value,

.post-item .mdc-card .mdc-card__action-icons .post-footer-link .post-footer-value {

  margin-left: 5px;

  font-size: 14px;

}



.post-list-item .mdc-card .mdc-card__action-icons .mdc-card__action--icon,

.post-item .mdc-card .mdc-card__action-icons .mdc-card__action--icon {

  vertical-align: middle;

  padding: 0;

}



.post-list-item .mdc-card .mdc-card__action-icons .mdi-folder-open,

.post-item .mdc-card .mdc-card__action-icons .mdi-folder-open {

  margin-right: 10px;

}



.post-list-item img.attachment-post-thumbnail,

.post-item img.attachment-post-thumbnail {

  width: auto;

}



.post-list-item.multiple-per-row img.attachment-post-thumbnail,

.post-item.multiple-per-row img.attachment-post-thumbnail {

  width: 100%;

  height: auto;

}



.post-list-item.multiple-per-row .mdc-card__actions,

.post-item.multiple-per-row .mdc-card__actions {

  -ms-flex-flow: wrap;

  flex-flow: wrap;

}



.post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons,

.post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons,

.post-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons,

.post-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -moz-justify-content: center;

  justify-content: center;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

  max-width: 100%;

  text-align: center;

}



.post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons,

.post-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons {

  -ms-flex-flow: wrap;

  flex-flow: wrap;

}



.post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons,

.post-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

  max-width: 100%;

}



.nav-links,

.post-comments .navigation {

  background: #ffffff;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -moz-align-items: center;

  align-items: center;

  width: 100%;

}



.nav-links a,

.post-comments .navigation a {

  outline: none;

  text-decoration: none;

}



.nav-links .nav-previous,

.post-comments .navigation .nav-previous,

.nav-links .nav-next,

.post-comments .navigation .nav-next {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 50%;

  flex-basis: 50%;

  max-width: 50%;

}



.nav-links .nav-previous .font-icon-post,

.post-comments .navigation .nav-previous .font-icon-post,

.nav-links .nav-next .font-icon-post,

.post-comments .navigation .nav-next .font-icon-post {

  margin-right: .5rem;

}



.nav-links .nav-next,

.post-comments .navigation .nav-next,

.nav-links .next-navigation,

.post-comments .navigation .next-navigation {

  text-align: right;

}



.nav-links .nav-next .post-title,

.post-comments .navigation .nav-next .post-title,

.nav-links .next-navigation .post-title,

.post-comments .navigation .next-navigation .post-title {

  margin-right: .5rem;

}



.nav-links .prev-navigation,

.post-comments .navigation .prev-navigation,

.nav-links .next-navigation,

.post-comments .navigation .next-navigation {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 40px;

  flex-basis: 40px;

  height: 60px;

  padding: 0;

}



.nav-links .prev-navigation a,

.post-comments .navigation .prev-navigation a,

.nav-links .next-navigation a,

.post-comments .navigation .next-navigation a {

  height: 60px;

  width: 60px;

  color: #b3b3b3;

  border: none;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -moz-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -moz-align-items: center;

  align-items: center;

}



.nav-links .prev-navigation a:hover,

.post-comments .navigation .prev-navigation a:hover,

.nav-links .next-navigation a:hover,

.post-comments .navigation .next-navigation a:hover {

  background-color: #228ae6;

  border: 0;

  color: #ffffff;

  opacity: 0.5;

}



.nav-links .prev-navigation a i,

.post-comments .navigation .prev-navigation a i,

.nav-links .next-navigation a i,

.post-comments .navigation .next-navigation a i {

  font-size: 1.3em;

  font-weight: 600;

}



.nav-links .numbers-navigation,

.post-comments .navigation .numbers-navigation {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -moz-justify-content: center;

  justify-content: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -ms-flex-negative: inherit;

      flex-shrink: inherit;

}



.nav-links .numbers-navigation .page-numbers,

.post-comments .navigation .numbers-navigation .page-numbers {

  padding: 18px 0;

  width: 58px;

  text-align: center;

  font-size: 14px;

  border-left: 1px solid #e0e1e1;

  border-right: 1px solid #e0e1e1;

  margin-left: -1px;

  color: #666666;

  font-weight: 600;

}



.nav-links .numbers-navigation .page-numbers.prev,

.post-comments .navigation .numbers-navigation .page-numbers.prev,

.nav-links .numbers-navigation .page-numbers.next,

.post-comments .navigation .numbers-navigation .page-numbers.next {

  display: none;

}



@media (max-width: 767px) {

  .nav-links .numbers-navigation .page-numbers,

  .post-comments .navigation .numbers-navigation .page-numbers {

    padding: 15px 0;

    width: 50px;

  }

}



.nav-links .numbers-navigation span.current,

.post-comments .navigation .numbers-navigation span.current,

.nav-links .numbers-navigation a:hover,

.post-comments .navigation .numbers-navigation a:hover {

  background-color: #228ae6;

  color: #ffffff;

  opacity: 0.5;

}



@media (max-width: 767px) {

  .nav-links .prev-navigation,

  .post-comments .navigation .prev-navigation,

  .nav-links .next-navigation,

  .post-comments .navigation .next-navigation {

    height: 50px;

  }



  .nav-links .prev-navigation > a,

  .post-comments .navigation .prev-navigation > a,

  .nav-links .next-navigation > a,

  .post-comments .navigation .next-navigation > a {

    height: 50px;

    width: 50px;

  }

}



.materialis-latest-news a.post-list-item-thumb {

  display: block;

}



.materialis-latest-news .post-content-body.col-padding {

  padding-top: 1rem;

}



.materialis-latest-news div > a:last-of-type {

  margin-bottom: 0;

}



a.post-list-item-thumb > img,

a.post-list-item-thumb > svg {

  width: auto;

  height: auto;

  margin-bottom: 0;

  display: block;

}



a.post-list-item-thumb > img.materialis-post-list-item-thumb-placeholder,

a.post-list-item-thumb > svg.materialis-post-list-item-thumb-placeholder {

  width: 100%;

}



.post-excerpt > :last-child,

.post-excerpt > * :last-child {

  margin-bottom: 0;

}



.post-excerpt .button {

  margin-top: 1rem;

}



.post-list .post-list-item .mdc-card__action-icons .post-footer-category a.button,

.post-item .mdc-card__action-icons .post-footer-category a.button {

  margin-bottom: 0px;

}



@media (max-width: 1023px) {

  .post-list .post-list-item .post-excerpt,

  .post-list .post-list-item .post-title,

  .post-item .post-excerpt,

  .post-item .post-title {

    text-align: center;

  }



  .post-list .post-list-item .mdc-card__actions,

  .post-item .mdc-card__actions {

    -ms-flex-flow: wrap;

        flex-flow: wrap;

  }



  .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons,

  .post-list .post-list-item .mdc-card__actions .mdc-card__action-buttons,

  .post-item .mdc-card__actions .mdc-card__action-icons,

  .post-item .mdc-card__actions .mdc-card__action-buttons {

    width: 100%;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }



  .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons .post-footer-category,

  .post-item .mdc-card__actions .mdc-card__action-icons .post-footer-category {

    width: 100%;

    margin: 15px 0 10px 0;

    text-align: center;

  }



  .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons .post-footer-category i,

  .post-item .mdc-card__actions .mdc-card__action-icons .post-footer-category i {

    margin-right: 0;

  }



  .post-list .post-list-item .mdc-card__actions .mdc-card__action-icons,

  .post-item .mdc-card__actions .mdc-card__action-icons {

    -ms-flex-flow: wrap;

        flex-flow: wrap;

  }



  .post-list .post-list-item .mdc-card__actions .button,

  .post-item .mdc-card__actions .button {

    font-size: 1rem;

  }



  .post-list .post-list-item .mdc-card__actions .post-footer-value,

  .post-item .mdc-card__actions .post-footer-value {

    font-size: 16px !important;

  }



  .post-list .post-list-item .mdc-card__actions .mdc-card__action--icon,

  .post-item .mdc-card__actions .mdc-card__action--icon {

    vertical-align: unset;

  }

}



@media (min-width: 1024px) {

  .post-list .post-list-item .mdc-card__action-buttons {

    margin-left: auto;

  }



  .post-list .post-list-item .mdc-card__action-icons,

  .post-list .post-list-item .mdc-card__action-buttons {

    padding: 0;

  }



  .post-list .post-list-item .mdc-card__action-icons .post-footer-category i {

    margin-right: 0;

  }

}



form.post-password-form {

  margin: 3rem 0;

  text-align: center;

}



form.post-password-form p {

  color: #2b2d42;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -moz-align-items: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -moz-justify-content: center;

  justify-content: center;

  text-align: center;

}



form.post-password-form p .mdc-text-field,

form.post-password-form p .mdc-text-field.mdc-text-field--upgraded {

  margin-top: 0px;

  margin-bottom: 0px;

}



form.post-password-form p input[type="submit"] {

  margin-left: 1rem;

  margin-bottom: 0;

  margin-top: 1em;

}



.mdc-card .mdc-card__action-icons i.mdi:not(.icon),

.card .mdc-card__action-icons i.mdi:not(.icon) {

  font-size: 1.2rem;

}



.mdc-card .mdc-card__action-buttons a.link,

.mdc-card .mdc-card__action-buttons a.button,

.card .mdc-card__action-buttons a.link,

.card .mdc-card__action-buttons a.button {

  margin-bottom: 0;

}



/*

  COMMENTS

*/



/*--------------------------------------------------------------

Comments

--------------------------------------------------------------*/



.post-comments {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  border-radius: 4px;

  position: relative;

  margin-top: 2rem;

  min-height: 100px;

  background-color: #FFFFFF;

  -webkit-box-direction: normal;

  -webkit-box-orient: vertical;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.post-comments .comments-number > span {

  color: #ef233c;

}



.post-comments .add-comment-toggler {

  margin: 0;

  margin-left: auto;

  padding-top: 2px;

  padding-bottom: 2px;

}



@media (max-width: 767px) {

  .post-comments .add-comment-toggler {

    margin-left: auto;

    margin-right: auto;

    margin-top: 10px;

  }

}



.post-comments .navigation {

  margin: 2rem 0;

}



.post-comments .navigation .next-posts {

  text-align: right;

}



.post-comments .no-margin {

  margin: 0;

}



.comments-title {

  font-size: 24px;

  font-weight: 400;

  max-width: 100%;

  margin-bottom: 0;

}



@media (max-width: 767px) {

  .comments-title {

    margin-left: auto;

    margin-right: auto;

  }

}



.comment-list {

  width: 100%;

  list-style: none;

  margin: 0;

  padding: 0;

}



@media (max-width: 767px) {

  .comment-list {

    margin-top: 50px;

  }

}



.comment-list li.comment {

  border-bottom: 1px dotted #bdbdbd;

}



.comment-list li.comment .comment {

  padding-left: 15px;

  padding-right: 15px;

}



@media (max-width: 767px) {

  .comment-list li.comment {

    text-align: left;

  }

}



.comment-list li.comment.even blockquote {

  background-color: #ffffff;

}



.comment-list li.comment.odd {

  background-color: #ffffff;

}



.comment-list li.comment:last-child {

  border-bottom: none;

}



.comment-list li.comment.byuser {

  padding: 1rem;

  border: 1px solid #d1d1d1;

  background-color: #f8f8f8;

}



.comment-list .children {

  list-style: none;

  margin: 0 0 0 1rem;

  padding: 1rem;

}



.comment-list li:before {

  display: none;

}



@media (max-width: 767px) {

  .comments-counter-wrapper {

    -webkit-box-direction: normal;

    -webkit-box-orient: vertical;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }

}



.comment-body {

  margin-left: 60px;

  padding: 1rem 0;

  word-break: break-word;

  white-space: normal;

}



.comment-author {

  color: #54617A;

  position: relative;

  z-index: 2;

}



.comment-author .avatar {

  height: 40px;

  left: -60px;

  position: absolute;

  width: 40px;

  border-radius: 20px;

}



.comment-author .fn {

  font-style: normal;

  font-weight: 600;

  font-size: 16px;

}



.comment-author .fn a {

  color: #000000;

  text-decoration: none;

}



.comment-author .says {

  display: none;

}



.comment-meta {

  margin-bottom: 1.4rem;

}



.comment-meta a {

  text-decoration: none;

  color: #8D99AE;

}



.comment-metadata {

  color: #bdbdbd;

  font-size: 10px;

  font-size: 0.625rem;

  font-weight: 800;

  letter-spacing: 0.1818em;

  text-transform: uppercase;

}



.comment-metadata a {

  color: #bdbdbd;

}



.comment-metadata a.comment-edit-link {

  color: #4a4a4a;

  margin-left: 1em;

}



.comment-reply-link {

  font-size: 12px;

  font-weight: 600;

  color: #4a4a4a;

  text-transform: uppercase;

}



.comment-reply-link i {

  color: rgba(0, 0, 0, 0.38);

  vertical-align: middle;

  font-size: 1.2rem;

  margin-right: 5px;

}



.no-comments,

.comment-awaiting-moderation {

  color: #bdbdbd;

  font-size: 14px;

  font-size: 0.875rem;

  font-style: italic;

}



.comments-pagination {

  margin: 2em 0 3em;

}



.form-submit {

  margin-top: 35px;

  text-align: right;

  margin-left: auto;

}



@media (max-width: 767px) {

  .form-submit {

    margin-right: auto;

  }

}



.form-submit #submit {

  width: auto;

  padding: 2px 60px;

  font-size: 14px;

}



.comments-form {

  background-color: #f0effd;

  display: none;

  border-radius: 0 0 4px 4px;

  padding-left: 6px;

  padding-right: 6px;

}



.post-comments > .comments-form {

  margin: 30px -2rem -2rem -2rem;

}



.comment-form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}



.comment-form p.logged-in-as {

  font-size: 0.9em;

}



@media (max-width: 767px) {

  .comment-form p.logged-in-as {

    width: 100%;

  }

}



.comment-form > .mdc-text-field.mdc-text-field--textarea {

  background: #ffffff;

  font-size: 1em;

  margin: none;

  border: none;

}



.comment-form > .mdc-text-field.half {

  width: 48%;

}



.comment-form > .mdc-text-field.half.left-margin {

  margin-left: 2%;

}



.comment-form > .mdc-text-field.half.right-margin {

  margin-right: 2%;

}



.comment-form > .mdc-text-field {

  width: 100%;

}



.comment-respond {

  background-color: #f0effd;

  padding: 2rem;

  max-width: 100%;

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

}



.comment-respond .comment-reply-title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 24px;

  font-weight: 500;

  margin-bottom: 0;

}



@media (max-width: 767px) {

  .comment-respond .comment-reply-title {

    display: block;

  }

}



.comment-respond .comment-reply-title small {

  margin-left: auto;

  font-size: .9rem;

}



@media (max-width: 767px) {

  .comment-respond .comment-reply-title small {

    display: none;

  }

}



.post-comments .navigation {

  line-height: 36px;

}



.navigation.post-navigation {

  border-radius: 4px;

  margin-top: 30px;

}



.navigation.post-navigation .nav-links,

.navigation.post-navigation .post-comments .navigation,

.post-comments .navigation.post-navigation .navigation {

  border-radius: 4px;

  padding: 30px 15px;

}



/*

  SIDEBAR

*/



@media (max-width: 767px) {

  .sidebar {

    margin-top: 40px;

    text-align: left;

  }

}



.sidebar h5 {

  text-transform: uppercase;

}



.sidebar a {

  text-decoration: none;

}



.sidebar .widget_search form {

  margin-bottom: 0;

}



.sidebar #wp-calendar td,

.sidebar #wp-calendar th {

  padding: 0.5rem;

}



.sidebar .widget_about {

  border-radius: 4px;

  background-color: #228ae6;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#228ae6), to(#67aeee));

  background-image: linear-gradient(to bottom, #228ae6 0%, #67aeee 100%);

  padding: 80px 50px 30px 50px;

  text-align: center;

  margin-top: 80px;

  margin-bottom: 30px;

  position: relative;

}



.sidebar .widget_about h4 {

  color: #ffffff;

  margin-bottom: 0px;

}



.sidebar .widget_about .about-box-image {

  width: 160px;

  height: 160px;

  border-radius: 80px;

  background-size: contain;

  position: absolute;

  top: -80px;

  left: 50%;

  margin-bottom: 1rem;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}



.sidebar .widget_about .about-box-subheading {

  font-style: italic;

  color: #edf2f4;

  opacity: 0.6;

}



.sidebar .widget_about .about-box-description {

  color: #edf2f4;

}



.sidebar .widget {

  background-color: #ffffff;

  border-radius: 4px;

}



.sidebar .widget .widgettitle {

  position: relative;

  font-size: 23px;

  padding: 25px 20px;

  margin-bottom: 0px;

  text-transform: capitalize;

  letter-spacing: 0.4px;

  font-weight: 400;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  line-height: 28px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



.sidebar .widget .widgettitle i.widget-icon {

  font-size: 0.8em;

  width: 1.7em;

  height: 1.6em;

  background: #228ae6;

  color: #ffffff;

  position: relative;

  border-radius: 100px;

  margin-right: 0.5rem;

}



.sidebar .widget .widgettitle i.widget-icon:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}



.sidebar .widget > pre {

  word-wrap: break-word;

}



.sidebar .widget > select {

  width: calc(100% - 40px);

  margin-left: 20px;

  margin-bottom: 1.5rem;

  margin-top: 1.5rem;

}



.sidebar .widget > div {

  padding: 25px 20px;

}



.sidebar .widget > ul {

  position: relative;

}



.sidebar .widget ul {

  list-style: none;

  margin: 0;

}



.sidebar .widget ul li {

  text-transform: capitalize;

  padding: 20px 10px 20px 25px;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



.sidebar .widget ul li:first-of-type {

  border-top: none;

}



.sidebar .widget ul li:last-of-type {

  border-bottom: none;

}



.sidebar .widget ul li ul {

  margin-top: 20px;

}



.sidebar .widget ul li ul li {

  padding: 20px 0px 20px 25px;

}



.sidebar .widget ul li ul li,

.sidebar .widget ul li ul li:first-of-type {

  padding-left: 10px;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



.sidebar .widget ul li ul li:last-of-type {

  padding-bottom: 0;

}



.sidebar .widget ul li a {

  padding: 0px 10px;

  font-size: 1rem;

  color: #2b2d42;

  display: inline-block;

}



.sidebar .widget ul li a:hover,

.sidebar .widget ul li a:hover * {

  color: #50a2eb;

}



.sidebar .widget ul li a:hover:before {

  content: '';

  height: calc(1.5em + 20px);

  width: 4px;

  display: block;

  background: #228ae6;

  position: absolute;

  left: -1px;

  margin-top: -10px;

}



.sidebar .widget .widgettitle i.widget-icon:before {

  content: "\F72B";

}



.sidebar .widget.widget_search .widgettitle i.widget-icon:before {

  content: "\F349";

}



.sidebar .widget.widget_search h5 {

  padding: 25px 20px 10px 20px;

}



.sidebar .widget.widget_search form {

  padding: 0 25px 10px 25px;

}



.sidebar .widget.widget_search form .mdc-text-field {

  width: 100%;

}



.sidebar .widget.widget_calendar .widgettitle i.widget-icon:before {

  content: "\F0F6";

}



.sidebar .widget.widget_recent_entries .widgettitle i.widget-icon:before {

  content: "\F2DA";

}



.sidebar .widget.widget_media_image {

  padding: 0px;

  overflow: hidden;

}



.sidebar .widget.widget_media_image img {

  display: block;

  width: 100%;

}



.sidebar .widget.widget_media_image .wp-caption {

  padding: 0px;

  margin: 0px;

  max-width: 100%;

  border: none;

}



.sidebar .widget.widget_media_image .wp-caption .wp-caption-text {

  margin-top: 1rem;

  margin-bottom: 1rem;

}



.sidebar .widget.widget_media_image .widgettitle + .wp-caption {

  padding: 25px 20px;

}



.sidebar .widget.widget_media_image .widgettitle + .wp-caption .wp-caption-text {

  margin-bottom: 0rem;

}



.sidebar .widget.widget_media_video {

  padding: 0px;

  overflow: hidden;

}



.sidebar .widget.widget_media_video mediaelementwrapper {

  display: block;

  width: 100%;

}



.sidebar .widget.widget_media_video .wp-video {

  padding: 0px;

  margin: 0px;

  max-width: 100%;

  border: none;

}



.sidebar .widget.widget_media_video .wp-video .wp-caption-text {

  margin-top: 1rem;

  margin-bottom: 1rem;

}



.sidebar .widget.widget_media_video .widgettitle + .wp-video {

  padding: 25px 20px;

}



.sidebar .widget.widget_media_video .widgettitle + .wp-video .wp-caption-text {

  margin-bottom: 0rem;

}



.sidebar .widget.widget_archive .widgettitle i.widget-icon:before {

  content: "\F03C";

}



.sidebar .widget.widget_categories .widgettitle i.widget-icon:before {

  content: "\F332";

}



.sidebar .widget.widget_meta .widgettitle i.widget-icon:before {

  content: "\F4FB";

}



.sidebar .widget.widget_rss .widgettitle i.widget-icon:before {

  content: "\F46B";

}



.sidebar .widget.widget_rss .rss-widget-icon {

  display: none;

}



.sidebar .widget.widget_rss a.rsswidget {

  padding-left: 0;

  padding-right: 0;

  margin-bottom: 1.2rem;

}



.sidebar .widget.widget_rss .rss-date,

.sidebar .widget.widget_rss .rssSummary,

.sidebar .widget.widget_rss cite {

  font-size: 0.8rem;

}



.sidebar .widget.widget_tag_cloud .widgettitle i.widget-icon:before {

  content: "\F15F";

}



.sidebar .widget.widget_tag_cloud .tagcloud a:hover {

  border-bottom: 1px solid #228ae6;

}



/*

  FREE TRIAL

*/



.our-services .gridContainer > .row {

  padding: 80px 0;

}



.our-services .gridContainer > .row > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 20px 0;

}



.our-services .gridContainer > .row > div:last-child {

  border-left: 1px solid #eaeaea;

}



.our-services .gridContainer > .row > div > i.mdi {

  margin-left: 100px;

  margin-right: 20px;

  font-size: 50px;

  width: 100px;

  height: 100px;

  background: #228ae6;

  color: #ffffff;

  position: relative;

  text-align: center;

  border-radius: 100px;

  display: inline-table;

}



.our-services .gridContainer > .row > div > i.mdi:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-48%, -56%);

          transform: translate(-48%, -56%);

}



.our-services .gridContainer > .row > div h4 {

  margin-bottom: 5px;

}



.our-services .gridContainer > .row > div h4 i {

  vertical-align: middle;

  margin-bottom: 3px;

}



.free-trial {

  background-color: #654ea3;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#654ea3), to(#bf69fd));

  background-image: linear-gradient(to bottom, #654ea3 0%, #bf69fd 100%);

}



.free-trial .gridContainer > .row {

  padding: 100px 0;

  color: #e5f3fc;

}



.free-trial .gridContainer > .row h3 {

  color: #fff;

}



.free-trial .gridContainer > .row > div:last-child {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



.free-trial .gridContainer > .row > div:last-child .button {

  margin-left: 25px;

}



/*

  FOOTER

*/



.footer-shadow {

  -webkit-box-shadow: 0px 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08);

          box-shadow: 0px 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08);

}



.footer {

  background-color: #ffffff;

  margin-bottom: -1px;

  color: #8D99AE;

}



.footer .materialis-theme-link {

  color: inherit;

  text-decoration: none;

  border-bottom: none;

}



.footer .materialis-theme-link:hover {

  color: inherit;

  border-bottom: none;

  text-decoration: underline;

}



.footer table caption {

  color: #8D99AE;

}



.footer .mdi {

  color: #8D99AE;

}



.footer a {

  color: #228ae6;

}



.footer a .mdi {

  color: #8D99AE;

}



.footer a:hover {

  color: #50a2eb;

}



.footer a:hover .mdi {

  color: #50a2eb;

}



.footer h1,

.footer h2,

.footer h3,

.footer h4,

.footer h5,

.footer h6 {

  color: #54617A;

}



.footer p {

  color: #8D99AE;

}



.footer .footer-content {

  position: relative;

  z-index: 0;

}



.footer #wp-calendar td,

.footer #wp-calendar th {

  padding: 0.5rem;

}



.footer .widget > ul {

  list-style: none;

  margin: 0;

}



.footer .widget > ul > li a {

  font-size: 1rem;

  text-decoration: none;

}



.footer input,

.footer textarea,

.footer select {

  display: inline-block;

  max-width: 100%;

  height: 44px;

}



.footer form {

  margin-bottom: 25px;

}



.footer form input[type="email"] {

  width: 70%;

  float: left;

}



.footer form input[type="submit"] {

  width: 30%;

  float: right;

  height: 42px;

  line-height: 42px;

  background-color: #228ae6;

  color: #fff;

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 2px;

  text-transform: uppercase;

  border: none;

  border-radius: 0px;

  outline: 1px solid #228ae6;

  margin-top: 1px;

  cursor: pointer;

}



.footer ul {

  list-style: none;

  margin: 0;

  line-height: 32px;

}



.footer .bottom-bar {

  background-color: #f8f8f8;

}



.footer .bottom-bar h4 {

  margin-bottom: 0;

}



.horizontal_footer_menu ul {

  list-style: none;

  margin-left: -0.4rem;

  margin-right: -0.4rem;

}



.horizontal_footer_menu ul li {

  display: inline-block;

  position: relative;

  -webkit-transition: all .4s;

  transition: all .4s;

  padding-left: 0.4rem;

  padding-right: 0.4rem;

}



.horizontal_footer_menu ul li a {

  display: block;

  text-decoration: none;

  white-space: nowrap;

}



.footer.paralax {

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  visibility: hidden;

}



.footer-social-icons {

  max-width: 100%;

  margin: -5px;

}



.footer-social-icons a {

  display: inline-block;

  font-size: 22px;

  margin: 5px;

  max-height: 40px;

  opacity: 0.9;

  -webkit-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.footer-social-icons a:hover {

  opacity: 1;

}



.footer-social-icons.spaced {

  margin: -10px;

}



.footer-social-icons.spaced a {

  margin: 10px;

}



.footer::before,

.footer::after {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.footer::before {

  z-index: 0;

}



.footer::after {

  z-index: 1;

}



.footer .gridContainer {

  position: relative;

  z-index: 10;

}



.no-parallax .footer {

  position: static !important;

}



.no-parallax .footer-shadow {

  margin-bottom: 0px !important;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.footer .copyright a {

  color: inherit;

}



.footer .copyright a:hover {

  color: inherit;

}



@media (max-width: 767px) {

  .footer ul#materialis-footer-menu {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}



@media (max-width: 767px) {

  .footer .row:not(.no-spacing) > div:not(.no-gutter-col) {

    padding-top: 20px;

    padding-bottom: 20px;

  }

}



.footer-simple .footer-content {

  padding-top: 40px;

  padding-bottom: 40px;

  border-top: 1px solid #e8e8e8;

}



.footer.footer-dark .footer-content {

  background: #0b0815;

  padding-top: 16px;

  padding-bottom: 16px;

}



@media (min-width: 768px) and (max-width: 1023px) {

  .footer.footer-dark .menu-column {

    -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

            order: 3;

    padding-top: 1rem;

    padding-bottom: 0;

  }

}



@media (max-width: 767px) {

  .footer.footer-dark .footer-social-icons {

    margin-top: 1rem;

  }



  .footer.footer-dark .menu-column {

    margin-top: 1rem;

  }



  .footer.footer-dark .menu-column li {

    display: block;

  }

}



ul.materialis-footer-menu {

  list-style: none;

  padding: 0;

  margin: 0;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -moz-flex: 1 0 auto;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  -webkit-box-direction: normal;

  -webkit-box-orient: horizontal;

  -moz-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  z-index: 1;

  left: 0px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  width: 100%;

}



ul.materialis-footer-menu li {

  display: block;

  color: #ffffff;

  -webkit-transition: all .4s;

  transition: all .4s;

  overflow: hidden;

}



ul.materialis-footer-menu li a {

  display: block;

  text-decoration: none;

  white-space: nowrap;

  color: inherit;

  position: relative;

  overflow: hidden;

  padding: 1rem 0.9rem;

  font-style: normal;

  font-size: 14px;

  line-height: 160%;

  letter-spacing: 1px;

  text-transform: uppercase;

}



ul.materialis-footer-menu li:hover,

ul.materialis-footer-menu li.hover {

  overflow: visible;

}



ul.materialis-footer-menu li:hover > ul,

ul.materialis-footer-menu li.hover > ul,

ul.materialis-footer-menu li:hover,

ul.materialis-footer-menu li.hover {

  opacity: 1;

  height: auto;

  overflow: visible;

}



@media (min-width: 768px) {

  .footer.footer-1 .footer-social-icons {

    margin-left: auto;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .footer.footer-1 .menu-column {

    -webkit-box-ordinal-group: 4;

        -ms-flex-order: 3;

            order: 3;

    padding-top: 1rem;

    padding-bottom: 0;

  }

}



@media (max-width: 767px) {

  .footer.footer-1 .footer-social-icons {

    margin-top: 1rem;

  }



  .footer.footer-1 .menu-column {

    margin-top: 1rem;

  }



  .footer.footer-1 .menu-column li {

    display: block;

  }

}



/*

.footer-4 {

	.footer-content .row > div {

		min-height:200px;

	}

}*/



.footer.footer-4 .bottom-bar-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.footer-contact-boxes {

  background-color: #222222;

  color: #ffffff;

}



.footer-contact-boxes table caption {

  color: #ffffff;

}



.footer-contact-boxes .mdi {

  color: #ffffff;

}



.footer-contact-boxes a {

  color: #03a9f4;

}



.footer-contact-boxes a .mdi {

  color: #ffffff;

}



.footer-contact-boxes a:hover {

  color: #03a9f4;

}



.footer-contact-boxes a:hover .mdi {

  color: #3F464C;

}



.footer-contact-boxes h1,

.footer-contact-boxes h2,

.footer-contact-boxes h3,

.footer-contact-boxes h4,

.footer-contact-boxes h5,

.footer-contact-boxes h6 {

  color: #ffffff;

}



.footer-contact-boxes p {

  color: #ffffff;

}



.footer-contact-boxes .big-icon {

  font-size: 48px;

  margin-bottom: 24px;

}



.footer-contact-boxes .footer-bg-accent {

  padding-left: 1rem;

  padding-right: 1rem;

  background-color: #fa5252;

}



.footer-contact-boxes .footer-social-icons {

  margin-bottom: 16px;

}



.footer-contact-boxes .col-sm-3 {

  padding-top: 20px;

  padding-bottom: 20px;

  border-left: 1px solid rgba(128, 128, 128, 0.2);

}



.footer-contact-boxes .col-sm-3:last-child {

  border-right: 1px solid rgba(128, 128, 128, 0.2);

}



@media (min-width: 768px) {

  .footer-contact-boxes .col-sm-3 {

    padding-top: 80px;

    padding-bottom: 80px;

  }

}



/*

  EDITOR STYLE

*/



body#tinymce {

  color: #333333;

}



/*

  GENERAL - STICKY FOOTER

*/



body {

  min-height: 1px;

}



[data-parallax-depth] {

  background-attachment: fixed;

}



[data-parallax-depth]:before,

[data-parallax-depth]:after {

  background-attachment: fixed !important;

}



.no-parallax [data-parallax-depth] {

  background-attachment: scroll;

}



.no-parallax [data-parallax-depth]:before,

.no-parallax [data-parallax-depth]:after {

  background-attachment: scroll !important;

}



.page-content .content-section a.link,

.page-content .content-section a.button {

  margin-right: 3px;

}



.site {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -moz-flex: 0 1 auto;

  -ms-flex: 0 1 auto;

  flex: 0 1 auto;

  -webkit-box-direction: normal;

  -webkit-box-orient: vertical;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  min-height: 100vh;

}



.site > .page-content,

.site > .content {

  z-index: 1;

  -webkit-box-flex: 0;

  -moz-flex: 0 0 auto;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  padding: 30px 0;

}



.site > .page-content.landing,

.site > .content.landing {

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



.site > .page-content.landing .content,

.site > .content.landing .content {

  width: 100%;

}



.site > .content {

  padding-top: 6rem;

  padding-bottom: 6rem;

}



.site > .content.boxed-layout,

.site > .page-content.boxed-layout {

  width: 96%;

  margin: 0 auto;

  border-radius: 6px 6px 0 0;

  margin-top: -20px;

}



.site > .content.boxed-layout.mdc-elevation--z0,

.site > .page-content.boxed-layout.mdc-elevation--z0 {

  margin-bottom: 0px;

}



.site > .content.boxed-layout.mdc-elevation--z1,

.site > .page-content.boxed-layout.mdc-elevation--z1 {

  margin-bottom: 1.8px;

}



.site > .content.boxed-layout.mdc-elevation--z2,

.site > .page-content.boxed-layout.mdc-elevation--z2 {

  margin-bottom: 3.6px;

}



.site > .content.boxed-layout.mdc-elevation--z3,

.site > .page-content.boxed-layout.mdc-elevation--z3 {

  margin-bottom: 5.4px;

}



.site > .content.boxed-layout.mdc-elevation--z4,

.site > .page-content.boxed-layout.mdc-elevation--z4 {

  margin-bottom: 7.2px;

}



.site > .content.boxed-layout.mdc-elevation--z5,

.site > .page-content.boxed-layout.mdc-elevation--z5 {

  margin-bottom: 9px;

}



.site > .content.boxed-layout.mdc-elevation--z6,

.site > .page-content.boxed-layout.mdc-elevation--z6 {

  margin-bottom: 10.8px;

}



.site > .content.boxed-layout.mdc-elevation--z7,

.site > .page-content.boxed-layout.mdc-elevation--z7 {

  margin-bottom: 12.6px;

}



.site > .content.boxed-layout.mdc-elevation--z8,

.site > .page-content.boxed-layout.mdc-elevation--z8 {

  margin-bottom: 14.4px;

}



.site > .content.boxed-layout.mdc-elevation--z9,

.site > .page-content.boxed-layout.mdc-elevation--z9 {

  margin-bottom: 16.2px;

}



.site > .content.boxed-layout.mdc-elevation--z10,

.site > .page-content.boxed-layout.mdc-elevation--z10 {

  margin-bottom: 18px;

}



.site > .content.boxed-layout.mdc-elevation--z11,

.site > .page-content.boxed-layout.mdc-elevation--z11 {

  margin-bottom: 19.8px;

}



.site > .content.boxed-layout.mdc-elevation--z12,

.site > .page-content.boxed-layout.mdc-elevation--z12 {

  margin-bottom: 21.6px;

}



.site > .content.boxed-layout.mdc-elevation--z13,

.site > .page-content.boxed-layout.mdc-elevation--z13 {

  margin-bottom: 23.4px;

}



.site > .content.boxed-layout.mdc-elevation--z14,

.site > .page-content.boxed-layout.mdc-elevation--z14 {

  margin-bottom: 25.2px;

}



.site > .content.boxed-layout.mdc-elevation--z15,

.site > .page-content.boxed-layout.mdc-elevation--z15 {

  margin-bottom: 27px;

}



.site > .content.boxed-layout.mdc-elevation--z16,

.site > .page-content.boxed-layout.mdc-elevation--z16 {

  margin-bottom: 28.8px;

}



.site > .content.boxed-layout.mdc-elevation--z17,

.site > .page-content.boxed-layout.mdc-elevation--z17 {

  margin-bottom: 30.6px;

}



.site > .content.boxed-layout.mdc-elevation--z18,

.site > .page-content.boxed-layout.mdc-elevation--z18 {

  margin-bottom: 32.4px;

}



.site > .content.boxed-layout.mdc-elevation--z19,

.site > .page-content.boxed-layout.mdc-elevation--z19 {

  margin-bottom: 34.2px;

}



.site > .content.boxed-layout.mdc-elevation--z20,

.site > .page-content.boxed-layout.mdc-elevation--z20 {

  margin-bottom: 36px;

}



.site > .content.boxed-layout.mdc-elevation--z21,

.site > .page-content.boxed-layout.mdc-elevation--z21 {

  margin-bottom: 37.8px;

}



.site > .content.boxed-layout.mdc-elevation--z22,

.site > .page-content.boxed-layout.mdc-elevation--z22 {

  margin-bottom: 39.6px;

}



.site > .content.boxed-layout.mdc-elevation--z23,

.site > .page-content.boxed-layout.mdc-elevation--z23 {

  margin-bottom: 41.4px;

}



.site > .content.boxed-layout.mdc-elevation--z24,

.site > .page-content.boxed-layout.mdc-elevation--z24 {

  margin-bottom: 43.2px;

}



body.materialis-maintainable-in-customizer .boxed-layout div[data-id]:first-of-type {

  border-top-left-radius: 6px;

  border-top-right-radius: 6px;

}



@media (max-width: 768px) {

  .site > .content {

    padding-top: 3rem;

    padding-bottom: 3rem;

  }

}



@media (max-width: 767px) {

  .page-content .page-sidebar-column {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}



.materialis-front-page #page > .blog-page,

.materialis-content-padding #page > .page-content,

.materialis-inner-page #page > .page-content {

  padding-top: 6rem;

  padding-bottom: 6rem;

}



.materialis-content-padding #page > .page-content.no-padding,

.materialis-inner-page #page > .page-content.no-padding {

  padding: 0 !important;

}



@media (max-width: 768px) {

  .materialis-content-padding #page > .page-content,

  .materialis-inner-page #page > .page-content {

    padding-top: 3rem;

    padding-bottom: 3rem;

  }

}



.materialis-content-no-padding #page > .page-content,

.materialis-content-no-padding #page > .content {

  padding-top: 0;

  padding-bottom: 0;

}



body.custom-background,

.materialis-front-page.materialis-content-padding .page-content,

.materialis-inner-page .page-content,

.materialis-inner-page .content {

  background-color: #f8f8f8;

}



/* GENERAL CONTENT STYLE */



.content-section {

  text-align: center;

}



.content-section a {

  display: inline-block;

}



.content-section a i.mdi {

  margin: 0;

}



.content-section img {

  margin-bottom: 1rem;

}



@media (min-width: 768px) {

  .content-section {

    text-align: left;

  }

}



.content-section > div:not([class*=gridContainer]):not([class*=separator]) {

  padding-left: 15px;

  padding-right: 15px;

}



.content-section p {

  display: block;

}



.content-section.content-section-spacing-top,

.content-section.content-section-spacing {

  padding-top: 32px;

}



.content-section.content-section-spacing-bottom,

.content-section.content-section-spacing {

  padding-bottom: 32px;

}



@media (min-width: 768px) {

  .content-section.content-section-spacing {

    padding-top: 64px;

    padding-bottom: 64px;

  }

}



.content-section.content-section-spacing-small {

  padding-top: 0.6rem;

  padding-bottom: 0.6rem;

}



@media (min-width: 768px) {

  .content-section.content-section-spacing-small {

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

  }

}



.content-section.content-section-spacing-medium {

  padding-top: 20px;

  padding-bottom: 20px;

}



@media (min-width: 768px) {

  .content-section.content-section-spacing-medium {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}



.content-section.content-section-spacing-large {

  padding-top: 40px;

  padding-bottom: 40px;

}



@media (min-width: 768px) {

  .content-section.content-section-spacing-large {

    padding-top: 80px;

    padding-bottom: 80px;

  }

}



.content-section.content-section-spacing-xlarge {

  padding-top: 60px;

  padding-bottom: 60px;

}



@media (min-width: 768px) {

  .content-section.content-section-spacing-xlarge {

    padding-top: 100px;

    padding-bottom: 100px;

  }

}



.content-section.content-relative {

  position: relative;

}



.content-section.content-relative > *:not([class*="section-separator"]) {

  position: relative;

  z-index: 1;

}



@media (max-width: 767px) {

  .content-section > .row:not(.no-spacing) > div:not(.no-gutter-col),

  .content-section > div:not(.gridContainer) > .row:not(.no-spacing) > div:not(.no-gutter-col) {

    padding-top: 2rem;

    padding-bottom: 2rem;

  }

}



.offset-double-border-overlay {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  top: -15%;

  bottom: 15%;

  left: 15%;

  right: -15%;

  width: auto;

  height: auto;

  z-index: 12;

}



.offset-double-border-overlay .border-1,

.offset-double-border-overlay .border-2 {

  position: absolute;

  width: 100%;

  height: 100%;

  border-width: 10px;

  border-style: solid;

  border-color: #ffffff;

}



.offset-double-border-overlay .border-2 {

  border-color: rgba(0, 0, 0, 0.2);

  right: -10px;

  top: 10px;

  z-index: -1;

}



.offset-box {

  position: relative;

  z-index: 0;

}



.offset-box.border:after {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: translate(3%, -3%);

          transform: translate(3%, -3%);

  border-width: 10px;

  border-style: solid;

  border-color: rgba(0, 0, 0, 0.5);

  z-index: -1;

}



.offset-box.bg:after {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background-color: white;

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: translate(-5%, -5%);

          transform: translate(-5%, -5%);

  z-index: -1;

}



.overlay-box {

  position: relative;

  z-index: 0;

}



.overlay-box .offset-border {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: translate(3%, -3%);

          transform: translate(3%, -3%);

  border-width: 10px;

  border-style: solid;

}



.overlay-box .offset-border-top-right {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: translate(3%, -3%);

          transform: translate(3%, -3%);

  border-width: 10px;

}



.overlay-box .offset-border-top-left {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: translate(-3%, -3%);

          transform: translate(-3%, -3%);

  border-width: 10px;

  border-style: solid;

}



.overlay-box .offset-background {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: -1;

}



.overlay-box .offset-background-top-right {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: translate(5%, -5%);

          transform: translate(5%, -5%);

  z-index: -1;

}



.overlay-box .offset-background-top-left {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: translate(-5%, -5%);

          transform: translate(-5%, -5%);

  z-index: -1;

}



.center-overlay {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: scale(0.75);

          transform: scale(0.75);

  z-index: 12;

}



.dark-overlay-bg {

  position: relative;

  z-index: 0;

}



.dark-overlay-bg:before {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.498039);

  z-index: -1;

}



.dark-overlay {

  position: relative;

}



.dark-overlay:before {

  display: inline-block;

  position: absolute;

  pointer-events: none;

  width: auto;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.498039);

  z-index: 0;

}



.dark-overlay > * {

  position: absolute;

  z-index: 1;

  top: 50%;

  left: 50%;

  margin: -2.22em 0px 0px -2.22em;

}



@media (min-width: 768px) {

  .overlay-box .offset-border-top-right {

    -webkit-transform: translate(10%, -10%);

            transform: translate(10%, -10%);

  }



  .overlay-box .offset-border-top-left {

    -webkit-transform: translate(-10%, -10%);

            transform: translate(-10%, -10%);

  }

}



.image-group-1 {

  position: relative;

}



.image-group-1 img {

  width: 100%;

  position: relative;

}



.image-group-1 img {

  width: 60%;

}



.image-group-1 .img-1 {

  z-index: 2;

  margin-left: 9%;

}



.image-group-1 .img-2 {

  margin-top: -10%;

  z-index: 1;

}



.image-group-1 .img-3 {

  margin-top: -2%;

  margin-left: 15%;

}



.image-group-2-img {

  position: relative;

}



.image-group-2-img img {

  width: 100%;

  position: relative;

}



.image-group-2-img img {

  width: 60%;

}



.image-group-2-img .img-1 {

  -webkit-transform: translateY(-12%);

          transform: translateY(-12%);

}



.image-group-2-img .img-2 {

  z-index: 1;

  margin-left: -25%;

  -webkit-transform: translateY(12%);

          transform: translateY(12%);

}



.image-group-right-2 {

  position: relative;

}



.image-group-right-2 img {

  width: 100%;

  position: relative;

}



.image-group-right-2 .left-el,

.image-group-right-2 .right-el {

  display: inline-block;

  position: relative;

  width: 50%;

}



.image-group-right-2 .left-el {

  z-index: 11;

}



.image-group-right-2 .right-el {

  margin-top: 25%;

  margin-left: -20px;

}



.image-group-right-3 {

  position: relative;

}



.image-group-right-3 img {

  width: 100%;

  position: relative;

}



.image-group-right-3 .left-media,

.image-group-right-3 .right-media,

.image-group-right-3 .bottom-media {

  display: inline-block;

  position: relative;

}



.image-group-right-3 .top-media {

  width: 60%;

  margin-left: 30%;

}



.image-group-right-3 .bottom-media {

  margin-left: 26%;

  margin-top: -10%;

  width: 60%;

  float: right;

}



.image-group-right-3 .left-media {

  z-index: 11;

  width: 60%;

  margin-left: -40%;

  margin-top: -50%;

}



.image-group-bottom-3 img {

  position: relative;

  max-width: 100%;

  float: left;

}



.image-group-bottom-3 .left-img {

  margin-left: 0%;

  margin-top: 10%;

  width: 30%;

  z-index: 11;

}



.image-group-bottom-3 .center-img {

  margin-left: -16%;

  max-width: 100%;

  width: 70%;

}



.image-group-bottom-3 .right-img {

  margin-left: 60%;

  margin-top: -30%;

  max-width: 100%;

  width: 40%;

}



.image-group-side-3-img .topimg,

.image-group-side-3-img .rightimg,

.image-group-side-3-img .leftimg {

  float: left;

  display: inline-block;

  position: relative;

  max-width: 100%;

}



.image-group-side-3-img .topimg {

  width: 80%;

  z-index: 10;

  margin-left: 10%;

}



.image-group-side-3-img .rightimg {

  margin-top: -25%;

  width: auto;

  width: 80%;

  float: right;

}



.image-group-side-3-img .leftimg {

  margin-top: -50%;

  z-index: 11;

  width: 60%;

}



.image-group-bottom-3-img {

  overflow: hidden;

}



.image-group-bottom-3-img img {

  position: relative;

  max-width: 100%;

}



.image-group-bottom-3-img .left-img {

  margin-right: -10%;

  width: 35%;

  z-index: 0;

}



.image-group-bottom-3-img .center-img {

  max-width: 100%;

  width: 42%;

  z-index: 1;

}



.image-group-bottom-3-img .right-img {

  margin-left: -10%;

  max-width: 100%;

  width: 35%;

}



.subscribe-form input,

.subscribe-form textarea,

.subscribe-form select {

  display: inline-block;

  width: auto;

}



.subscribe-form form,

.subscribe-form .form-item {

  margin-bottom: 0;

}



.subscribe-form input[type="submit"] {

  margin-left: 20px;

}



.subscribe-form input[type="email"] {

  max-width: 400px;

  width: 100%;

}



.subscribe-form .mc4wp-form-fields {

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -moz-justify-content: center;

  justify-content: center;

}



@media (max-width: 767px) {

  .subscribe-form .mc4wp-form-fields {

    display: block;

  }



  .subscribe-form .mc4wp-form-fields input[type="email"] {

    width: calc(100% - 40px);

    max-width: unset;

  }



  .subscribe-form .mc4wp-form-fields input[type="submit"] {

    margin: 1.5rem auto 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



.subscribe-form input[type="submit"] {

  height: auto;

  font-family: "Roboto";

  font-size: 0.875rem;

  color: #ffffff;

  background-color: #228ae6;

  border-radius: 4px;

  min-width: 7rem;

  padding: 0.55rem 20px;

  font-weight: 500;

  letter-spacing: 1px;

  text-align: center;

  text-decoration: none;

  cursor: pointer;

  display: inline-block;

  line-height: 40px;

  border: 2px solid #228ae6;

  vertical-align: middle;

  -webkit-appearance: none;

  margin-bottom: 0.875rem;

  margin-bottom: 0;

  line-height: 1;

  min-width: 6rem;

}



.subscribe-form input[type="submit"] i {

  position: relative;

  top: 1px;

  margin: 0 2px;

}



.subscribe-form input[type="submit"]:hover {

  outline: none;

  text-decoration: none;

  color: #ffffff;

  background-color: #50a2eb;

  border-color: #50a2eb;

}



.subscribe-form input[type="submit"]:disabled,

.subscribe-form input[type="submit"]:disabled[disabled],

.subscribe-form input[type="submit"].disabled {

  cursor: default;

  font-style: normal;

  color: rgba(255, 255, 255, 0.7);

  background-color: rgba(34, 138, 230, 0.7);

  border-color: rgba(34, 138, 230, 0.7);

  padding: 0.55rem 20px;

}



.subscribe-form input[type="submit"]:disabled:hover,

.subscribe-form input[type="submit"]:disabled[disabled]:hover,

.subscribe-form input[type="submit"].disabled:hover {

  color: #ffffff;

}



.subscribe-form input[type="submit"] .button-icon {

  font-size: 1.5em;

  margin-right: 0.25em;

  vertical-align: middle;

}



.v-spacing {

  margin-top: 1rem;

  margin-bottom: 1rem;

}



.v-spacing.medium {

  margin-top: 1.5rem;

  margin-bottom: 1.5rem;

}



.v-spacing.large {

  margin-top: 2rem;

  margin-bottom: 2rem;

}



.full-height-row {

  height: 100%;

}



.no-margin-top {

  margin-top: 0px;

}



.no-margin-bottom {

  margin-bottom: 0px;

}



.space-bottom-large {

  margin-bottom: 4rem;

}



.space-bottom {

  margin-bottom: 2rem;

}



.space-bottom-small,

.sidebar .widget {

  margin-bottom: 1rem;

}



.space-top-large {

  margin-top: 4rem;

}



.space-top {

  margin-top: 2rem;

}



.space-top-small {

  margin-top: 1rem;

}



@media (max-width: 767px) {

  .hide-xs {

    display: none !important;

  }



  .space-bottom-xs-large {

    margin-bottom: 3rem;

  }



  .space-bottom-xs {

    margin-bottom: 1.5rem;

  }



  .space-top-xs-large {

    margin-top: 3rem;

  }



  .space-top-xs {

    margin-top: 1.5rem;

  }

}



div.section-separator-top,

div.section-separator-bottom {

  width: 100%;

  max-width: 100%;

  overflow-x: hidden;

  position: absolute;

  z-index: 0;

  height: 10%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



svg.section-separator-top,

svg.section-separator-bottom {

  display: block;

  margin-left: -1%;

  max-height: 100%;

  width: 102%;

  height: 100%;

}



svg.section-separator-top[data-separator-name*="-negative"] {

  -webkit-transform: rotateX(180deg);

  transform: rotateX(180deg);

}



svg.section-separator-bottom:not([data-separator-name*="-negative"]) {

  -webkit-transform: rotateX(180deg);

          transform: rotateX(180deg);

}



div.section-separator-bottom {

  bottom: 0px;

}



div.section-separator-top {

  top: 0px;

}



.mdi.video-icon {

  color: #ffffff;

  font-size: 4.44rem;

  padding: 0 10px;

}



img.round {

  border-radius: 100%;

}



img.rounded {

  border-radius: 8px;

}



img.desaturate {

  -webkit-filter: grayscale(100%);

          filter: grayscale(100%);

  opacity: 0.6;

  -webkit-transition: 1s all;

  transition: 1s all;

}



img.desaturate:hover {

  -webkit-filter: grayscale(0%);

          filter: grayscale(0%);

  opacity: 1;

}



img.icon {

  font-size: 4.5rem;

  margin-bottom: 1rem;

  width: 4.5rem;

  min-width: 4.5rem;

  height: 4.5rem;

  position: relative;

}



img.icon:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}



img.icon.round {

  border-radius: 100%;

}



img.icon.reverse {

  font-size: 2.25rem;

  color: #ffffff;

}



img.icon.bordered,

img.icon.card[class*="bottom-border-"] {

  border-width: 2px;

  border-style: solid;

  font-size: 2.25rem;

  padding: calc(0.3em - 2px);

}



img.icon.small,

img.icon.comment-meta {

  font-size: 3.375rem;

  margin-bottom: 1rem;

  width: 3.375rem;

  min-width: 3.375rem;

  height: 3.375rem;

  position: relative;

}



img.icon.small:before,

img.icon.comment-meta:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}



img.icon.small.round,

img.icon.round.comment-meta {

  border-radius: 100%;

}



img.icon.small.reverse,

img.icon.reverse.comment-meta {

  font-size: 1.6875rem;

  color: #ffffff;

}



img.icon.small.bordered,

img.icon.small.card[class*="bottom-border-"],

img.icon.card[class*="bottom-border-"].comment-meta,

img.icon.bordered.comment-meta {

  border-width: 2px;

  border-style: solid;

  font-size: 1.6875rem;

  padding: calc(0.3em - 2px);

}



img.icon.big {

  font-size: 5.625rem;

  margin-bottom: 1rem;

  width: 5.625rem;

  min-width: 5.625rem;

  height: 5.625rem;

  position: relative;

}



img.icon.big:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}



img.icon.big.round {

  border-radius: 100%;

}



img.icon.big.reverse {

  font-size: 2.8125rem;

  color: #ffffff;

}



img.icon.big.bordered,

img.icon.big.card[class*="bottom-border-"] {

  border-width: 2px;

  border-style: solid;

  font-size: 2.8125rem;

  padding: calc(0.3em - 2px);

}



img.icon.large {

  font-size: 6.75rem;

  margin-bottom: 1rem;

  width: 6.75rem;

  min-width: 6.75rem;

  height: 6.75rem;

  position: relative;

}



img.icon.large:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}



img.icon.large.round {

  border-radius: 100%;

}



img.icon.large.reverse {

  font-size: 3.375rem;

  color: #ffffff;

}



img.icon.large.bordered,

img.icon.large.card[class*="bottom-border-"] {

  border-width: 2px;

  border-style: solid;

  font-size: 3.375rem;

  padding: calc(0.3em - 2px);

}



img.icon.bordered,

img.icon.card[class*="bottom-border-"] {

  border-width: 4px;

  padding: 0;

}



i.mdi {

  -webkit-font-feature-settings: 'liga';

  -webkit-font-smoothing: antialiased;

  line-height: 1;

  display: inline-block;

  text-align: center;

}



i.mdi.icon {

  font-size: 4.5rem;

  margin-bottom: 1rem;

  width: 4.5rem;

  min-width: 4.5rem;

  height: 4.5rem;

  position: relative;

}



i.mdi.icon:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}



i.mdi.icon.round {

  border-radius: 100%;

}



i.mdi.icon.reverse {

  font-size: 2.25rem;

  color: #ffffff;

}



i.mdi.icon.bordered,

i.mdi.icon.card[class*="bottom-border-"] {

  border-width: 2px;

  border-style: solid;

  font-size: 2.25rem;

  padding: calc(0.3em - 2px);

}



i.mdi.icon.small,

i.mdi.icon.comment-meta {

  font-size: 3.375rem;

  margin-bottom: 1rem;

  width: 3.375rem;

  min-width: 3.375rem;

  height: 3.375rem;

  position: relative;

}



i.mdi.icon.small:before,

i.mdi.icon.comment-meta:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}



i.mdi.icon.small.round,

i.mdi.icon.round.comment-meta {

  border-radius: 100%;

}



i.mdi.icon.small.reverse,

i.mdi.icon.reverse.comment-meta {

  font-size: 1.6875rem;

  color: #ffffff;

}



i.mdi.icon.small.bordered,

i.mdi.icon.small.card[class*="bottom-border-"],

i.mdi.icon.card[class*="bottom-border-"].comment-meta,

i.mdi.icon.bordered.comment-meta {

  border-width: 2px;

  border-style: solid;

  font-size: 1.6875rem;

  padding: calc(0.3em - 2px);

}



i.mdi.icon.big {

  font-size: 5.625rem;

  margin-bottom: 1rem;

  width: 5.625rem;

  min-width: 5.625rem;

  height: 5.625rem;

  position: relative;

}



i.mdi.icon.big:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}



i.mdi.icon.big.round {

  border-radius: 100%;

}



i.mdi.icon.big.reverse {

  font-size: 2.8125rem;

  color: #ffffff;

}



i.mdi.icon.big.bordered,

i.mdi.icon.big.card[class*="bottom-border-"] {

  border-width: 2px;

  border-style: solid;

  font-size: 2.8125rem;

  padding: calc(0.3em - 2px);

}



i.mdi.icon.large {

  font-size: 6.75rem;

  margin-bottom: 1rem;

  width: 6.75rem;

  min-width: 6.75rem;

  height: 6.75rem;

  position: relative;

}



i.mdi.icon.large:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateX(-50%) translateY(-50%);

          transform: translateX(-50%) translateY(-50%);

}



i.mdi.icon.large.round {

  border-radius: 100%;

}



i.mdi.icon.large.reverse {

  font-size: 3.375rem;

  color: #ffffff;

}



i.mdi.icon.large.bordered,

i.mdi.icon.large.card[class*="bottom-border-"] {

  border-width: 2px;

  border-style: solid;

  font-size: 3.375rem;

  padding: calc(0.3em - 2px);

}



i.mdi.icon.reverse {

  background-color: #228ae6;

}



i.mdi.icon.bordered,

i.mdi.icon.card[class*="bottom-border-"] {

  border-color: #228ae6;

}



.content-section i.mdi:not(.icon) {

  font-size: 1.6rem;

}



a.icon-link {

  text-decoration: none;

  display: inline-block;

}



a.icon-link i.mdi {

  color: inherit;

}



a.icon-link i.mdi.icon {

  display: block;

  border-radius: 100%;

  margin-right: 0.5rem;

  margin-bottom: 0;

}



.top-right-triangle {

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 70px 70px 0;

  border-color: transparent;

  display: inline-block;

  position: relative;

}



.top-right-triangle.color1 {

  border-right-color: #228ae6;

}



.top-right-triangle.color2 {

  border-right-color: #fa5252;

}



.top-right-triangle.color3 {

  border-right-color: #82c91e;

}



.top-right-triangle.color4 {

  border-right-color: #fab005;

}



.top-right-triangle.color5 {

  border-right-color: #fab005;

}



.top-right-triangle i.mdi {

  position: absolute;

  top: 13px;

  right: -58px;

  color: #ffffff;

}



.top-right-triangle {

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0px 70px 70px 0px;

  border-color: transparent;

  display: inline-block;

  position: relative;

}



.top-right-triangle.color1 {

  border-right-color: #228ae6;

}



.top-right-triangle.color2 {

  border-right-color: #fa5252;

}



.top-right-triangle.color3 {

  border-right-color: #82c91e;

}



.top-right-triangle.color4 {

  border-right-color: #fab005;

}



.top-right-triangle.color5 {

  border-right-color: #fab005;

}



.top-right-triangle i.mdi {

  position: absolute;

  top: 8.75px;

  right: -66.66666667px;

  color: #ffffff;

}



.top-right-triangle.small,

.top-right-triangle.comment-meta {

  border-width: 0px 35px 35px 0px;

}



.top-right-triangle.small i.mdi,

.top-right-triangle.comment-meta i.mdi {

  top: 5.83333333px;

  right: -30.17241379px;

}



.bottom-right-triangle {

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0px 0px 70px 70px;

  border-color: transparent;

  display: inline-block;

  position: relative;

}



.bottom-right-triangle.color1 {

  border-bottom-color: #228ae6;

}



.bottom-right-triangle.color2 {

  border-bottom-color: #fa5252;

}



.bottom-right-triangle.color3 {

  border-bottom-color: #82c91e;

}



.bottom-right-triangle.color4 {

  border-bottom-color: #fab005;

}



.bottom-right-triangle.color5 {

  border-bottom-color: #fab005;

}



.bottom-right-triangle i.mdi {

  position: absolute;

  top: 8.75px;

  right: -66.66666667px;

  color: #ffffff;

}



.bottom-right-triangle.small,

.bottom-right-triangle.comment-meta {

  border-width: 0px 0px 35px 35px;

}



.bottom-right-triangle.small i.mdi,

.bottom-right-triangle.comment-meta i.mdi {

  top: 5.83333333px;

  right: -30.17241379px;

}



.top-left-triangle {

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 70px 70px 0px 0px;

  border-color: transparent;

  display: inline-block;

  position: relative;

}



.top-left-triangle.color1 {

  border-top-color: #228ae6;

}



.top-left-triangle.color2 {

  border-top-color: #fa5252;

}



.top-left-triangle.color3 {

  border-top-color: #82c91e;

}



.top-left-triangle.color4 {

  border-top-color: #fab005;

}



.top-left-triangle.color5 {

  border-top-color: #fab005;

}



.top-left-triangle i.mdi {

  position: absolute;

  top: 8.75px;

  right: -66.66666667px;

  color: #ffffff;

}



.top-left-triangle.small,

.top-left-triangle.comment-meta {

  border-width: 35px 35px 0px 0px;

}



.top-left-triangle.small i.mdi,

.top-left-triangle.comment-meta i.mdi {

  top: 5.83333333px;

  right: -30.17241379px;

}



.materialis-latest-news div.negative-margin {

  margin-left: -0.5rem;

}



.materialis-latest-news .latest-news-layout-overlap .post-content-body h1,

.materialis-latest-news .latest-news-layout-overlap .post-content-body h2,

.materialis-latest-news .latest-news-layout-overlap .post-content-body h3,

.materialis-latest-news .latest-news-layout-overlap .post-content-body h4,

.materialis-latest-news .latest-news-layout-overlap .post-content-body h5,

.materialis-latest-news .latest-news-layout-overlap .post-content-body h6,

.materialis-latest-news .mdc-card .post-content-body h1,

.materialis-latest-news .mdc-card .post-content-body h2,

.materialis-latest-news .mdc-card .post-content-body h3,

.materialis-latest-news .mdc-card .post-content-body h4,

.materialis-latest-news .mdc-card .post-content-body h5,

.materialis-latest-news .mdc-card .post-content-body h6 {

  color: #54617A;

}



.materialis-latest-news .latest-news-layout-overlap .post-content-body p,

.materialis-latest-news .latest-news-layout-overlap .post-content-body span,

.materialis-latest-news .mdc-card .post-content-body p,

.materialis-latest-news .mdc-card .post-content-body span {

  color: #8D99AE;

}



.materialis-latest-news .latest-news-item-meta.after-title i.mdi {

  line-height: 1;

  vertical-align: middle;

  padding: 0;

  margin-top: -0.45rem;

}



.materialis-latest-news .latest-news-item-meta.after-title a {

  padding: 0px 6px;

}



.materialis-latest-news .latest-news-layout-list {

  display: -webkit-box;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-direction: normal;

  -webkit-box-orient: vertical;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100%;

}



.materialis-latest-news .latest-news-layout-list .post-content-body {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}



@media (max-width: 1024px) {

  .materialis-latest-news .mdc-card__actions {

    -ms-flex-flow: wrap;

    flex-flow: wrap;

  }



  .materialis-latest-news .mdc-card__actions .mdc-card__action-icons,

  .materialis-latest-news .mdc-card__actions .mdc-card__action-buttons {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -moz-justify-content: center;

    justify-content: center;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    max-width: 100%;

    text-align: center;

  }



  .materialis-latest-news .mdc-card__actions .mdc-card__action-icons {

    -ms-flex-flow: wrap;

    flex-flow: wrap;

  }



  .materialis-latest-news .mdc-card__actions .mdc-card__action-buttons {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    max-width: 100%;

  }

}



.materialis-latest-news .latest-news-layout-overlap {

  position: relative;

}



.materialis-latest-news .latest-news-layout-overlap .background-image {

  top: 0;

  left: 0;

  width: 100%;

  padding-top: 180%;

  overflow: hidden;

  z-index: 1;

  position: relative;

}



@media (max-width: 1023px) {

  .materialis-latest-news .latest-news-layout-overlap .background-image {

    padding-top: 200%;

  }

}



.materialis-latest-news .latest-news-layout-overlap .background-image img {

  position: absolute;

  top: -10%;

  left: -10%;

  height: 110%;

  max-width: unset;

  width: auto;

}



.materialis-latest-news .latest-news-layout-overlap .post-content-body {

  position: absolute;

  bottom: 0px;

  left: 0;

  z-index: 2;

  width: 90%;

}



.materialis-latest-news .elevate-image .post-list-item-thumb img {

  -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);

}



.materialis-latest-news .mdc-card,

.materialis-latest-news .card {

  height: 100%;

}



.materialis-latest-news .mdc-card .post-content-body,

.materialis-latest-news .card .post-content-body {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}



.materialis-latest-news .mdc-card .button.link,

.materialis-latest-news .card .button.link {

  margin-left: -8px;

  font-size: 16px;

  text-transform: capitalize;

}



.materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link,

.materialis-latest-news .card .mdc-card__action-icons .post-footer-link {

  margin-right: 10px;

}



.materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link > i,

.materialis-latest-news .card .mdc-card__action-icons .post-footer-link > i {

  padding: 0;

  vertical-align: middle;

}



.materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link > .post-footer-value,

.materialis-latest-news .card .mdc-card__action-icons .post-footer-link > .post-footer-value {

  color: rgba(0, 0, 0, 0.38);

  vertical-align: middle;

}



.materialis-latest-news .mdc-card .mdc-card__action-buttons,

.materialis-latest-news .card .mdc-card__action-buttons {

  margin-left: auto;

}



.materialis-latest-news .mdc-card .mdc-card__action-buttons .button.link,

.materialis-latest-news .card .mdc-card__action-buttons .button.link {

  font-size: 14px;

  text-transform: uppercase;

}



[data-section-ov],

[data-ovid] {

  position: relative;

}



[data-section-ov] > *,

[data-ovid] > * {

  z-index: 1;

  position: relative;

}



[data-section-ov]:before,

[data-ovid]:before {

  position: absolute;

  display: block;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  z-index: 0;

}



.col-relative {

  position: relative;

}



.col-padding {

  padding: 2rem;

}



.col-padding-top {

  padding-top: 2rem;

}



.col-padding-bottom {

  padding-top: 2rem;

}



.col-padding-small {

  padding: 1rem;

}



.col-no-padding {

  padding: 0;

}



.col-no-padding-bottom {

  padding-bottom: 0;

}



.col-no-padding-top {

  padding-top: 0;

}



.no-gutter-col {

  padding-left: 0px;

  padding-right: 0px;

}



.no-padding {

  padding: 0px;

}



.no-padding-top {

  padding-top: 0px;

}



.no-padding-bottom {

  padding-bottom: 0px;

}



.no-padding-left {

  padding-left: 0px;

}



.box-padding-tb-medium {

  padding-top: 40px;

  padding-bottom: 40px;

}



.box-padding-tb-small {

  padding-top: 22px;

  padding-bottom: 22px;

}



.box-padding-lr-small {

  padding-left: 28px;

  padding-right: 28px;

}



.box-padding-lr-medium {

  padding-left: 40px;

  padding-right: 40px;

}



@media (min-width: 768px) {

  .col-sm-padding-medium {

    padding-left: 5%;

    padding-right: 5%;

    padding-top: 3rem;

    padding-bottom: 3rem;

  }



  .col-sm-padding-large {

    padding-left: 10%;

    padding-right: 10%;

    padding-top: 6rem;

    padding-bottom: 6rem;

  }

}



@media (max-width: 767px) {

  .col-padding-xs {

    padding: 2rem;

  }



  .col-padding-small-xs {

    padding: 1rem;

  }

}



.row.spaced-cols {

  margin-bottom: -30px;

}



.row.spaced-cols.space-bottom {

  margin-bottom: 0px;

}



.spaced-cols > div {

  margin-bottom: 30px;

}



.full-col-left-padding {

  padding-left: 8%;

}



.full-col-right-padding {

  padding-right: 8%;

}



.full-title-col {

  margin: auto;

}



.gridContainer .full-col-left-padding,

.gridContainer .full-col-right-padding {

  padding-left: 15px;

  padding-right: 15px;

}



.section-title-col {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-box-flex: 0;

  -moz-flex-grow: 0;

  -ms-flex-positive: 0;

  flex-grow: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  padding-right: 15px;

  padding-left: 15px;

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

  max-width: 100%;

  max-width: 100%;

  text-align: center;

  margin: auto;

}



.section-title-col > *:last-child:not(.button) {

  margin-bottom: 1.5rem;

}



@media (min-width: 768px) {

  .section-title-col {

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-box-flex: 0;

    -moz-flex-grow: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    padding-right: 15px;

    padding-left: 15px;

    -ms-flex-preferred-size: 83.33333333%;

    flex-basis: 83.33333333%;

    max-width: 83.33333333%;

  }



  .section-title-col > *:last-child:not(.button) {

    margin-bottom: 2rem;

  }

}



@media (min-width: 1228px) {

  .section-title-col {

    max-width: 65%;

  }



  .section-title-col.large {

    max-width: 82.5%;

  }

}



.white-text p:not([class*=color]),

.white-text h1:not([class*=color]),

.white-text h2:not([class*=color]),

.white-text h3:not([class*=color]),

.white-text h4:not([class*=color]),

.white-text h5:not([class*=color]),

.white-text h6:not([class*=color]),

.white-text i:not([class*=color]),

.white-text .section-title-col p:not([class*=color]),

.white-text .section-title-col h1:not([class*=color]),

.white-text .section-title-col h2:not([class*=color]),

.white-text .section-title-col h3:not([class*=color]),

.white-text .section-title-col h4:not([class*=color]),

.white-text .section-title-col h5:not([class*=color]),

.white-text .section-title-col h6:not([class*=color]),

.white-text .section-title-col i:not([class*=color]) {

  color: #ffffff;

}



.section-title-col-white-text .section-title-col p:not([class*=color]),

.section-title-col-white-text .section-title-col h1:not([class*=color]),

.section-title-col-white-text .section-title-col h2:not([class*=color]),

.section-title-col-white-text .section-title-col h3:not([class*=color]),

.section-title-col-white-text .section-title-col h4:not([class*=color]),

.section-title-col-white-text .section-title-col h5:not([class*=color]),

.section-title-col-white-text .section-title-col h6:not([class*=color]),

.section-title-col-white-text .section-title-col i:not([class*=color]) {

  color: #ffffff;

}



.section-title-col-white-text .use-section-text-color > p:not([class*=color]),

.section-title-col-white-text .use-section-text-color > h1:not([class*=color]),

.section-title-col-white-text .use-section-text-color > h2:not([class*=color]),

.section-title-col-white-text .use-section-text-color > h3:not([class*=color]),

.section-title-col-white-text .use-section-text-color > h4:not([class*=color]),

.section-title-col-white-text .use-section-text-color > h5:not([class*=color]),

.section-title-col-white-text .use-section-text-color > h6:not([class*=color]),

.section-title-col-white-text .use-section-text-color > i:not([class*=color]),

.section-title-col-white-text .use-section-text-color :not(.dark-text) p:not([class*=color]),

.section-title-col-white-text .use-section-text-color :not(.dark-text) h1:not([class*=color]),

.section-title-col-white-text .use-section-text-color :not(.dark-text) h2:not([class*=color]),

.section-title-col-white-text .use-section-text-color :not(.dark-text) h3:not([class*=color]),

.section-title-col-white-text .use-section-text-color :not(.dark-text) h4:not([class*=color]),

.section-title-col-white-text .use-section-text-color :not(.dark-text) h5:not([class*=color]),

.section-title-col-white-text .use-section-text-color :not(.dark-text) h6:not([class*=color]),

.section-title-col-white-text .use-section-text-color :not(.dark-text) i:not([class*=color]) {

  color: #ffffff;

}



.dark-text p:not([class*=color]),

.dark-text h1:not([class*=color]),

.dark-text h2:not([class*=color]),

.dark-text h3:not([class*=color]),

.dark-text h4:not([class*=color]),

.dark-text h5:not([class*=color]),

.dark-text h6:not([class*=color]),

.dark-text i:not([class*=color]),

.dark-text .section-title-col p:not([class*=color]),

.dark-text .section-title-col h1:not([class*=color]),

.dark-text .section-title-col h2:not([class*=color]),

.dark-text .section-title-col h3:not([class*=color]),

.dark-text .section-title-col h4:not([class*=color]),

.dark-text .section-title-col h5:not([class*=color]),

.dark-text .section-title-col h6:not([class*=color]),

.dark-text .section-title-col i:not([class*=color]) {

  color: #4a4a4a;

}



.section-title-col-dark-text .section-title-col p:not([class*=color]),

.section-title-col-dark-text .section-title-col h1:not([class*=color]),

.section-title-col-dark-text .section-title-col h2:not([class*=color]),

.section-title-col-dark-text .section-title-col h3:not([class*=color]),

.section-title-col-dark-text .section-title-col h4:not([class*=color]),

.section-title-col-dark-text .section-title-col h5:not([class*=color]),

.section-title-col-dark-text .section-title-col h6:not([class*=color]),

.section-title-col-dark-text .section-title-col i:not([class*=color]) {

  color: #4a4a4a;

}



.section-title-col-dark-text .use-section-text-color > p:not([class*=color]),

.section-title-col-dark-text .use-section-text-color > h1:not([class*=color]),

.section-title-col-dark-text .use-section-text-color > h2:not([class*=color]),

.section-title-col-dark-text .use-section-text-color > h3:not([class*=color]),

.section-title-col-dark-text .use-section-text-color > h4:not([class*=color]),

.section-title-col-dark-text .use-section-text-color > h5:not([class*=color]),

.section-title-col-dark-text .use-section-text-color > h6:not([class*=color]),

.section-title-col-dark-text .use-section-text-color > i:not([class*=color]),

.section-title-col-dark-text .use-section-text-color :not(.white-text) p:not([class*=color]),

.section-title-col-dark-text .use-section-text-color :not(.white-text) h1:not([class*=color]),

.section-title-col-dark-text .use-section-text-color :not(.white-text) h2:not([class*=color]),

.section-title-col-dark-text .use-section-text-color :not(.white-text) h3:not([class*=color]),

.section-title-col-dark-text .use-section-text-color :not(.white-text) h4:not([class*=color]),

.section-title-col-dark-text .use-section-text-color :not(.white-text) h5:not([class*=color]),

.section-title-col-dark-text .use-section-text-color :not(.white-text) h6:not([class*=color]),

.section-title-col-dark-text .use-section-text-color :not(.white-text) i:not([class*=color]) {

  color: #4a4a4a;

}



@media (min-width: 768px) {

  div.content-left-sm {

    text-align: left;

  }



  div.content-left-sm h1,

  div.content-left-sm h2,

  div.content-left-sm h3,

  div.content-left-sm h4,

  div.content-left-sm h5,

  div.content-left-sm h6,

  div.content-left-sm p,

  div.content-left-sm img {

    margin-left: 0;

    margin-right: auto;

    text-align: left;

  }



  div.content-left-sm .icon {

    margin-left: 0;

    margin-right: auto;

  }



  div.content-center-sm {

    text-align: center;

  }



  div.content-center-sm h1,

  div.content-center-sm h2,

  div.content-center-sm h3,

  div.content-center-sm h4,

  div.content-center-sm h5,

  div.content-center-sm h6,

  div.content-center-sm p,

  div.content-center-sm img,

  div.content-center-sm [data-type="group"] {

    text-align: center;

    margin-left: auto;

    margin-right: auto;

  }



  div.content-center-sm .icon,

  div.content-center-sm img {

    margin-left: auto;

    margin-right: auto;

    text-align: center;

  }



  div.content-right-sm {

    text-align: right;

  }



  div.content-right-sm h1,

  div.content-right-sm h2,

  div.content-right-sm h3,

  div.content-right-sm h4,

  div.content-right-sm h5,

  div.content-right-sm h6,

  div.content-right-sm p,

  div.content-right-sm img,

  div.content-right-sm [data-type="group"] {

    margin-right: 0;

    margin-left: auto;

    text-align: right;

  }



  div.content-right-sm .icon {

    margin-right: 0;

    margin-left: auto;

  }

}



@-webkit-keyframes per-column-not-rendering {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@keyframes per-column-not-rendering {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



@media (max-width: 767px) {

  .cols-border-between div.col-xs-1 {

    border-right: 1px solid #228ae6;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-border-between div.col-xs-1 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-border-between div.col-xs-1:nth-of-type(12n) {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-1:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-2 {

    border-right: 1px solid #228ae6;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-border-between div.col-xs-2 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-border-between div.col-xs-2:nth-of-type(6n) {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-2:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-3 {

    border-right: 1px solid #228ae6;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-border-between div.col-xs-3 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-border-between div.col-xs-3:nth-of-type(4n) {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-3:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-4 {

    border-right: 1px solid #228ae6;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-border-between div.col-xs-4 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-border-between div.col-xs-4:nth-of-type(3n) {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-4:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-6 {

    border-right: 1px solid #228ae6;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-border-between div.col-xs-6 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-border-between div.col-xs-6:nth-of-type(2n) {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-6:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-12 {

    border-right: 1px solid #228ae6;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-border-between div.col-xs-12 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-border-between div.col-xs-12:nth-of-type(1n) {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-12:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-xs-12 {

    border-right: none;

    border-bottom: 1px solid #228ae6;

  }



  .cols-separator-between div.col-xs-1 {

    position: relative;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-separator-between div.col-xs-1 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-separator-between div.col-xs-1:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-xs-1:nth-of-type(12n):after {

    display: none;

  }



  .cols-separator-between div.col-xs-1:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-xs-2 {

    position: relative;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-separator-between div.col-xs-2 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-separator-between div.col-xs-2:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-xs-2:nth-of-type(6n):after {

    display: none;

  }



  .cols-separator-between div.col-xs-2:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-xs-3 {

    position: relative;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-separator-between div.col-xs-3 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-separator-between div.col-xs-3:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-xs-3:nth-of-type(4n):after {

    display: none;

  }



  .cols-separator-between div.col-xs-3:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-xs-4 {

    position: relative;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-separator-between div.col-xs-4 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-separator-between div.col-xs-4:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-xs-4:nth-of-type(3n):after {

    display: none;

  }



  .cols-separator-between div.col-xs-4:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-xs-6 {

    position: relative;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-separator-between div.col-xs-6 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-separator-between div.col-xs-6:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-xs-6:nth-of-type(2n):after {

    display: none;

  }



  .cols-separator-between div.col-xs-6:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-xs-12 {

    position: relative;

  }

}



@media (max-width: 767px) and (min-width: 768px) {

  .cols-separator-between div.col-xs-12 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (max-width: 767px) {

  .cols-separator-between div.col-xs-12:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-xs-12:nth-of-type(1n):after {

    display: none;

  }



  .cols-separator-between div.col-xs-12:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-xs-12:after {

    display: block !important;

    background: #228ae6;

    height: 1px;

    width: 100%;

    top: auto;

    left: 0;

    bottom: 0;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-border-between div.col-sm-1 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-border-between div.col-sm-1 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-border-between div.col-sm-1:nth-of-type(12n) {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-1:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-2 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-border-between div.col-sm-2 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-border-between div.col-sm-2:nth-of-type(6n) {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-2:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-3 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-border-between div.col-sm-3 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-border-between div.col-sm-3:nth-of-type(4n) {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-3:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-4 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-border-between div.col-sm-4 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-border-between div.col-sm-4:nth-of-type(3n) {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-4:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-6,

  .cols-border-between .post-comments .navigation div.prev-posts,

  .post-comments .navigation .cols-border-between div.prev-posts,

  .cols-border-between

  .post-comments .navigation div.next-posts,

  .post-comments .navigation .cols-border-between div.next-posts {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-border-between div.col-sm-6,

  .cols-border-between .post-comments .navigation div.prev-posts,

  .post-comments .navigation .cols-border-between div.prev-posts,

  .cols-border-between

  .post-comments .navigation div.next-posts,

  .post-comments .navigation .cols-border-between div.next-posts {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-border-between div.col-sm-6:nth-of-type(2n),

  .cols-border-between .post-comments .navigation div.prev-posts:nth-of-type(2n),

  .post-comments .navigation .cols-border-between div.prev-posts:nth-of-type(2n),

  .cols-border-between

  .post-comments .navigation div.next-posts:nth-of-type(2n),

  .post-comments .navigation .cols-border-between div.next-posts:nth-of-type(2n) {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-6:last-of-type,

  .cols-border-between .post-comments .navigation div.prev-posts:last-of-type,

  .post-comments .navigation .cols-border-between div.prev-posts:last-of-type,

  .cols-border-between

  .post-comments .navigation div.next-posts:last-of-type,

  .post-comments .navigation .cols-border-between div.next-posts:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-12 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-border-between div.col-sm-12 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-border-between div.col-sm-12:nth-of-type(1n) {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-12:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-sm-12 {

    border-right: none;

    border-bottom: 1px solid #228ae6;

  }



  .cols-separator-between div.col-sm-1 {

    position: relative;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-separator-between div.col-sm-1 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-separator-between div.col-sm-1:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-sm-1:nth-of-type(12n):after {

    display: none;

  }



  .cols-separator-between div.col-sm-1:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-sm-2 {

    position: relative;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-separator-between div.col-sm-2 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-separator-between div.col-sm-2:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-sm-2:nth-of-type(6n):after {

    display: none;

  }



  .cols-separator-between div.col-sm-2:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-sm-3 {

    position: relative;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-separator-between div.col-sm-3 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-separator-between div.col-sm-3:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-sm-3:nth-of-type(4n):after {

    display: none;

  }



  .cols-separator-between div.col-sm-3:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-sm-4 {

    position: relative;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-separator-between div.col-sm-4 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-separator-between div.col-sm-4:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-sm-4:nth-of-type(3n):after {

    display: none;

  }



  .cols-separator-between div.col-sm-4:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-sm-6,

  .cols-separator-between .post-comments .navigation div.prev-posts,

  .post-comments .navigation .cols-separator-between div.prev-posts,

  .cols-separator-between

  .post-comments .navigation div.next-posts,

  .post-comments .navigation .cols-separator-between div.next-posts {

    position: relative;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-separator-between div.col-sm-6,

  .cols-separator-between .post-comments .navigation div.prev-posts,

  .post-comments .navigation .cols-separator-between div.prev-posts,

  .cols-separator-between

  .post-comments .navigation div.next-posts,

  .post-comments .navigation .cols-separator-between div.next-posts {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-separator-between div.col-sm-6:after,

  .cols-separator-between .post-comments .navigation div.prev-posts:after,

  .post-comments .navigation .cols-separator-between div.prev-posts:after,

  .cols-separator-between

  .post-comments .navigation div.next-posts:after,

  .post-comments .navigation .cols-separator-between div.next-posts:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-sm-6:nth-of-type(2n):after,

  .cols-separator-between .post-comments .navigation div.prev-posts:nth-of-type(2n):after,

  .post-comments .navigation .cols-separator-between div.prev-posts:nth-of-type(2n):after,

  .cols-separator-between

  .post-comments .navigation div.next-posts:nth-of-type(2n):after,

  .post-comments .navigation .cols-separator-between div.next-posts:nth-of-type(2n):after {

    display: none;

  }



  .cols-separator-between div.col-sm-6:last-of-type:after,

  .cols-separator-between .post-comments .navigation div.prev-posts:last-of-type:after,

  .post-comments .navigation .cols-separator-between div.prev-posts:last-of-type:after,

  .cols-separator-between

  .post-comments .navigation div.next-posts:last-of-type:after,

  .post-comments .navigation .cols-separator-between div.next-posts:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-sm-12 {

    position: relative;

  }

}



@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {

  .cols-separator-between div.col-sm-12 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .cols-separator-between div.col-sm-12:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-sm-12:nth-of-type(1n):after {

    display: none;

  }



  .cols-separator-between div.col-sm-12:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-sm-12:after {

    display: block !important;

    background: #228ae6;

    height: 1px;

    width: 100%;

    top: auto;

    left: 0;

    bottom: 0;

  }

}



@media (min-width: 1024px) {

  .cols-border-between div.col-md-1 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-border-between div.col-md-1 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-border-between div.col-md-1:nth-of-type(12n) {

    border-right: transparent;

  }



  .cols-border-between div.col-md-1:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-md-2 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-border-between div.col-md-2 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-border-between div.col-md-2:nth-of-type(6n) {

    border-right: transparent;

  }



  .cols-border-between div.col-md-2:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-md-3 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-border-between div.col-md-3 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-border-between div.col-md-3:nth-of-type(4n) {

    border-right: transparent;

  }



  .cols-border-between div.col-md-3:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-md-4 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-border-between div.col-md-4 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-border-between div.col-md-4:nth-of-type(3n) {

    border-right: transparent;

  }



  .cols-border-between div.col-md-4:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-md-6 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-border-between div.col-md-6 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-border-between div.col-md-6:nth-of-type(2n) {

    border-right: transparent;

  }



  .cols-border-between div.col-md-6:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-md-12 {

    border-right: 1px solid #228ae6;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-border-between div.col-md-12 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-border-between div.col-md-12:nth-of-type(1n) {

    border-right: transparent;

  }



  .cols-border-between div.col-md-12:last-of-type {

    border-right: transparent;

  }



  .cols-border-between div.col-md-12 {

    border-right: none;

    border-bottom: 1px solid #228ae6;

  }



  .cols-separator-between div.col-md-1 {

    position: relative;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-separator-between div.col-md-1 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-separator-between div.col-md-1:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-md-1:nth-of-type(12n):after {

    display: none;

  }



  .cols-separator-between div.col-md-1:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-md-2 {

    position: relative;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-separator-between div.col-md-2 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-separator-between div.col-md-2:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-md-2:nth-of-type(6n):after {

    display: none;

  }



  .cols-separator-between div.col-md-2:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-md-3 {

    position: relative;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-separator-between div.col-md-3 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-separator-between div.col-md-3:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-md-3:nth-of-type(4n):after {

    display: none;

  }



  .cols-separator-between div.col-md-3:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-md-4 {

    position: relative;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-separator-between div.col-md-4 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-separator-between div.col-md-4:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-md-4:nth-of-type(3n):after {

    display: none;

  }



  .cols-separator-between div.col-md-4:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-md-6 {

    position: relative;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-separator-between div.col-md-6 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-separator-between div.col-md-6:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-md-6:nth-of-type(2n):after {

    display: none;

  }



  .cols-separator-between div.col-md-6:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-md-12 {

    position: relative;

  }

}



@media (min-width: 1024px) and (min-width: 768px) {

  .cols-separator-between div.col-md-12 {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media (min-width: 1024px) {

  .cols-separator-between div.col-md-12:after {

    background: #228ae6;

    content: "";

    display: block;

    height: 90%;

    position: absolute;

    right: 0;

    top: 5%;

    width: 1px;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    -webkit-animation-name: per-column-not-rendering;

            animation-name: per-column-not-rendering;

    -webkit-animation-duration: 0.1s;

            animation-duration: 0.1s;

  }



  .cols-separator-between div.col-md-12:nth-of-type(1n):after {

    display: none;

  }



  .cols-separator-between div.col-md-12:last-of-type:after {

    display: none;

  }



  .cols-separator-between div.col-md-12:after {

    display: block !important;

    background: #228ae6;

    height: 1px;

    width: 100%;

    top: auto;

    left: 0;

    bottom: 0;

  }

}



.contact-form-wrapper {

  text-align: center;

}



.contact-form-wrapper select,

.contact-form-wrapper textarea {

  resize: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.contact-form-wrapper textarea {

  min-height: 180px;

  height: 180px;

  min-width: 100%;

  max-width: 100%;

  overflow: auto;

}



.contact-form-wrapper .mdc-text-field--invalid .wpcf7-form-control-wrap,

.contact-form-wrapper .mdc-text-field--focused .wpcf7-form-control-wrap {

  display: block;

  width: 100%;

  white-space: nowrap;

}



.contact-form-wrapper .mdc-text-field--invalid .wpcf7-form-control-wrap .wpcf7-not-valid-tip,

.contact-form-wrapper .mdc-text-field--focused .wpcf7-form-control-wrap .wpcf7-not-valid-tip {

  position: absolute;

  top: -0.5em;

}



.contact-form-wrapper input[type=submit] {

  height: auto;

  font-family: "Roboto";

  font-size: 0.875rem;

  color: #ffffff;

  background-color: #228ae6;

  border-radius: 4px;

  min-width: 7rem;

  padding: 0.55rem 20px;

  font-weight: 500;

  letter-spacing: 1px;

  text-align: center;

  text-decoration: none;

  cursor: pointer;

  display: inline-block;

  line-height: 40px;

  border: 2px solid #228ae6;

  vertical-align: middle;

  -webkit-appearance: none;

  margin-bottom: 0.875rem;

  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);

          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);

  margin: auto;

  height: auto;

  display: block;

  margin-bottom: 0px;

  line-height: 1.2rem;

  text-transform: uppercase;

}



.contact-form-wrapper input[type=submit] i {

  position: relative;

  top: 1px;

  margin: 0 2px;

}



.contact-form-wrapper input[type=submit]:hover {

  outline: none;

  text-decoration: none;

  color: #ffffff;

  background-color: #50a2eb;

  border-color: #50a2eb;

}



.contact-form-wrapper input[type=submit]:disabled,

.contact-form-wrapper input[type=submit]:disabled[disabled],

.contact-form-wrapper input[type=submit].disabled {

  cursor: default;

  font-style: normal;

  color: rgba(255, 255, 255, 0.7);

  background-color: rgba(34, 138, 230, 0.7);

  border-color: rgba(34, 138, 230, 0.7);

  padding: 0.55rem 20px;

}



.contact-form-wrapper input[type=submit]:disabled:hover,

.contact-form-wrapper input[type=submit]:disabled[disabled]:hover,

.contact-form-wrapper input[type=submit].disabled:hover {

  color: #ffffff;

}



.contact-form-wrapper input[type=submit] .button-icon {

  font-size: 1.5em;

  margin-right: 0.25em;

  vertical-align: middle;

}



@media (min-width: 768px) {

  .contact-form-wrapper input[type=submit] {

    margin-left: auto;

    margin-right: 0;

  }

}



.contact-form-wrapper form {

  margin-top: 0px;

  margin-bottom: 0px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}



.contact-form-wrapper form[class*="wpcf7-"] p {

  width: 100%;

}



.contact-form-wrapper form[class*="wpcf7-"] p .mdc-text-field {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.contact-form-wrapper form[class*="wpcf7-"] p:last-of-type {

  margin-bottom: 0px;

}



.contact-form-wrapper div.wpcf7-validation-errors,

.contact-form-wrapper .wpcf7-response-output[role="alert"] {

  background-color: #ff8066;

  border: none;

  color: #ffffff;

  font-size: .77em;

  padding: 5px 10px;

  margin: 2em 0 1em;

}



.contact-form-wrapper .wpcf7-mail-sent-ok[role="alert"] {

  background-color: #3F464C;

}



.contact-form-wrapper div.wpcf7 .ajax-loader {

  background-color: rgba(255, 255, 255, 0.86);

  background-position: center;

  background-repeat: no-repeat;

  border-radius: 100%;

  display: block;

  height: 32px;

  margin-left: 13px;

  margin-top: -38px;

  pointer-events: none;

  position: absolute;

  -webkit-transition: all .4s;

  transition: all .4s;

  width: 32px;

}



.contact-form-wrapper span.wpcf7-not-valid-tip {

  color: #d60808;

  font-size: 14px;

  font-weight: 600;

  display: block;

}



@media (min-width: 768px) {

  .contact-form-wrapper {

    text-align: left;

  }



  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p .mdc-text-field {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

  }



  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(1),

  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(2) {

    display: block;

    width: 50%;

    max-width: 50%;

  }



  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(3),

  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(4),

  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(5) {

    width: 100%;

  }



  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(3) > div,

  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(4) > div,

  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(5) > div {

    width: 100%;

  }



  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(4) {

    margin-top: 40px;

  }



  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(1) {

    padding-right: 15px;

  }



  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(2) {

    padding-left: 15px;

  }



  .contact-form-wrapper.inline-info form[class*="wpcf7-"] p:nth-of-type(2):after {

    clear: both;

  }

}



.contentswap-effect {

  position: relative;

}



.contentswap-effect .initial-image img {

  display: block;

  margin: 0;

  width: 100%;

  max-width: none;

}



.contentswap-effect .overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0;

  z-index: 1;

}



.contentswap-effect .swap-inner {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  opacity: 0;

}



.contentswap-effect.visible .overlay,

.contentswap-effect:hover .overlay,

.contentswap-effect.hover .overlay {

  opacity: 0.7;

}



.contentswap-effect.visible .swap-inner,

.contentswap-effect:hover .swap-inner,

.contentswap-effect.hover .swap-inner {

  opacity: 1;

}



/** Progressbar */



.progressline {

  width: 100%;

  position: relative;

}



.progressbar {

  width: 100%;

  margin-top: 35px;

  margin-bottom: 25px;

  background-color: #f5f5f5;

}



.progressbar:before,

.progressbar:after {

  content: none;

}



.proggress {

  height: 8px;

  width: 10px;

  background-color: #3498db;

}



.counterText {

  position: absolute;

  left: 15px;

  top: 0;

  margin-top: 10px;

  font-weight: 500;

  color: #54617A;

}



.percentCount {

  position: absolute;

  top: 0;

  right: 15px;

  margin-top: 10px;

  font-weight: 500;

  color: #54617A;

}



.circle-counter {

  position: relative;

}



.circle-counter circle {

  stroke-dashoffset: 0;

  stroke: transparent;

  stroke-width: 4px;

}



.circle-counter .circle-svg {

  position: relative;

  z-index: 0;

  width: 100%;

  border-radius: 100%;

  max-height: none;

  display: block;

  -webkit-transform: rotateZ(-90deg);

          transform: rotateZ(-90deg);

}



.circle-counter .circle-bar {

  stroke-dashoffset: 301.6px;

}



.circle-counter .circle-content {

  position: absolute;

  top: 50%;

  width: 100%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 0px;

  z-index: 1;

  text-align: center;

}



[data-countup]:before {

  display: block;

  content: attr(data-max-computed);

  visibility: hidden;

  height: 0px;

  overflow: hidden;

}



.materialis-google-maps {

  min-height: 400px;

}



iframe.materialis-frame-map {

  width: 100%;

  height: 100%;

  display: block;

}



.materialis-gallery dl,

.materialis-gallery dt,

.materialis-gallery a,

.materialis-gallery img {

  margin-bottom: 0px;

  display: block;

  width: 100%;

}



.materialis-gallery dt a {

  display: block;

  overflow: hidden;

}



.materialis-gallery.captions-enabled dl {

  position: relative;

}



.materialis-gallery.captions-enabled .gallery-caption {

  position: relative;

  z-index: 1;

  width: 100%;

  margin: 0;

  padding: 0.5rem 1rem;

  background-color: #2b2d42;

  color: #ffffff;

  font-size: 0.9rem;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: block;

}



.pricing-featured {

  position: relative;

  z-index: 1;

}



.content-section a.link {

  margin-bottom: 1rem;

}



.content-section div > img:last-child {

  margin-bottom: 0px;

}



.lightbox-video {

  background-position: center;

  background-size: cover;

  min-height: 280px;

}



.lightbox-video.lightbox-video-tall {

  min-height: 400px;

}



.overflow-hidden {

  overflow: hidden;

}



.border-large {

  border-width: 10px;

  border-style: solid;

  border-color: #ffffff;

}



.border-medium {

  border: 5px solid #ffffff;

}



.inner-shadow {

  -webkit-box-shadow: inset 0px 0px 10px rgba(189, 189, 189, 0.4);

          box-shadow: inset 0px 0px 10px rgba(189, 189, 189, 0.4);

}



.content-placeholder-p {

  padding: 80px 20px;

  background: rgba(255, 255, 255, 0.54);

  text-align: center;

  text-transform: uppercase;

  font-weight: bold;

  font-size: 0.8em;

  color: #000000 !important;

  max-width: 80%;

  margin: auto;

}



@media (min-width: 768px) {

  .overlap-left-large,

  .overlap-x-large {

    margin-left: -30%;

  }



  .overlap-right-large {

    margin-right: -30%;

  }

}



[class*="border-color"] {

  border: 2px solid;

}



[class*="border-top-color"] {

  border-top-width: 2px;

  border-top-style: solid;

}



.border-color1 {

  border-color: #228ae6;

}



.border-color2 {

  border-color: #fa5252;

}



.border-color3 {

  border-color: #82c91e;

}



.border-color4 {

  border-color: #fab005;

}



.border-color5 {

  border-color: #7950f2;

}



.border-color6 {

  border-color: #e64980;

}



.border-color-black {

  border-color: #000000;

}



.border-color-white {

  border-color: #ffffff;

}



.white-text {

  color: #ffffff;

}



.dark-text {

  color: #4a4a4a;

}



.social-icons-group a {

  opacity: 0.8;

  -webkit-transition: all .15s;

  transition: all .15s;

}



.social-icons-group a i {

  color: #bdbdbd;

  -webkit-transition: color .15s;

  transition: color .15s;

}



.social-icons-group a:hover {

  opacity: 1;

}



/*Language Switcher START*/



ul.materialis-language-switcher {

  display: inline-block;

  list-style: none;

  margin-left: 0px;

  padding: 0px;

  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);

}



div.materialis-language-switcher li {

  display: none;

}



ul.materialis-language-switcher img {

  width: 18px;

}



.materialis-language-switcher {

  display: none;

}



li.ellipsis:not(.pll-mobile-menu-item) + li.ellipsis.pll-mobile-menu-item {

  margin-top: 20px;

}



li.ellipsis.pll-mobile-menu-item .leaf {

  vertical-align: middle;

  display: inline-block;

}



div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a img,

li.ellipsis.pll-mobile-menu-item img {

  vertical-align: baseline;

  display: inline-block;

  margin-right: 10px;

}



@media only screen and (min-width: 768px) {

  .materialis-language-switcher.after-menu {

    background-color: #ffffff;

    border-radius: 4px 0px 0px 4px;

    right: 0px;

    position: fixed;

    top: 80px;

    display: inline-block;

    z-index: 10000;

  }



  .materialis-language-switcher.after-menu select {

    display: block;

    margin: 10px 10px;

  }



  ul.materialis-language-switcher.after-menu > li {

    display: none;

    float: left;

    padding: 14px 8px;

    font-size: 0px;

    line-height: 0px;

  }



  ul.materialis-language-switcher.after-menu > li.current-lang {

    display: block;

  }



  ul.materialis-language-switcher.after-menu.hover > li,

  ul.materialis-language-switcher.after-menu:hover > li {

    display: block;

  }



  ul.materialis-language-switcher.after-menu span {

    display: none;

  }

}



.post-list-item .mdc-card {

  border-radius: 4px;

  overflow: hidden;

}





h1,

h2,

h3,

h4,

h5,

h6 {

    color: #3c4a62;

    margin: 0 0 15px;

    font-weight: 700;

    line-height: 1.4em;

    text-transform: uppercase;

    position: relative;

}



h2 {

    font-size: 36px;

}





/*--------------------------------------------------------------------------------------

Theme Name: Carries

Theme URI: http://devitfamily.com

Author URI: http://devitfamily.com

Description: 100% Responsive, Highly Customizable, SEO Friendly transportation and Agency Based Template using Twitter Bootstrap Latest, Search Engine Friendly.

Author: OCREATES

Version: 1.0

----------------------------------------------------------------------------------------

   1. BASE CSS

    2. TOP AREA

        2.1. SEARCH AND LANGUAGE

        2.2 MAINMENU AREA

        2.3 WELCOME TEXT AREA

        2.4 WELCOME SLIDER AREA

    3. BLOG AREA

    4. ABOUT AREA

    5. SERVICE AREA

    6. SERVIE BOTTOM AREA

    7. PROMO AREA

    8. PROMO BOTTOM AREA

    9. TESTMONIAL AREA

    10. FOOTER AREA

    11. FAQS AREA

    12. ABOUT DETAILS CONTENT AREA

    13. REPORT AREA

    14. TEAM AERA

    15. SERVICE TWO 

    16. SERVICE THREE

    17. CONTACT AREA

    18. FOOTER AREA

    19. SCROLL TO TOP

    20. WELCOME SLIDER AREA

    21. BLOG PAGE

    22. SERVICE PAGE

    23. 404 ERROR PAGE

----------------------------------------------------------------------------------------*/



/*--------------------

   1. BASE CSS

----------------------*/



@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700');

.alignleft {

    float: left;

    margin-right: 15px;

}



.alignright {

    float: right;

    margin-left: 15px;

}



.aligncenter {

    display: block;

    margin: 0 auto 15px;

}



a {

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



a:focus,

a:hover {

    outline: 0 solid;

    text-decoration: none;

}



ul,

ol {

    margin: 0;

    padding: 0;

    list-style: none;

}



button:focus {

    outline: 0;

}



img {

    max-width: 100%;

    height: auto;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #3c4a62;

    margin: 0 0 15px;

    font-weight: 700;

    line-height: 1.4em;

    text-transform: uppercase;

    position: relative;

}



h2 {

    font-size: 36px;

}



html,

body {

    height: 100%

}



body {

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    line-height: 1.7em;

    font-weight: 400;

    color: #687284;

}



a:hover,

a:focus {

    text-decoration: none;

    outline: 0;

}



a {

    color: #5d6b82;

}



.fix {

    overflow: hidden;

}



.relative {

    position: relative;

    overflow: hidden;

}



.absulute {

    position: absolute;

}



.v-center {

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.content-center {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.flex-v-center {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.social-bookmark li {

    display: inline;

}



.social-bookmark li a {

    background: #d7d7d7 none repeat scroll 0 0;

    border-radius: 50%;

    color: #fff;

    display: inline-block;

    font-size: 16px;

    height: 40px;

    margin: 0 2px;

    padding-top: 9px;

    text-align: center;

    width: 40px;

}



.social-bookmark li a:hover {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

}



.inline li {

    display: inline;

}



.inline-block li {

    display: inline-block;

    padding: 5px 15px;

}



.navbar-toggle {

    border: 2px solid #f39c12;

    border-radius: 0;

}



.navbar-toggle .icon-bar {

    background: #f39c12 none repeat scroll 0 0;

}



.no-margin {

    margin: 0;

}



.no-padding {

    padding: 0;

}



.border {

    border: 1px solid #ddd;

}



.border-left {

    border-left: 1px solid #ddd;

}



.border-right {

    border-right: 1px solid #ddd;

}



.border-top {

    border-top: 1px solid #ddd;

}



.border-bottom {

    border-bottom: 1px solid #ddd;

}





/* Remove Chrome Input Field's Unwanted Yellow Background Color */



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus {

    -webkit-box-shadow: 0 0 0px 1000px white inset !important;

}



.area-title {

    margin-bottom: 50px;

    position: relative;

}



.area-title h2 {

    display: inline-block;

    font-size: 40px;

    letter-spacing: 2px;

    line-height: 1;

    margin-bottom: 30px;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

}



.area-title h2::before,

.area-title h2::after {

    background: rgba(0, 0, 0, 0) url("../img/title-border.png") repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 2px;

    left: 50%;

    position: absolute;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100px;

}



.area-title h2::after {

    background: #f39c12 none repeat scroll 0 0;

    height: 4px;

    width: 20px;

}



.section-padding {

    padding: 100px 0;

}



.padding-top {

    padding-top: 100px;

}



.padding-bottom {

    padding-bottom: 100px;

}



.padding-100-70 {

    padding-top: 100px;

    padding-bottom: 70px;

}



.padding-100-50 {

    padding-top: 100px;

    padding-bottom: 50px;

}



.gray-bg {

    background: #f7f9fc;

}



.deep-gray-bg {

    background: #eff1ff;

}



.dark-bg {

    background: #5d6b82;

    color: #ffffff;

}



.red-bg {

    background: #f39c12;

    color: #ffffff;

}



.blue-bg {

    background: #0083ff;

    color: #ffffff;

}



.soft-blue-bg {

    background: #7db9e8;

    color: #ffffff;

}



.dark-bg .area-title h2 {

    color: #ffffff;

}



/*--------------------------

    2. TOP AREA

---------------------------*/



.top-area {

    height: 100%;

    position: relative;

    width: 100%;

}



.top-area-bg {

    /*background: rgba(0, 0, 0, 0) url("../img/slider/slide_1.jpg") no-repeat scroll center center / cover;*/

    /*height: 100%;*/

   /* left: 0;

    position: absolute;

    top: 0;

    width: 100%;*/

}



.top-area-bg::after {

   /* background: #3c4147;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.9;

    position: absolute;

    top: 0;

    width: 100%;*/

}





/*---------------------------------

    2.1. SEARCH AND LANGUAGE

----------------------------------*/



.search-and-language-bar {

    margin-left: 20px;

    margin-top: 30px;

    position: relative;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;



}



.is-sticky .search-and-language-bar {

    margin-top: 10px;

}



.search-and-language-bar ul li {

    color: #fff;

    cursor: pointer;

    display: inline-block;

    line-height: 1;

    padding: 10px;

}



.search-and-language-bar ul li a {

    color: #fff;

    display: block;

}



.search-box {

    position: relative;

}



.search-form {

    background: #fff none repeat scroll 0 0;

    border-radius: 5px;

    top: 72px;

    height: 60px;

    position: absolute;

    right: 0;

    width: 280px;

    display: none;

}



.is-sticky .search-form {

    top: 50px;

}



.search-form input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;

    border: 1px solid #f39c12;

    color: #333;

    height: 40px;

    left: 11px;

    padding: 10px;

    position: absolute;

    top: 10px;

    width: 77%;

}



.search-form button {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #f39c12;

    color: #f39c12;

    font-size: 20px;

    height: 40px;

    padding: 7px 12px;

    position: absolute;

    right: 10px;

    top: 10px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.search-form button:hover {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

}



.select-language select {

    background: #fff;

    border: 0 none;

    color: #333;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    position: relative;

}



/*---------------------------------

    2.2 MAINMENU AREA

-----------------------------------*/



.header-top-area {

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 999;

}



.mainmenu-area {

    /*border-bottom: 1px solid rgba(13,0,70,0.48);*/

    position: relative;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    z-index: 9999;

}



.navbar-header {

    margin-top: 14px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.navbar {

    border-bottom: 0 none;

    border-top: 0 none;

    margin-bottom: 0;

}



.navbar-brand > img {

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width:70%;

}



.is-sticky .navbar-brand > img {

    max-width: 80%;

}



ul#nav {

    float: right;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



ul#nav li a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #ffffff;

    letter-spacing: 1px;

    padding: 40px 15px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



ul#nav li a:hover,

ul#nav li.active a {

    color: #0D0046;

}



.is-sticky ul#nav li a {

    padding: 20px 15px;

    color: #ffffff;

}



.is-sticky ul#nav li a:hover,

.is-sticky ul#nav li.active a {

    color: #f39c12;

}



.is-sticky .navbar-header {

    margin-top: -2px;

}



.is-sticky .mainmenu-area {

    background: rgba(13,0,70,0.48);;

    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

    z-index: 99999;

}



.menu-toggle.full {

    border: 1px solid;

    height: 40px;

    letter-spacing: 2px;

    padding-top: 8px;

    position: absolute;

    right: 15px;

    text-align: center;

    top: 20px;

    width: 110px;

    color: #f39c12 !important;

}



.is-sticky .menu-toggle.full {

    top: 8px;

}



ul#nav li ul a,

.is-sticky ul#nav li ul a {

    border-bottom: 1px solid #1a1a1a;

    padding: 10px;

    padding-left: 15px;

}



/*-----------------------------------

    2.3 WELCOME TEXT AREA

-------------------------------------*/



.welcome-area {

    color: #ffffff;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-top: 100px;

    width: 100%;

}



.welcome-text h1 {

    color: #ffffff;

    font-size: 60px;

    letter-spacing: 5px;

    line-height: 1.3;

    margin-bottom: 30px;

    text-transform: uppercase;

}



.welcome-text h4 {

    font-size: 20px;

    letter-spacing: 8px;

    text-transform: uppercase;

}



.home-button {

    margin-top: 60px;

    height: auto !important;

}



.home-button a {

    border: 2px solid;

    border-radius: 3px;

    color: #fff;

    letter-spacing: 2px;

    padding: 12px 30px;

    text-transform: uppercase;

}



.home-button a:last-child {

    margin-left: 20px;

}



.home-button a:hover {

    background: #f39c12 none repeat scroll 0 0;

    border-color: #f39c12;

    color: #ffffff;

}



.home-mockup > img {

    max-width: 50%;

}



/*------------------------------

    2.4 WELCOME SLIDER AREA

--------------------------------*/



.welcome-slider-area {

    height: 100%;

    position: relative;

    z-index: 9;

}



.welcome-slider-area.owl-carousel div:not(.owl-controls) {

    height: 100%;

}



.welcome-single-slide {

    z-index: 9;

    position: relative;

}



.welcome-single-slide:before {

    background: #3c4147;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.7;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.welcome-slider-area .welcome-text {

    color: #FFFFFF;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-top: 100px;

}



.welcome-text h4 {

    margin-bottom: 30px;

}



.welcome-text h2 {

    color: #fff;

    line-height: 1;

    margin-bottom: 30px;

}



.welcome-slider-area.home-button {

    height: auto !important;

}



.owl-item.active .welcome-single-slide .welcome-text h1 {

    -webkit-animation: 1s ease 0.5s normal both 1 running fadeInUp;

    animation: 1s ease 0.5s normal both 1 running fadeInUp;

}



.owl-item.active .welcome-single-slide .welcome-text p {

    -webkit-animation: 1s ease 0.8s normal both 1 running fadeInUp;

    animation: 1s ease 0.8s normal both 1 running fadeInUp;

}



.owl-item.active .welcome-single-slide .home-button {

    -webkit-animation: 1s ease 1s normal both 1 running fadeInUp;

    animation: 1s ease 1s normal both 1 running fadeInUp;

}



.slider-bg-one {

    /*background: url(../img/slider/slide_1.jpg) no-repeat scroll center center / cover;*/

}



.slider-bg-two {

    /*background: url(../img/slider/slide_2.jpg) no-repeat scroll center center / cover;*/

}



.slider-bg-three {

    /*background: url(../img/slider/slide_3.jpg) no-repeat scroll center center / cover;*/

}



.welcome-slider-area.owl-carousel .owl-nav > div {

    background: #fff none repeat scroll 0 0;

    display: inline-block;

    font-size: 30px;

    height: 40px;

    margin: 0 5px;

    padding-top: 5px;

    text-align: center;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 40px;

}



.welcome-slider-area.owl-carousel .owl-controls {

    bottom: 7%;

    position: absolute;

    right: 8.4%;

}



.welcome-slider-area.owl-carousel .owl-nav > div:hover {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

}



/* ----------------------------

    3. BLOG AREA

------------------------------ */



.single-blog {

    border-radius: 5px;

    -webkit-box-shadow: 0 3px 7px #ddd;

    box-shadow: 0 3px 7px #ddd;

    overflow: hidden;

}



.blog-details {

    background: #fff none repeat scroll 0 0;

    padding: 30px 20px;

    position: relative;

}



.blog-meta {

    background: #f39c12 none repeat scroll 0 0;

    border-radius: 0 50px 50px 0;

    font-size: 24px;

    height: 50px;

    left: 0;

    position: absolute;

    text-align: center;

    top: -25px;

    width: 70px;

}



.blog-meta a {

    color: #fff;

    display: block;

    height: 100%;

    padding-top: 13px;

    width: 100%;

}



.blog-details h3 {

    font-size: 18px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.read-more {

    background: #5d6b82 none repeat scroll 0 0;

    border-radius: 5px;

    color: #fff;

    display: inline-block;

    height: 40px;

    margin-top: 15px;

    padding: 7px 25px;

    text-align: center;

    width: 140px;

}



.read-more:hover,

.read-more:focus {

    background: #f39c12;

    color: #fff;

}



.blog-details h3 a {

    color: #3c4a62;

}



.blog-details h3 a:hover,

.blog-details h3 a:focus {

    color: #f39c12;

}



/* ----------------------------

    4. ABOUT AREA

------------------------------ */



.quote-form-area {

    background: #eef1f5 none repeat scroll 0 0;

    padding: 30px 20px;

}



.quote-form input {

    margin-bottom: 10px;

}



.quote-form .width-full input {

    border: 0 none;

    padding: 10px;

    width: 100%;

}



.quote-form .width-half input {

    border: 0 none;

    padding: 10px;

    width: 47%;

}



.quote-form textarea {

    border: 0 none;

    height: 120px;

    margin-bottom: 10px;

    padding: 10px;

    width: 100%;

}





.quote-form button {

    background: #5d6b82 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 5px;

    color: #fff;

    letter-spacing: 2px;

    padding: 10px 20px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.quote-form button:hover {

    background: #f39c12;

    color: #fff;

}



.about-content h2 {

    margin-bottom: 30px;

}



.about-content a {

    display: inline-block;

    margin-top: 20px;

}



.about-content a:hover {

    color: #f39c12;

}



.about-content a i {

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.about-content a:hover i {

    padding-left: 10px;

}



.about-count {

    margin-top: 80px;

}



.single-about-count {

    background: #fff none repeat scroll 0 0;

    float: left;

    padding: 30px 20px 20px;

    text-align: center;

    text-transform: capitalize;

    width: 33.33%;

}



.single-about-count h4 {

    color: #f39c12;

    font-size: 24px;

    font-weight: 800;

}



/* -----------------------------

    5. SERVICE AREA

------------------------------- */



.service-content h2 {

    font-size: 32px;

    margin-bottom: 30px;

    padding-bottom: 15px;

    position: relative;

}



.service-content h2::after {

    border-bottom: 1px dashed rgb(243, 156, 18);

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 50px;

}



.service-catalouge-content-area {

    background: rgba(0, 0, 0, 0) url("../img/service/service-cargo-bg.png") no-repeat scroll center center / contain;

    position: relative;

}



.catalouge-content {

    background: rgba(243, 156, 18, 0.9) none repeat scroll 0 0;

    color: #fff;

    padding: 30px;

}



.catalouge-content h3 {

    color: #fff;

    margin-bottom: 30px;

    padding-bottom: 15px;

    position: relative;

}



.catalouge-content h3::after {

    border-bottom: 1px dashed;

    bottom: 0;

    content: "";

    height: 2px;

    left: 0;

    position: absolute;

    width: 50px;

}



.catalouge-content .read-more:hover,

.catalouge-content .read-more:focus {

    background: #fff none repeat scroll 0 0;

    color: #f39c12;

}



.catalouge-content ul {

    margin-top: 40px;

}



.catalouge-content ul li {

    margin-bottom: 15px;

}



.catalouge-content ul li i {

    margin-right: 15px;

}



/* ---------------------------

    6. SERVIE BOTTOM AREA

----------------------------- */



.service-bottom-area {

    position: relative;

}



.service-bottom-area-bg {

    background: rgba(0, 0, 0, 0) url("../img/service/service-area-bg.jpg") repeat scroll 0 0;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.service-bottom-area-bg::after {

    background: #f5f7f9 none repeat scroll 0 0;

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 50%;

}



.single-service {

    margin-bottom: 50px;

    padding-left: 80px;

    position: relative;

}



.service-list .single-service:last-child {

    margin-bottom: 0;

}



.service-icon-hexagon {

    left: -43px;

    position: absolute;

    top: -25px;

}



.hex {

    background: #f5f7f9 none repeat scroll 0 0;

    border-radius: 1em / 3.5em;

    display: inline-block;

    height: 5.2em;

    margin: 1em 4.61538em 1em auto;

    position: relative;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -webkit-transition: all 150ms ease-in-out 0s;

    transition: all 150ms ease-in-out 0s;

    width: 4em;

}



.hex:before,

.hex:after {

    position: absolute;

    width: inherit;

    height: inherit;

    border-radius: inherit;

    background: inherit;

    content: '';

}



.hex:before {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

}



.hex:after {

    -webkit-transform: rotate(-60deg);

    transform: rotate(-60deg);

}



.service-icon {

    background: #5d6b82 none repeat scroll 0 0;

    bottom: 7px;

    color: #fff;

    font-size: 24px;

    height: 60px;

    padding-top: 18px;

    position: absolute;

    right: 11px;

    text-align: center;

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 34px;

    z-index: 1;

}



.service-icon::before,

.service-icon::after {

    background: #5d6b82 none repeat scroll 0 0;

    content: "";

    height: 100%;

    position: absolute;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 100%;

    z-index: -1;

}



.service-icon::before {

    bottom: 0;

    right: 0;

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

}



.service-icon::after {

    bottom: 0;

    right: 0;

    -webkit-transform: rotate(-60deg);

    transform: rotate(-60deg);

}



.service-icon i {

    -webkit-transform: rotate(30deg);

    transform: rotate(30deg);

}



.service-details h4 {

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.single-service:hover .service-details h4 {

    color: #f39c12;

}



.single-service:hover .service-icon,

.single-service:hover .service-icon::before,

.single-service:hover .service-icon::after {

    background: #f39c12 none repeat scroll 0 0;

}



/* ----------------------------

    7. PROMO AREA

----------------------------- */



.promo-top-area {

    background: rgba(0, 0, 0, 0) url("../img/promo/promo_top_bg.png") no-repeat scroll right 5% bottom 50% / 40% auto;

}



.single-promo {

    margin-bottom: 50px;

    padding: 20px 20px 20px 80px;

    position: relative;

}



.promo-area .row > div.col-lg-4 .single-promo:last-child {

    margin-bottom: 0;

}



.promo-icon {

    background: #f4f7f9 none repeat scroll 0 0;

    border-radius: 50%;

    color: #f39c12;

    font-size: 24px;

    height: 65px;

    left: 0;

    padding-top: 21px;

    position: absolute;

    text-align: center;

    top: 0;

    width: 65px;

}



/* -----------------------------

    8. PROMO BOTTOM AREA

----------------------------- */



.promo-bottom-area {

    position: relative;

}



.promo-botton-area-bg {

    background: rgba(0, 0, 0, 0) url("../img/promo/promo_bottom_bg.jpg") no-repeat scroll center center / cover;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.promo-botton-area-bg::after {

    background: #3c4a62 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.9;

    position: absolute;

    top: 0;

    width: 100%;

}



.promo-bottom-area h2 {

    color: #fff;

    font-size: 26px;

}



.promo-bottom-content .read-more {

    background: #f39c12 none repeat scroll 0 0;

    font-weight: bold;

    height: auto;

    letter-spacing: 1px;

    padding: 14px;

    text-transform: uppercase;

    width: 180px;

}



.promo-bottom-area .read-more:hover,

.promo-bottom-area .read-more:focus {

    background: #fff none repeat scroll 0 0;

    color: #f39c12;

}



/*-----------------------------

    9. TESTMONIAL AREA

-------------------------------*/



.client-photo-list .item {

    border-radius: 50%;

    overflow: hidden;

    margin: 10px 0;

}



.client-photo-list .owl-carousel .owl-item.active.center .item {

    -webkit-box-shadow: 0 0 0 5px #f39c12;

    box-shadow: 0 0 0 5px #f39c12;

    position: relative;

    z-index: 999;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.client-photo-list {

    margin-bottom: 40px;

}



.client-details-content .item {

    padding-top: 70px;

    position: relative;

}



.client-details-content .item::after {

    color: #5d6b82;

    content: "\f10d";

    font-family: fontawesome;

    font-size: 60px;

    height: 60px;

    left: 50%;

    line-height: 1;

    opacity: 0.5;

    position: absolute;

    top: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 60px;

}



.client-details-content .item q {

    display: block;

    font-size: 16px;

    font-style: italic;

    font-weight: 500;

    line-height: 1.5em;

    margin-bottom: 37px;

}



.client-details-content .item h3 {

    margin-bottom: 10px;

}



.client_nav span {

    background: #5d6b82 none repeat scroll 0 0;

    border-radius: 5px;

    color: #fff;

    display: inline-block;

    font-size: 30px;

    height: 40px;

    left: 50px;

    opacity: 0;

    padding-top: 3px;

    position: absolute;

    text-align: center;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 50px;

    cursor: pointer;

}



.client_nav span:hover {

    background: #f39c12;

}



.client_nav span.fa.testi_next {

    left: auto;

    right: 50px;

}



.testmonial-area:hover .client_nav span {

    left: 0;

    opacity: 1;

}



.testmonial-area:hover .client_nav span.testi_next {

    left: auto;

    right: 0;

}



/* -----------------------------

    10. FOOTER AREA

------------------------------- */



.footer-top-area {

    padding: 70px 0;

}



.footer-area h2,

.footer-area h3 {

    color: #fff;

    font-weight: 500;

    text-transform: capitalize;

}



.subscribe-content h2 {

    line-height: 1;

    margin-bottom: 20px;

}



.subsriber-form {

    height: 60px;

    position: relative;

}



.subsriber-form input {

    background: #fff none repeat scroll 0 0;

    border: 0 none;

    border-radius: 5px;

    color: #363;

    height: 100%;

    left: 0;

    padding: 10px;

    position: absolute;

    top: 0;

    width: 70%;

}



.subsriber-form button {

    background: #f39c12 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 5px;

    color: #fff;

    font-weight: 500;

    height: 100%;

    letter-spacing: 1px;

    position: absolute;

    right: 0;

    text-transform: uppercase;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 27%;

}



.subsriber-form button:hover {

    background: #fff none repeat scroll 0 0;

    color: #f39c12;

}



/* ----------------------------

    11. FAQS AREA

------------------------------- */



.faqs-list h3 {

    margin-bottom: 30px;

}



.faqs-list h3 span {

    color: #f39c12;

}



.faqs-list #accordion .panel-title {

    padding-left: 50px;

    position: relative;

    text-transform: capitalize;

}



.faqs-list #accordion .panel-title i {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

    height: 30px;

    left: 0;

    padding-top: 8px;

    position: absolute;

    text-align: center;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 30px;

}



.faqs-list #accordion .panel-title i::after {

    background: #fff none repeat scroll 0 0;

    content: "";

    height: 12px;

    left: 50%;

    margin-left: -1.5px;

    margin-top: -6px;

    opacity: 0;

    position: absolute;

    top: 50%;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 3px;

}



.faqs-list #accordion .active .panel-title i::after {

    opacity: 1;

    ;

}



.faqs-list #accordion .panel,

.faqs-list #accordion .panel.active {

    border-bottom: 0 none;

    -webkit-box-shadow: 0 0 0 #fff;

    box-shadow: 0 0 0 #fff;

}



.panel-body {

    border: 0 none !important;

}



.panel-heading,

.panel-body {

    padding-left: 0;

}



/* -----------------------------

    12. ABOUT DETAILS CONTENT AREA

-------------------------------- */



.about-details-menu {

    margin-bottom: 50px;

    text-align: center;

}



.about-details-menu li {

    display: inline-block;

    margin: 0 5px;

}



.about-details-menu li a {

    border: 1px solid #efefef;

    display: block;

    font-size: 18px;

    padding: 12px 20px;

    text-transform: uppercase;

}



.about-details-menu li.active a {

    background: #f39c12 none repeat scroll 0 0;

    border-color: #f39c12;

    color: #fff;

}



.about-history-content {

    margin-bottom: 50px;

}



.about-history-content h3 {

    margin-bottom: 30px;

    padding-bottom: 15px;

}



.about-history-content h3::after {

    border-bottom: 1px dashed #f39c12;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 50px;

}



.about-history-content ul {

    margin-top: 20px;

}



.about-history-content ul li {

    margin-bottom: 5px;

}



.about-history-content.history-list {

    position: relative;

}



.about-history-content.history-list::after {

    background: #e4e4e4;

    content: "";

    height: 100%;

    left: 80px;

    position: absolute;

    top: 0;

    width: 5px;

}



.single-history {

    margin-bottom: 50px;

    padding-left: 125px;

    position: relative;

}



.single-history .history-year {

    font-size: 18px;

    font-weight: 700;

    left: 0;

    position: absolute;

    top: 0;

    width: 85px;

}



.single-history .history-year::before,

.single-history .history-year::after {

    background: #fff none repeat scroll 0 0;

    border-radius: 50%;

    content: "";

    height: 30px;

    position: absolute;

    right: -12px;

    top: 0;

    width: 30px;

    z-index: 9;

}



.single-history .history-year::after {

    background: #f39c12;

    height: 10px;

    right: -2px;

    top: 9px;

    width: 10px;

}



/* ------------------------------

    13. REPORT AREA

------------------------------ */



.annual-reports > div {

    margin-bottom: 50px;

}



.annual-reports > div:last-child {

    margin-bottom: 0px;

}



.annual-reports-content h4 {

    margin-bottom: 30px;

}



.annual-reports-content ul {

    margin-top: 30px;

}



.annual-reports-content ul li {

    margin-bottom: 10px;

}



.annual-reports-content ul li i {

    color: #f39c12;

    margin-right: 10px;

}



/* ----------------------------

    14. TEAM AERA

-------------------------------- */



.single-team {

    text-align: center;

    margin-bottom: 30px;

    padding: 1px;

}



.team-list div > .col-lg-4:last-child .single-team {

    margin-bottom: 0;

}



.single-team .member-image img {

    width: 100%;

}



.member-details {

    -webkit-box-shadow: 0 0 1px;

    box-shadow: 0 0 1px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 30px 20px;

}



.member-social-bookmark {

    background: #5d6b82 none repeat scroll 0 0;

    border-radius: 5px;

    margin-top: 25px;

    padding: 15px 0;

}



.member-social-bookmark .social-bookmark li a {

    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;

    padding-top: 8px;

}



.member-social-bookmark .social-bookmark li a:hover {

    background: #f39c12 none repeat scroll 0 0;

}



/* -----------------------------

    15. SERVICE TWO 

------------------------------ */



.single-service-two {

    padding: 30px 20px 30px 100px;

    position: relative;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.service-icon-two {

    border-right: 1px solid #ddd;

    color: #f39c12;

    font-size: 30px;

    left: 0;

    position: absolute;

    text-align: center;

    width: 80px;

}



.single-service-two:hover {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

}



.single-service-two:hover .service-icon-two,

.single-service-two:hover h4 {

    color: inherit;

}



/* ----------------------------

    16. SERVICE THREE

------------------------------ */



.single-service-three {

    border: 1px solid #eef2f4;

    -webkit-box-shadow: 0 0 10px #eef2f4;

    box-shadow: 0 0 10px #eef2f4;

    margin-bottom: 30px;

    padding: 30px 20px 30px 80px;

    position: relative;

}



.single-service-three h4 {

    color: #f39c12;

}



.service-icon-three {

    border-right: 1px solid #ddd;

    color: #f39c12;

    font-size: 30px;

    left: 0;

    position: absolute;

    text-align: center;

    width: 60px;

}



/*------------------------------

    17. CONTACT AREA

-------------------------------*/



.contact-address {

    margin-bottom: 50px;

}



.contact-address a {

    color: #585858;

}



.contact-address a:hover {

    color: #f39c12;

}



.contact-area .form-control {

    border-radius: 0;

    margin-bottom: 30px;

    min-height: 40px;

}



.contact-area button {

    background: #5d6b82 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 3px;

    color: #fff;

    font-weight: 600;

    letter-spacing: 2px;

    padding: 10px 40px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.contact-area button:hover {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

}



/*------------------------------

    18. FOOTER AREA

-------------------------------*/



.footer-area {

    color: #ffffff;

    position: relative;

    z-index: 9;

}



.footer-area::after {

    background: rgba(0, 0, 0, 0) url("../img/footer-map-bg.png") no-repeat scroll center center / 90% auto;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.footer-border {

    background: rgba(0, 0, 0, 0) url("../img/footer-border.png") repeat-x scroll center center;

    height: 1px;

    margin-top: 50px;

}



.single-footer-widget {

    margin-bottom: 50px;

    overflow: hidden;

}



.single-footer-widget,

.single-footer-widget a {

    color: #a1a7b2;

}



.single-footer-widget a:hover {

    color: #f39c12;

}



.single-footer-widget h3 {

    font-size: 20px;

    letter-spacing: 1px;

    margin-bottom: 40px;

    padding-bottom: 20px;

    position: relative;

}



.single-footer-widget h3::after {

    border-bottom: 1px dashed #f39c12;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 50px;

}



.single-footer-widget.footer-about ul {

    margin-top: 30px;

}



.single-footer-widget.footer-about ul li {

    margin-bottom: 10px;

}



.single-footer-widget.footer-about ul li i {

    border-right: 1px solid;

    margin-right: 10px;

    width: 20px;

}



.single-footer-widget.twitter-widget ul li {

    margin-bottom: 20px;

    padding-left: 30px;

    position: relative;

}



.single-footer-widget.twitter-widget ul li .twitter-icon {

    color: #f39c12;

    left: 0;

    position: absolute;

}



.single-footer-widget.list-widget ul li {

    letter-spacing: 1px;

    margin-bottom: 10px;

    position: relative;

}



.single-footer-widget.list-widget ul li::before {

    content: "\f0a4";

    display: inline-block;

    font-family: fontawesome;

    margin-right: 15px;

}



.single-footer-widget.instafeed-widget li {

    float: left;

    margin-bottom: 2%;

    margin-right: 2%;

    width: 31.33%;

}



.footer-bottom-area .footer-border {

    margin: 0;

}



.footer-copyright-area {

    padding: 30px 0;

}



.footer-copyright p {

    margin-bottom: 0;

    margin-top: 10px;

}



.footer-copyright a.footer-logo {

    border-bottom: 2px solid;

    display: block;

    margin-bottom: 5px;

    margin-right: 10px;

    max-width: 300px;

    padding-bottom: 10px;

}



.footer-copyright a {

    color: #ffffff;

}



.footer-social-bookmark .social-bookmark li a {

    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;

    border-radius: 50%;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    height: 30px;

    margin: 0 2px;

    padding-top: 3px;

    text-align: center;

    width: 30px;

}



.footer-social-bookmark .social-bookmark li a:hover {

    background: #f39c12;

    color: #fff;

}



/*------------------------------

    19. SCROLL TO TOP

-------------------------------*/



a.scrolltotop {

    background: #f39c12 none repeat scroll 0 0;

    bottom: 20px;

    -webkit-box-shadow: 0 0 0 7px transparent;

    box-shadow: 0 0 0 7px transparent;

    color: #ffffff;

    display: none;

    font-size: 20px;

    height: 40px;

    padding-top: 5px;

    position: fixed;

    right: 20px;

    text-align: center;

    width: 40px;

    z-index: 99;

}



a.scrolltotop:hover {

    -webkit-box-shadow: 0 0 0 0 #272727;

    box-shadow: 0 0 0 0 #272727;

    background: #272727;

}



/*-----------------------------------

    20. WELCOME SLIDER AREA

-------------------------------------*/



.home-two .single-blog {

    margin-top: -244px;

}



.home-two .welcome-area {

    padding-bottom: 200px;

}



.home-two .blog-area.blog-bottom .single-blog {

    margin-top: 0;

}



.home-four .about-area.section-padding {

    padding-bottom: 50px;

}



.home-four .promo-top-area.section-padding {

    background: inherit;

    padding-bottom: 50px;

}



.home-four .service-bottom-area-bg {

    background: rgba(0, 0, 0, 0) url("../img/service/service-area-bg-2.jpg") repeat scroll 0 0;

}



.top-area.single-page {

    height: 500px;

}



.single-page .top-area-bg::after {

    opacity: 0.7;

}



.single-page .welcome-text h2 {

    margin-bottom: 10px;

}



.page-location li {

    display: inline-block;

}



.page-location li a {

    color: #fff;

    display: block;

    padding: 0 10px;

}



/* ----------------------------------

    21. BLOG PAGE

------------------------------------- */



.blog-page .single-blog {

    border-radius: 0;

    margin-bottom: 50px;

}



.blog-page .single-blog .post-date {

    margin-bottom: 20px;

    margin-top: -10px;

}



.blog-page .single-blog .post-date a i {

    margin-right: 10px;

}



.blog-page .single-blog .post-date a:hover {

    color: #f39c12;

}



.blog-page .blog-image img {

    width: 100%;

}



.pagination li a {

    border-radius: 0;

    color: #666;

    padding: 10px 20px;

}



.pagination li a:hover,

.pagination li.active a,

.pagination li a:focus {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

    border-color: #f39c12;

}



.single-sidebar-widget {

    -webkit-box-shadow: 0 3px 7px #ddd;

    box-shadow: 0 3px 7px #ddd;

    margin-bottom: 50px;

    padding: 20px;

}



.single-sidebar-widget h4::after {

    border-bottom: 1px dashed #f39c12;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 50px;

}



.single-sidebar-widget h4 {

    margin-bottom: 30px;

    padding-bottom: 10px;

}



.widget_search form {

    border: 1px solid #ddd;

    height: 40px;

    position: relative;

    width: 100%;

}



.widget_search form input {

    border: 0 none;

    height: 100%;

    left: 0;

    padding: 8px 40px 8px 8px;

    position: absolute;

    top: 0;

    width: 100%;

}



.widget_search form button {

    background: #5d6b82 none repeat scroll 0 0;

    border: 0 none;

    color: #fff;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 50px;

}



.widget_search form button:hover,

.tagcloud a:hover {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

    border-color: #f39c12;

}



.widget_categories li {

    margin: 5px 0;

    position: relative;

}



.widget_categories li::before {

    content: "\f105";

    display: inline-block;

    font-family: fontawesome;

    margin-right: 10px;

}



.single-sidebar-widget li a:hover {

    color: #f39c12;

}



.single-sidebar-widget {

    -webkit-box-shadow: 0 3px 7px #ddd;

    box-shadow: 0 3px 7px #ddd;

    margin-bottom: 50px;

    padding: 20px;

}



.widget_recent_entries li {

    margin-bottom: 15px;

    overflow: hidden;

}



.tagcloud a {

    border: 1px solid #ddd;

    display: inline-block;

    margin-bottom: 9px;

    margin-right: 5px;

    padding: 5px 10px;

    text-transform: capitalize;

}



blockquote {

    background: #f1f1f1 none repeat scroll 0 0;

    border: 0 none;

    font-size: 16px;

    font-style: italic;

    line-height: 1.7em;

    position: relative;

    padding: 20px 30px;

    text-transform: capitalize;

    z-index: 1;

}



blockquote::after,

blockquote::before {

    content: "\f10d";

    font-family: fontawesome;

    font-size: 50px;

    height: 50px;

    left: 0;

    line-height: 1;

    opacity: 0.3;

    position: absolute;

    top: 0;

    width: 50px;

    z-index: -1;

}



blockquote::before {

    bottom: 0;

    content: "\f10e";

    left: auto;

    right: 8px;

    top: auto;

}



.share-button,

.comments-area,

.comments-form-area {

    -webkit-box-shadow: 0 3px 7px #ddd;

    box-shadow: 0 3px 7px #ddd;

    margin-bottom: 50px;

    padding: 20px;

}



.comments-area h4,

.comments-form-area h4 {

    margin-bottom: 30px;

}



.comments-area ul li {

    border-bottom: 1px solid #ddd;

    margin-bottom: 20px;

    padding-bottom: 20px;

    padding-left: 90px;

    position: relative;

}



.comments-area ul li:nth-child(2n) {

    margin-left: 80px;

}



.comments-area ul li .comments-author-thumb {

    height: 80px;

    left: 0;

    position: absolute;

    top: 0;

    width: 80px;

}



.half-width input {

    border: 1px solid #ddd;

    margin-bottom: 14px;

    padding: 10px;

    width: calc(50% - 10px);

}



.comment-form textarea {

    border: 1px solid #ddd;

    margin-bottom: 15px;

    padding: 10px;

    width: 100%;

}



.comment-form button {

    background: #5d6b82 none repeat scroll 0 0;

    border: 0 none;

    color: #fff;

    padding: 10px 20px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.comment-form button:hover {

    background: #f39c12 none repeat scroll 0 0;

}



/*-------------------------------

    22. SERVICE PAGE

-------------------------------*/



.service-image {

    margin-bottom: 40px;

}



.service-image img {

    width: 100%;

}



.service-details-text {

    margin-bottom: 50px;

}



.service-menu h4 {

    background: #f39c12 none repeat scroll 0 0;

    color: #fff;

    margin-bottom: 0;

    padding: 10px;

    text-align: center;

}



.service-menu ul {

    border: 1px solid #ddd;

}



.service-menu > ul li {

    border-top: 1px dashed #ddd;

    display: block;

    margin-top: -1px;

}



.service-menu ul li a {

    display: block;

    padding: 10px 20px;

}



.service-menu ul li a i {

    float: right;

}



.service-menu ul li a:hover {

    color: #f39c12;

}



/*------------------------------

    23. 404 ERROR PAGE

-------------------------------*/



.error-content img {

    margin-bottom: 40px;

}



.error-content h3 {}



.error-content h2,

.error-content h3 {

    letter-spacing: 1px;

    text-transform: capitalize;

}



.error-area .read-more {

    width: auto;

}



input.wpcf7-form-control.wpcf7-text, .wpcf7-textarea{

  /*  display: block;

    width: 100%;

   

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/

}

.wpcf7-form{

  margin-left:25px;

  margin-right:25px;

  margin-top:25px;

}

@media only screen and ( min-width: 1023px){

  .wpcf7-textarea, input.wpcf7-form-control.wpcf7-text{

    width: 500px;

  }

}



.wpcf7-form-control.wpcf7-submit:hover{

   color: rgba(13,0,70,1);

   border: 1px solid rgba(13,0,70,1);

   background-color: #fff;

}

.wpcf7-form-control.wpcf7-submit{

    background: rgba(13,0,70,1) none repeat scroll 0 0;

    border: 0 none;

    border-radius: 3px;

    color: #fff;

    font-weight: 600;

    letter-spacing: 2px;

    padding: 10px 40px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.mdc-text-field__input {

    border: 0px solid;

}

.offers_div .elementor-icon-box-icon {

    background: #18ba60;

    width: 90px !important;

    height: 90px !important;

    border-radius: 60px;

    padding: 5px;

    text-align: center;

}

.offers_div .elementor-icon i{

  padding: 10px;

}

.offers_div .elementor-icon i:hover{

  color:#fff!important;

  

}

.home_service .elementor-widget-container {

    background: #fff;

}

.services_tab li.elementor-icon-list-item{

     display: block;

    padding: 0 0 0 25px;

    margin-bottom: 2px;

    color: #222222;

    font-weight: 700;

    font-family: "Poppins",Sans-serif;

    background-color: #f1f1f1;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.services_tab li.elementor-icon-list-item:hover {

    background: #3a526a;

    color: #fff;

}

.services_tab li.elementor-icon-list-item a:hover{

  color: #fff;

}

.elementor-icon-box-description, a, h1,h2,h3,h4,h5,h6, p {

    font-family: "Poppins", sans-serif !important;

}

body, button, input, select, textarea {

    font-size: 14px;

}

.header-top-bar {

    background-color: #fff;

}

.header-top-bar-inner {

    height: 12vh;

}



.top-bar-field span {

    color: #222;

}

i.mdi.mdi-facebook-box {

    color: #3b5998;

}

i.mdi.mdi-twitter-box{

  color:#1da1f2;

}
.to_fixed{
    z-index: 10000;
    left: 0px;
    position: fixed;
    top: 0px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: rgba(13,0,70,0.48);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
}