@charset "UTF-8";
/*
 *	SIMAI Framework
 *	Version: 4.2.3
 *
 *	Author: Rim Zabarov	
 *	Copyright: 2018 SIMAI Ltd
 *	Company site: http://simai.studio
 *
 *	Licensed GPLv3 for open source applications 
 *	or SIMAI Framework Commercial License for commercial use
 *
 *	Documentation: http://framework.simai.studio/
 *
 * 	Modifier Reduction:
 * 	.a  - (absolute) absolute position modifiers;
 * 	.b  - (border) border modifiers;
 * 	.bg - (background) background modifiers;
 * 	.с  - (color) text color modifiers;
 * 	.d  - (display) display modifiers;
 * 	.f  - (fill) SVG fill color modifiers;
 * 	.h  - (height) object height modifiers;
 * 	.l  - (link) link modifiers;
 * 	.m  - (margin) margin modifiers;
 * 	.o  - (opacity) opacity modifiers;
 * 	.p  - (padding) padding modifiers;
 * 	.s  - (stroke) SVG stroke color modifiers;
 * 	.t  - (typography) text modifiers;
 * 	.w  - (width) width modifiers.
 *
 * 	Modifier Side Reduction: 
 * 	l - (left) left-hand side;
 * 	r - (right) right-hand side;
 * 	t - (top) upper side;
 * 	b - (bottom) down side;
 * 	x - (X-axis) horizontally.
 * 	y - (Y-axis) vertically;
 *
 */
/* ======  ======*/
/* ====== Brand Colors Checkbox & RadioBox ====== */
/* ====== End Brand Colors Checkbox & RadioBox ====== */
/*
	link: (
		color: #1b86c0,
		border: rgba(27,134,192,0.3),
	),

*/
/* COLOR SETTINGS */
/* MISC SETTINGS */
/* RWD */
.sf-up {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  /*&.sf-up-opacity {
        opacity: $buttonOpacity;
        &:hover {
            opacity: $buttonOpacityHover;
        }
    }

    &.sf-up-round {
        @include sf-up-border-radius(100%);
        &:after { 
            @include sf-up-border-radius(100%);
        }
    }*/
  /*&.sf-up-border {
        line-height: $roundButtonLineHeight;
        border: $buttonBorderSize solid $mainBackgroundColor;
        background: $mainTextColor;
        color: $mainBackgroundColor;
        &:after { 
            content: '';
            display: block;
            opacity: 0;
            position: absolute;
            top: $orbitPositionFix;
            left: $orbitPositionFix;
            width: $orbitSize;
            height: $orbitSize;
            border: $orbitBorderSize solid $mainBackgroundColor;
            @include sf-up-transform(scale(0.8));
            @include sf-up-transition($defaultTransition);
            @include sf-up-box-sizing(content-box);
        }
        &:hover {
            &:after {
                opacity: 0.8;
                @include sf-up-transform(scale(1));
            }
        }

        > i {
            color: #333;
        }
    }*/
  /* BUTTON POSITIONS */
  /*&.sf-up-position-rb {
        right: $buttonOfsetRight;
        bottom: $buttonOfsetBottom;
    }
    &.sf-up-position-lb {
        left: $buttonOfsetRight;
        bottom: $buttonOfsetBottom;
    }
    &.sf-up-position-cb {
        left: 50%;
        bottom: $buttonOfsetBottom;
        @include sf-up-transform(translateX(-50%)); 
    }
    &.sf-up-position-rt {
        right: $buttonOfsetRight;
        top: $buttonOfsetBottom;
    }
    &.sf-up-position-lt {
        left: $buttonOfsetRight;
        top: $buttonOfsetBottom;
    }
    &.sf-up-position-ct {
        left: 50%;
        top: $buttonOfsetBottom;
        @include sf-up-transform(translateX(-50%)); 
    }*/
  /* BUTTON ANIMATIONS */
  /*&.sf-up-default {
        opacity: 0;
        @include sf-up-transform(scale(0));
        &.sf-up-active {
            opacity: 1;
            @include sf-up-transform(scale(1));
            &.sf-up-opacity {
                opacity: $buttonOpacity;
                &:hover {
                    opacity: $buttonOpacityHover;
                }
            }
        }
        &.sf-up-position-ct,
        &.sf-up-position-cb {
            @include sf-up-transform(scale(0) translateX(-50%));
            @include sf-up-transform-origin(0 50%);
            &.sf-up-active {
                @include sf-up-transform(scale(1) translateX(-50%));
            }
        }
    }*/ }
  .sf-up * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .sf-up.sf-up-animated i {
    position: relative;
    top: 0;
    left: 0;
    -webkit-animation-name: moveIcon;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-name: moveIcon;
    animation-duration: 1s;
    animation-iteration-count: infinite; }
  .sf-up.sf-up-appear-bottom {
    bottom: -120px; }
    .sf-up.sf-up-appear-bottom.sf-up-active {
      bottom: 20px; }
  .sf-up.sf-up-appear-top {
    top: -120px; }
    .sf-up.sf-up-appear-top.sf-up-active {
      top: 20px; }
  .sf-up.sf-up-appear-right {
    right: -120px; }
    .sf-up.sf-up-appear-right.sf-up-active {
      right: 20px; }
  .sf-up.sf-up-appear-left {
    left: -120px; }
    .sf-up.sf-up-appear-left.sf-up-active {
      left: 20px; }

/* MISC */
.sf-up-clear {
  clear: both;
  overflow: hidden; }

.sf-up-hidden {
  display: none; }

@media (max-width: 800px) {
  .is-sf-up {
    padding-bottom: 94px; } }

@-webkit-keyframes moveIcon {
  0% {
    top: 0; }
  25% {
    top: 3px; }
  75% {
    top: -3px; } }

@keyframes moveIcon {
  0% {
    top: 0; }
  25% {
    top: 3px; }
  75% {
    top: -3px; } }

/* LAYOUT */
body {
  border-color: rgba(21, 25, 30, 0.12);
  border-width: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body * {
    outline: none !important; }

.sf-pagewrap-area {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }
  .sf-pagewrap-area-layout-wide {
    width: 100%; }
  .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed .container {
    width: auto; }
  @media (min-width: 1200px) {
    .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-960 .container {
      max-width: 960px; }
    .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1080 .container {
      max-width: 1080px; }
    .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1200 .container {
      max-width: 1200px; }
    .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1320 .container {
      max-width: 1320px; }
    .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1440 .container {
      max-width: 1440px; }
    .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1560 .container {
      max-width: 1560px; }
    .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1680 .container {
      max-width: 1680px; } }
  .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fluid .sf-pagewrap-area {
    margin: 0 5vw; }
    @media (max-width: 767px) {
      .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fluid .sf-pagewrap-area {
        margin: 0; } }
  .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fluid .container {
    max-width: 100%; }
  .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed .sf-pagewrap-area {
    width: auto;
    margin: 0 auto; }
    .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed .sf-pagewrap-area .container {
      max-width: 100%;
      width: auto; }
  @media (min-width: 1200px) {
    .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-960 .sf-pagewrap-area {
      max-width: 960px; }
    .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1080 .sf-pagewrap-area {
      max-width: 1080px; }
    .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1200 .sf-pagewrap-area {
      max-width: 1200px; }
    .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1320 .sf-pagewrap-area {
      max-width: 1320px; }
    .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1440 .sf-pagewrap-area {
      max-width: 1440px; }
    .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1560 .sf-pagewrap-area {
      max-width: 1560px; }
    .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1680 .sf-pagewrap-area {
      max-width: 1680px; } }
  .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fluid .container {
    max-width: 100%; }
  .sf-pagewrap-area .container-wrap {
    width: 100%; }

/* VISIBILITY */
@media (max-width: 576px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 576px) and (max-width: 768px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 992px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.t--3 {
  font-size: 0.625rem; }

.t--2 {
  font-size: 0.75rem; }

.t--1 {
  font-size: 0.875rem; }

.t-1 {
  font-size: 1.25rem; }

.t-2 {
  font-size: 1.5rem; }

.t-3 {
  font-size: 2rem; }

.t-4 {
  font-size: 2.5rem; }

.t-5 {
  font-size: 3rem; }

.t-6 {
  font-size: 4rem; }

.t-7 {
  font-size: 6rem; }

.t-0 {
  font-size: 1rem; }

.t-light {
  font-weight: 300; }

.t-regular {
  font-weight: 400; }

.t-medium {
  font-weight: 500; }

.t-bold {
  font-weight: 700; }

.t-normal {
  font-style: normal; }

.t-italic {
  font-style: italic; }

.t-left {
  text-align: left; }

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

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

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

.t-measure {
  max-width: 30em; }

.t-measure-wide {
  max-width: 34em; }

.t-measure-narrow {
  max-width: 20em; }

.t-copy {
  line-height: 1.5; }

.t-title {
  line-height: 1.25; }

.t-solid {
  line-height: 1; }

.t-tracked {
  letter-spacing: .1em; }

.t-tracked-tight {
  letter-spacing: -.05em; }

.t-tracked-mega {
  letter-spacing: .25em; }

.t-lowercase {
  text-transform: lowercase; }

.t-uppercase {
  text-transform: uppercase; }

.t-capitalize {
  text-transform: capitalize; }

.t-strike {
  text-decoration: line-through; }

.t-sup {
  vertical-align: super; }

.t-sub {
  vertical-align: sub; }

.t-list {
  list-style-type: none; }

@media (min-width: 576px) {
  .t-sm--3 {
    font-size: 0.625rem; }
  .t-sm--2 {
    font-size: 0.75rem; }
  .t-sm--1 {
    font-size: 0.875rem; }
  .t-sm-1 {
    font-size: 1.25rem; }
  .t-sm-2 {
    font-size: 1.5rem; }
  .t-sm-3 {
    font-size: 2rem; }
  .t-sm-4 {
    font-size: 2.5rem; }
  .t-sm-5 {
    font-size: 3rem; }
  .t-sm-6 {
    font-size: 4rem; }
  .t-sm-7 {
    font-size: 6rem; }
  .t-sm-0 {
    font-size: 1rem; }
  .t-sm-light {
    font-weight: 300; }
  .t-sm-regular {
    font-weight: 400; }
  .t-sm-medium {
    font-weight: 500; }
  .t-sm-bold {
    font-weight: 700; }
  .t-sm-normal {
    font-style: normal; }
  .t-sm-italic {
    font-style: italic; }
  .t-sm-left {
    text-align: left; }
  .t-sm-center {
    text-align: center; }
  .t-sm-right {
    text-align: right; }
  .t-sm-justify {
    text-align: justify; }
  .t-sm-measure {
    max-width: 30em; }
  .t-sm-measure-wide {
    max-width: 34em; }
  .t-sm-measure-narrow {
    max-width: 20em; }
  .t-sm-copy {
    line-height: 1.5; }
  .t-sm-title {
    line-height: 1.25; }
  .t-sm-solid {
    line-height: 1; }
  .t-sm-tracked {
    letter-spacing: .1em; }
  .t-sm-tracked-tight {
    letter-spacing: -.05em; }
  .t-sm-tracked-mega {
    letter-spacing: .25em; }
  .t-sm-lowercase {
    text-transform: lowercase; }
  .t-sm-uppercase {
    text-transform: uppercase; }
  .t-sm-capitalize {
    text-transform: capitalize; }
  .t-sm-strike {
    text-decoration: line-through; }
  .t-sm-sup {
    vertical-align: super; }
  .t-sm-sub {
    vertical-align: sub; }
  .t-sm-list {
    list-style-type: none; } }

@media (min-width: 768px) {
  .t-md--3 {
    font-size: 0.625rem; }
  .t-md--2 {
    font-size: 0.75rem; }
  .t-md--1 {
    font-size: 0.875rem; }
  .t-md-1 {
    font-size: 1.25rem; }
  .t-md-2 {
    font-size: 1.5rem; }
  .t-md-3 {
    font-size: 2rem; }
  .t-md-4 {
    font-size: 2.5rem; }
  .t-md-5 {
    font-size: 3rem; }
  .t-md-6 {
    font-size: 4rem; }
  .t-md-7 {
    font-size: 6rem; }
  .t-md-0 {
    font-size: 1rem; }
  .t-md-light {
    font-weight: 300; }
  .t-md-regular {
    font-weight: 400; }
  .t-md-medium {
    font-weight: 500; }
  .t-md-bold {
    font-weight: 700; }
  .t-md-normal {
    font-style: normal; }
  .t-md-italic {
    font-style: italic; }
  .t-md-left {
    text-align: left; }
  .t-md-center {
    text-align: center; }
  .t-md-right {
    text-align: right; }
  .t-md-justify {
    text-align: justify; }
  .t-md-measure {
    max-width: 30em; }
  .t-md-measure-wide {
    max-width: 34em; }
  .t-md-measure-narrow {
    max-width: 20em; }
  .t-md-copy {
    line-height: 1.5; }
  .t-md-title {
    line-height: 1.25; }
  .t-md-solid {
    line-height: 1; }
  .t-md-tracked {
    letter-spacing: .1em; }
  .t-md-tracked-tight {
    letter-spacing: -.05em; }
  .t-md-tracked-mega {
    letter-spacing: .25em; }
  .t-md-lowercase {
    text-transform: lowercase; }
  .t-md-uppercase {
    text-transform: uppercase; }
  .t-md-capitalize {
    text-transform: capitalize; }
  .t-md-strike {
    text-decoration: line-through; }
  .t-md-sup {
    vertical-align: super; }
  .t-md-sub {
    vertical-align: sub; }
  .t-md-list {
    list-style-type: none; } }

@media (min-width: 992px) {
  .t-lg--3 {
    font-size: 0.625rem; }
  .t-lg--2 {
    font-size: 0.75rem; }
  .t-lg--1 {
    font-size: 0.875rem; }
  .t-lg-1 {
    font-size: 1.25rem; }
  .t-lg-2 {
    font-size: 1.5rem; }
  .t-lg-3 {
    font-size: 2rem; }
  .t-lg-4 {
    font-size: 2.5rem; }
  .t-lg-5 {
    font-size: 3rem; }
  .t-lg-6 {
    font-size: 4rem; }
  .t-lg-7 {
    font-size: 6rem; }
  .t-lg-0 {
    font-size: 1rem; }
  .t-lg-light {
    font-weight: 300; }
  .t-lg-regular {
    font-weight: 400; }
  .t-lg-medium {
    font-weight: 500; }
  .t-lg-bold {
    font-weight: 700; }
  .t-lg-normal {
    font-style: normal; }
  .t-lg-italic {
    font-style: italic; }
  .t-lg-left {
    text-align: left; }
  .t-lg-center {
    text-align: center; }
  .t-lg-right {
    text-align: right; }
  .t-lg-justify {
    text-align: justify; }
  .t-lg-measure {
    max-width: 30em; }
  .t-lg-measure-wide {
    max-width: 34em; }
  .t-lg-measure-narrow {
    max-width: 20em; }
  .t-lg-copy {
    line-height: 1.5; }
  .t-lg-title {
    line-height: 1.25; }
  .t-lg-solid {
    line-height: 1; }
  .t-lg-tracked {
    letter-spacing: .1em; }
  .t-lg-tracked-tight {
    letter-spacing: -.05em; }
  .t-lg-tracked-mega {
    letter-spacing: .25em; }
  .t-lg-lowercase {
    text-transform: lowercase; }
  .t-lg-uppercase {
    text-transform: uppercase; }
  .t-lg-capitalize {
    text-transform: capitalize; }
  .t-lg-strike {
    text-decoration: line-through; }
  .t-lg-sup {
    vertical-align: super; }
  .t-lg-sub {
    vertical-align: sub; }
  .t-lg-list {
    list-style-type: none; } }

@media (min-width: 1200px) {
  .t-xl--3 {
    font-size: 0.625rem; }
  .t-xl--2 {
    font-size: 0.75rem; }
  .t-xl--1 {
    font-size: 0.875rem; }
  .t-xl-1 {
    font-size: 1.25rem; }
  .t-xl-2 {
    font-size: 1.5rem; }
  .t-xl-3 {
    font-size: 2rem; }
  .t-xl-4 {
    font-size: 2.5rem; }
  .t-xl-5 {
    font-size: 3rem; }
  .t-xl-6 {
    font-size: 4rem; }
  .t-xl-7 {
    font-size: 6rem; }
  .t-xl-0 {
    font-size: 1rem; }
  .t-xl-light {
    font-weight: 300; }
  .t-xl-regular {
    font-weight: 400; }
  .t-xl-medium {
    font-weight: 500; }
  .t-xl-bold {
    font-weight: 700; }
  .t-xl-normal {
    font-style: normal; }
  .t-xl-italic {
    font-style: italic; }
  .t-xl-left {
    text-align: left; }
  .t-xl-center {
    text-align: center; }
  .t-xl-right {
    text-align: right; }
  .t-xl-justify {
    text-align: justify; }
  .t-xl-measure {
    max-width: 30em; }
  .t-xl-measure-wide {
    max-width: 34em; }
  .t-xl-measure-narrow {
    max-width: 20em; }
  .t-xl-copy {
    line-height: 1.5; }
  .t-xl-title {
    line-height: 1.25; }
  .t-xl-solid {
    line-height: 1; }
  .t-xl-tracked {
    letter-spacing: .1em; }
  .t-xl-tracked-tight {
    letter-spacing: -.05em; }
  .t-xl-tracked-mega {
    letter-spacing: .25em; }
  .t-xl-lowercase {
    text-transform: lowercase; }
  .t-xl-uppercase {
    text-transform: uppercase; }
  .t-xl-capitalize {
    text-transform: capitalize; }
  .t-xl-strike {
    text-decoration: line-through; }
  .t-xl-sup {
    vertical-align: super; }
  .t-xl-sub {
    vertical-align: sub; }
  .t-xl-list {
    list-style-type: none; } }

.t-arial, .t-helvetica {
  font-family: Arial, Helvetica, sans-serif; }

.t-arial-black, .t-gadget {
  font-family: "Arial Black", Gadget, sans-serif; }

.t-comic {
  font-family: "Comic Sans MS", cursive; }

.t-courier {
  font-family: "Courier New", Courier, monospace; }

.t-georgia {
  font-family: Georgia, serif; }

.t-impact, .t-charcoal {
  font-family: Impact,Charcoal, sans-serif; }

.t-lucida-console, .t-monaco {
  font-family: "Lucida Console", Monaco, monospace; }

.t-lucida-sans, .t-lucida-grande {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.t-palatino, .t-book-antiqua {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

.t-tahoma, .t-geneva {
  font-family: Tahoma, Geneva, sans-serif; }

.t-times {
  font-family: "Times New Roman", Times, serif; }

.t-trebuchet {
  font-family: "Trebuchet MS", Helvetica, sans-serif; }

.t-verdana {
  font-family: Verdana, Geneva, sans-serif; }

a.l-inherit, .l-inherit a {
  color: inherit; }

a.l-underline, .l-underline a {
  text-decoration: underline; }

a.l-underline-none, .l-underline-none a {
  text-decoration: none; }

a.l-dashed, .l-dashed a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: inherit; }

a.l-hover-underline:hover, .l-hover-underline a:hover {
  text-decoration: underline; }

a.l-hover-underline-none:hover, .l-hover-underline-none a:hover {
  text-decoration: none; }

a.l-underline,
.l-underline a,
a.l-underline-none,
.l-underline-none a,
a.l-hover-underline:hover,
.l-hover-underline a:hover,
a.l-hover-underline-none:hover,
.l-hover-underline-none a:hover {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

a.sf-link, .sf-link :not(.l-inherit) > a:not([class]) {
  text-decoration: none;
  border-bottom: 1px solid;
  outline: none;
  background: transparent;
  color: #1b86c0;
  border-color: rgba(27, 134, 192, 0.3); }
  a.sf-link:visited, .sf-link :not(.l-inherit) > a:not([class]):visited {
    color: #551a8b;
    border-color: rgba(85, 26, 139, 0.3); }
  a.sf-link:hover, .sf-link :not(.l-inherit) > a:not([class]):hover {
    color: #fc4a0a;
    border-color: rgba(252, 74, 10, 0.3); }

.theme-light a.sf-link.sf-link-theme, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) {
  color: rgba(21, 25, 30, 0.87);
  border-color: rgba(21, 25, 30, 0.2); }
  .theme-light a.sf-link.sf-link-theme:visited, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):visited {
    color: rgba(21, 25, 30, 0.54);
    border-color: rgba(21, 25, 30, 0.2); }
  .theme-light a.sf-link.sf-link-theme:hover, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):hover {
    color: #15191e;
    border-color: rgba(21, 25, 30, 0.6); }

.theme-dark a.sf-link.sf-link-theme, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) {
  color: white;
  border-color: rgba(255, 255, 255, 0.2); }
  .theme-dark a.sf-link.sf-link-theme:visited, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):visited {
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.2); }
  .theme-dark a.sf-link.sf-link-theme:hover, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):hover {
    color: white;
    border-color: rgba(255, 255, 255, 0.6); }

a.sf-link.sf-link-dotted, .sf-link.sf-link-dotted :not(.l-inherit) > a:not([class]) {
  border-bottom: 1px dotted; }

a.sf-link.sf-link-dashed, .sf-link.sf-link-dashed :not(.l-inherit) > a:not([class]) {
  border-bottom: 1px dashed; }

a.sf-link.sf-link-double, .sf-link.sf-link-double :not(.l-inherit) > a:not([class]) {
  border-bottom: 1px double; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-fill {
  width: 100%;
  height: auto; }

.s-1 {
  stroke-width: 1px; }

.s-2 {
  stroke-width: 2px; }

.s-3 {
  stroke-width: 3px; }

.s-4 {
  stroke-width: 4px; }

.s-5 {
  stroke-width: 5px; }

.s-6 {
  stroke-width: 6px; }

.s-7 {
  stroke-width: 7px; }

.s-8 {
  stroke-width: 8px; }

.s-9 {
  stroke-width: 9px; }

.s-10 {
  stroke-width: 10px; }

.s-0 {
  stroke-width: 0; }

.svg--3 {
  width: 0.65rem;
  height: 0.65rem !important;
  line-height: 0.65rem; }

.svg--2 {
  width: 0.75rem;
  height: 0.75rem  !important;
  line-height: 0.75rem; }

.svg--1 {
  width: 0.85rem;
  height: 0.85rem !important;
  line-height: 0.85rem; }

.svg-1 {
  width: 1.25rem;
  height: 1.25rem !important;
  line-height: 1.25rem; }

.svg-2 {
  width: 1.5rem;
  height: 1.5rem !important;
  line-height: 1.5rem; }

.svg-3 {
  width: 2rem;
  height: 2rem !important;
  line-height: 2rem; }

.svg-4 {
  width: 2.5rem;
  height: 2.5rem !important;
  line-height: 2.5rem; }

.svg-5 {
  width: 3rem;
  height: 3rem !important;
  line-height: 3rem; }

.svg-6 {
  width: 4rem;
  height: 4rem !important;
  line-height: 4rem; }

.svg-7 {
  width: 6rem;
  height: 6rem !important;
  line-height: 6rem; }

.svg-0 {
  width: 1rem;
  height: 1rem !important;
  line-height: 1rem; }

@media (min-width: 576px) {
  .s-sm-1 {
    stroke-width: 1px; }
  .s-sm-2 {
    stroke-width: 2px; }
  .s-sm-3 {
    stroke-width: 3px; }
  .s-sm-4 {
    stroke-width: 4px; }
  .s-sm-5 {
    stroke-width: 5px; }
  .s-sm-6 {
    stroke-width: 6px; }
  .s-sm-7 {
    stroke-width: 7px; }
  .s-sm-8 {
    stroke-width: 8px; }
  .s-sm-9 {
    stroke-width: 9px; }
  .s-sm-10 {
    stroke-width: 10px; }
  .s-sm-0 {
    stroke-width: 0; }
  .svg-sm--3 {
    width: 0.65rem;
    height: 0.65rem;
    line-height: 0.65rem; }
  .svg-sm--2 {
    width: 0.75rem;
    height: 0.75rem;
    line-height: 0.75rem; }
  .svg-sm--1 {
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem; }
  .svg-sm-1 {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem; }
  .svg-sm-2 {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem; }
  .svg-sm-3 {
    width: 2rem;
    height: 2rem;
    line-height: 2rem; }
  .svg-sm-4 {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem; }
  .svg-sm-5 {
    width: 3rem;
    height: 3rem;
    line-height: 3rem; }
  .svg-sm-6 {
    width: 4rem;
    height: 4rem;
    line-height: 4rem; }
  .svg-sm-7 {
    width: 6rem;
    height: 6rem;
    line-height: 6rem; }
  .svg-sm-0 {
    width: 1rem;
    height: 1rem;
    line-height: 1rem; } }

@media (min-width: 768px) {
  .s-md-1 {
    stroke-width: 1px; }
  .s-md-2 {
    stroke-width: 2px; }
  .s-md-3 {
    stroke-width: 3px; }
  .s-md-4 {
    stroke-width: 4px; }
  .s-md-5 {
    stroke-width: 5px; }
  .s-md-6 {
    stroke-width: 6px; }
  .s-md-7 {
    stroke-width: 7px; }
  .s-md-8 {
    stroke-width: 8px; }
  .s-md-9 {
    stroke-width: 9px; }
  .s-md-10 {
    stroke-width: 10px; }
  .s-md-0 {
    stroke-width: 0; }
  .svg-md--3 {
    width: 0.65rem;
    height: 0.65rem;
    line-height: 0.65rem; }
  .svg-md--2 {
    width: 0.75rem;
    height: 0.75rem;
    line-height: 0.75rem; }
  .svg-md--1 {
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem; }
  .svg-md-1 {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem; }
  .svg-md-2 {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem; }
  .svg-md-3 {
    width: 2rem;
    height: 2rem;
    line-height: 2rem; }
  .svg-md-4 {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem; }
  .svg-md-5 {
    width: 3rem;
    height: 3rem;
    line-height: 3rem; }
  .svg-md-6 {
    width: 4rem;
    height: 4rem;
    line-height: 4rem; }
  .svg-md-7 {
    width: 6rem;
    height: 6rem;
    line-height: 6rem; }
  .svg-md-0 {
    width: 1rem;
    height: 1rem;
    line-height: 1rem; } }

@media (min-width: 992px) {
  .s-lg-1 {
    stroke-width: 1px; }
  .s-lg-2 {
    stroke-width: 2px; }
  .s-lg-3 {
    stroke-width: 3px; }
  .s-lg-4 {
    stroke-width: 4px; }
  .s-lg-5 {
    stroke-width: 5px; }
  .s-lg-6 {
    stroke-width: 6px; }
  .s-lg-7 {
    stroke-width: 7px; }
  .s-lg-8 {
    stroke-width: 8px; }
  .s-lg-9 {
    stroke-width: 9px; }
  .s-lg-10 {
    stroke-width: 10px; }
  .s-lg-0 {
    stroke-width: 0; }
  .svg-lg--3 {
    width: 0.65rem;
    height: 0.65rem;
    line-height: 0.65rem; }
  .svg-lg--2 {
    width: 0.75rem;
    height: 0.75rem;
    line-height: 0.75rem; }
  .svg-lg--1 {
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem; }
  .svg-lg-1 {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem; }
  .svg-lg-2 {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem; }
  .svg-lg-3 {
    width: 2rem;
    height: 2rem;
    line-height: 2rem; }
  .svg-lg-4 {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem; }
  .svg-lg-5 {
    width: 3rem;
    height: 3rem;
    line-height: 3rem; }
  .svg-lg-6 {
    width: 4rem;
    height: 4rem;
    line-height: 4rem; }
  .svg-lg-7 {
    width: 6rem;
    height: 6rem;
    line-height: 6rem; }
  .svg-lg-0 {
    width: 1rem;
    height: 1rem;
    line-height: 1rem; } }

@media (min-width: 1200px) {
  .s-xl-1 {
    stroke-width: 1px; }
  .s-xl-2 {
    stroke-width: 2px; }
  .s-xl-3 {
    stroke-width: 3px; }
  .s-xl-4 {
    stroke-width: 4px; }
  .s-xl-5 {
    stroke-width: 5px; }
  .s-xl-6 {
    stroke-width: 6px; }
  .s-xl-7 {
    stroke-width: 7px; }
  .s-xl-8 {
    stroke-width: 8px; }
  .s-xl-9 {
    stroke-width: 9px; }
  .s-xl-10 {
    stroke-width: 10px; }
  .s-xl-0 {
    stroke-width: 0; }
  .svg-xl--3 {
    width: 0.65rem;
    height: 0.65rem;
    line-height: 0.65rem; }
  .svg-xl--2 {
    width: 0.75rem;
    height: 0.75rem;
    line-height: 0.75rem; }
  .svg-xl--1 {
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem; }
  .svg-xl-1 {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem; }
  .svg-xl-2 {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem; }
  .svg-xl-3 {
    width: 2rem;
    height: 2rem;
    line-height: 2rem; }
  .svg-xl-4 {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem; }
  .svg-xl-5 {
    width: 3rem;
    height: 3rem;
    line-height: 3rem; }
  .svg-xl-6 {
    width: 4rem;
    height: 4rem;
    line-height: 4rem; }
  .svg-xl-7 {
    width: 6rem;
    height: 6rem;
    line-height: 6rem; }
  .svg-xl-0 {
    width: 1rem;
    height: 1rem;
    line-height: 1rem; } }

.svg-icon {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }

.f-none {
  fill: none; }

.f-nonzero {
  fill-rule: nonzero; }

.f-evenodd {
  fill-rule: evenodd; }

.s-miter {
  stroke-linejoin: miter; }

.s-round {
  stroke-linejoin: round; }

.s-bevel {
  stroke-linejoin: bevel; }

.s-butt {
  stroke-linecap: butt; }

.s-round {
  stroke-linecap: round; }

.s-square {
  stroke-linecap: square; }

.mdb-color.lighten-5 {
  background-color: #d0d6e2 !important; }

.mdb-color.lighten-4 {
  background-color: #b1bace !important; }

.mdb-color.lighten-3 {
  background-color: #929fba !important; }

.mdb-color.lighten-2 {
  background-color: #7283a7 !important; }

.mdb-color.lighten-1 {
  background-color: #59698d !important; }

.mdb-color {
  background-color: #45526e !important; }

.mdb-color-text {
  color: #45526e !important; }

.rgba-mdb-color-slight,
.rgba-mdb-color-slight:after {
  background-color: rgba(69, 82, 110, 0.1); }

.rgba-mdb-color-light,
.rgba-mdb-color-light:after {
  background-color: rgba(69, 82, 110, 0.3); }

.rgba-mdb-color-strong,
.rgba-mdb-color-strong:after {
  background-color: rgba(69, 82, 110, 0.7); }

.mdb-color.darken-1 {
  background-color: #3b465e !important; }

.mdb-color.darken-2 {
  background-color: #2e3951 !important; }

.mdb-color.darken-3 {
  background-color: #1c2a48 !important; }

.mdb-color.darken-4 {
  background-color: #1c2331 !important; }

.red.lighten-5 {
  background-color: #ffebee !important; }

.red.lighten-4 {
  background-color: #ffcdd2 !important; }

.red.lighten-3 {
  background-color: #ef9a9a !important; }

.red.lighten-2 {
  background-color: #e57373 !important; }

.red.lighten-1 {
  background-color: #ef5350 !important; }

.red {
  background-color: #f44336 !important; }

.red-text {
  color: #f44336 !important; }

.rgba-red-slight,
.rgba-red-slight:after {
  background-color: rgba(244, 67, 54, 0.1); }

.rgba-red-light,
.rgba-red-light:after {
  background-color: rgba(244, 67, 54, 0.3); }

.rgba-red-strong,
.rgba-red-strong:after {
  background-color: rgba(244, 67, 54, 0.7); }

.red.darken-1 {
  background-color: #e53935 !important; }

.red.darken-2 {
  background-color: #d32f2f !important; }

.red.darken-3 {
  background-color: #c62828 !important; }

.red.darken-4 {
  background-color: #b71c1c !important; }

.red.accent-1 {
  background-color: #ff8a80 !important; }

.red.accent-2 {
  background-color: #ff5252 !important; }

.red.accent-3 {
  background-color: #ff1744 !important; }

.red.accent-4 {
  background-color: #d50000 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.rgba-pink-slight,
.rgba-pink-slight:after {
  background-color: rgba(233, 30, 99, 0.1); }

.rgba-pink-light,
.rgba-pink-light:after {
  background-color: rgba(233, 30, 99, 0.3); }

.rgba-pink-strong,
.rgba-pink-strong:after {
  background-color: rgba(233, 30, 99, 0.7); }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.rgba-purple-slight,
.rgba-purple-slight:after {
  background-color: rgba(156, 39, 176, 0.1); }

.rgba-purple-light,
.rgba-purple-light:after {
  background-color: rgba(156, 39, 176, 0.3); }

.rgba-purple-strong,
.rgba-purple-strong:after {
  background-color: rgba(156, 39, 176, 0.7); }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.rgba-deep-purple-slight,
.rgba-deep-purple-slight:after {
  background-color: rgba(103, 58, 183, 0.1); }

.rgba-deep-purple-light,
.rgba-deep-purple-light:after {
  background-color: rgba(103, 58, 183, 0.3); }

.rgba-deep-purple-strong,
.rgba-deep-purple-strong:after {
  background-color: rgba(103, 58, 183, 0.7); }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.rgba-indigo-slight,
.rgba-indigo-slight:after {
  background-color: rgba(63, 81, 181, 0.1); }

.rgba-indigo-light,
.rgba-indigo-light:after {
  background-color: rgba(63, 81, 181, 0.3); }

.rgba-indigo-strong,
.rgba-indigo-strong:after {
  background-color: rgba(63, 81, 181, 0.7); }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.blue.lighten-5 {
  background-color: #e3f2fd !important; }

.blue.lighten-4 {
  background-color: #bbdefb !important; }

.blue.lighten-3 {
  background-color: #90caf9 !important; }

.blue.lighten-2 {
  background-color: #64b5f6 !important; }

.blue.lighten-1 {
  background-color: #42a5f5 !important; }

.blue {
  background-color: #2196f3 !important; }

.blue-text {
  color: #2196f3 !important; }

.rgba-blue-slight,
.rgba-blue-slight:after {
  background-color: rgba(33, 150, 243, 0.1); }

.rgba-blue-light,
.rgba-blue-light:after {
  background-color: rgba(33, 150, 243, 0.3); }

.rgba-blue-strong,
.rgba-blue-strong:after {
  background-color: rgba(33, 150, 243, 0.7); }

.blue.darken-1 {
  background-color: #1e88e5 !important; }

.blue.darken-2 {
  background-color: #1976d2 !important; }

.blue.darken-3 {
  background-color: #1565c0 !important; }

.blue.darken-4 {
  background-color: #0d47a1 !important; }

.blue.accent-1 {
  background-color: #82b1ff !important; }

.blue.accent-2 {
  background-color: #448aff !important; }

.blue.accent-3 {
  background-color: #2979ff !important; }

.blue.accent-4 {
  background-color: #2962ff !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.rgba-light-blue-slight,
.rgba-light-blue-slight:after {
  background-color: rgba(3, 169, 244, 0.1); }

.rgba-light-blue-light,
.rgba-light-blue-light:after {
  background-color: rgba(3, 169, 244, 0.3); }

.rgba-light-blue-strong,
.rgba-light-blue-strong:after {
  background-color: rgba(3, 169, 244, 0.7); }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.rgba-cyan-slight,
.rgba-cyan-slight:after {
  background-color: rgba(0, 188, 212, 0.1); }

.rgba-cyan-light,
.rgba-cyan-light:after {
  background-color: rgba(0, 188, 212, 0.3); }

.rgba-cyan-strong,
.rgba-cyan-strong:after {
  background-color: rgba(0, 188, 212, 0.7); }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.rgba-teal-slight,
.rgba-teal-slight:after {
  background-color: rgba(0, 150, 136, 0.1); }

.rgba-teal-light,
.rgba-teal-light:after {
  background-color: rgba(0, 150, 136, 0.3); }

.rgba-teal-strong,
.rgba-teal-strong:after {
  background-color: rgba(0, 150, 136, 0.7); }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.green.lighten-5 {
  background-color: #e8f5e9 !important; }

.green.lighten-4 {
  background-color: #c8e6c9 !important; }

.green.lighten-3 {
  background-color: #a5d6a7 !important; }

.green.lighten-2 {
  background-color: #81c784 !important; }

.green.lighten-1 {
  background-color: #66bb6a !important; }

.green {
  background-color: #4caf50 !important; }

.green-text {
  color: #4caf50 !important; }

.rgba-green-slight,
.rgba-green-slight:after {
  background-color: rgba(76, 175, 80, 0.1); }

.rgba-green-light,
.rgba-green-light:after {
  background-color: rgba(76, 175, 80, 0.3); }

.rgba-green-strong,
.rgba-green-strong:after {
  background-color: rgba(76, 175, 80, 0.7); }

.green.darken-1 {
  background-color: #43a047 !important; }

.green.darken-2 {
  background-color: #388e3c !important; }

.green.darken-3 {
  background-color: #2e7d32 !important; }

.green.darken-4 {
  background-color: #1b5e20 !important; }

.green.accent-1 {
  background-color: #b9f6ca !important; }

.green.accent-2 {
  background-color: #69f0ae !important; }

.green.accent-3 {
  background-color: #00e676 !important; }

.green.accent-4 {
  background-color: #00c853 !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.rgba-light-green-slight,
.rgba-light-green-slight:after {
  background-color: rgba(139, 195, 74, 0.1); }

.rgba-light-green-light,
.rgba-light-green-light:after {
  background-color: rgba(139, 195, 74, 0.3); }

.rgba-light-green-strong,
.rgba-light-green-strong:after {
  background-color: rgba(139, 195, 74, 0.7); }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.rgba-lime-slight,
.rgba-lime-slight:after {
  background-color: rgba(205, 220, 57, 0.1); }

.rgba-lime-light,
.rgba-lime-light:after {
  background-color: rgba(205, 220, 57, 0.3); }

.rgba-lime-strong,
.rgba-lime-strong:after {
  background-color: rgba(205, 220, 57, 0.7); }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.rgba-yellow-slight,
.rgba-yellow-slight:after {
  background-color: rgba(255, 235, 59, 0.1); }

.rgba-yellow-light,
.rgba-yellow-light:after {
  background-color: rgba(255, 235, 59, 0.3); }

.rgba-yellow-strong,
.rgba-yellow-strong:after {
  background-color: rgba(255, 235, 59, 0.7); }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.rgba-amber-slight,
.rgba-amber-slight:after {
  background-color: rgba(255, 193, 7, 0.1); }

.rgba-amber-light,
.rgba-amber-light:after {
  background-color: rgba(255, 193, 7, 0.3); }

.rgba-amber-strong,
.rgba-amber-strong:after {
  background-color: rgba(255, 193, 7, 0.7); }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.rgba-orange-slight,
.rgba-orange-slight:after {
  background-color: rgba(255, 152, 0, 0.1); }

.rgba-orange-light,
.rgba-orange-light:after {
  background-color: rgba(255, 152, 0, 0.3); }

.rgba-orange-strong,
.rgba-orange-strong:after {
  background-color: rgba(255, 152, 0, 0.7); }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.rgba-deep-orange-slight,
.rgba-deep-orange-slight:after {
  background-color: rgba(255, 87, 34, 0.1); }

.rgba-deep-orange-light,
.rgba-deep-orange-light:after {
  background-color: rgba(255, 87, 34, 0.3); }

.rgba-deep-orange-strong,
.rgba-deep-orange-strong:after {
  background-color: rgba(255, 87, 34, 0.7); }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.rgba-brown-slight,
.rgba-brown-slight:after {
  background-color: rgba(121, 85, 72, 0.1); }

.rgba-brown-light,
.rgba-brown-light:after {
  background-color: rgba(121, 85, 72, 0.3); }

.rgba-brown-strong,
.rgba-brown-strong:after {
  background-color: rgba(121, 85, 72, 0.7); }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.rgba-blue-grey-slight,
.rgba-blue-grey-slight:after {
  background-color: rgba(96, 125, 139, 0.1); }

.rgba-blue-grey-light,
.rgba-blue-grey-light:after {
  background-color: rgba(96, 125, 139, 0.3); }

.rgba-blue-grey-strong,
.rgba-blue-grey-strong:after {
  background-color: rgba(96, 125, 139, 0.7); }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.rgba-grey-slight,
.rgba-grey-slight:after {
  background-color: rgba(158, 158, 158, 0.1); }

.rgba-grey-light,
.rgba-grey-light:after {
  background-color: rgba(158, 158, 158, 0.3); }

.rgba-grey-strong,
.rgba-grey-strong:after {
  background-color: rgba(158, 158, 158, 0.7); }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.black {
  background-color: #000 !important; }

.black-text {
  color: #000 !important; }

.rgba-black-slight,
.rgba-black-slight:after {
  background-color: rgba(0, 0, 0, 0.1); }

.rgba-black-light,
.rgba-black-light:after {
  background-color: rgba(0, 0, 0, 0.3); }

.rgba-black-strong,
.rgba-black-strong:after {
  background-color: rgba(0, 0, 0, 0.7); }

.white {
  background-color: #fff !important; }

.white-text {
  color: #fff !important; }

.rgba-white-slight,
.rgba-white-slight:after {
  background-color: rgba(255, 255, 255, 0.1); }

.rgba-white-light,
.rgba-white-light:after {
  background-color: rgba(255, 255, 255, 0.3); }

.rgba-white-strong,
.rgba-white-strong:after {
  background-color: rgba(255, 255, 255, 0.7); }

.rgba-stylish-slight {
  background-color: rgba(62, 69, 81, 0.1); }

.rgba-stylish-light {
  background-color: rgba(62, 69, 81, 0.3); }

.rgba-stylish-strong {
  background-color: rgba(62, 69, 81, 0.7); }

.dark-grey-text {
  color: #4f4f4f !important; }
  .dark-grey-text:hover, .dark-grey-text:focus {
    color: #4f4f4f !important; }

.primary-color {
  background-color: #4285f4 !important; }

.primary-color-dark {
  background-color: #0d47a1 !important; }

.secondary-color {
  background-color: #aa66cc !important; }

.secondary-color-dark {
  background-color: #9933cc !important; }

.default-color {
  background-color: #2bbbad !important; }

.default-color-dark {
  background-color: #00695c !important; }

.info-color {
  background-color: #33b5e5 !important; }

.info-color-dark {
  background-color: #0099cc !important; }

.success-color {
  background-color: #00c851 !important; }

.success-color-dark {
  background-color: #007e33 !important; }

.warning-color {
  background-color: #ffbb33 !important; }

.warning-color-dark {
  background-color: #ff8800 !important; }

.danger-color {
  background-color: #ff3547 !important; }

.danger-color-dark {
  background-color: #cc0000 !important; }

.elegant-color {
  background-color: #2e2e2e !important; }

.elegant-color-dark {
  background-color: #212121 !important; }

.stylish-color {
  background-color: #4b515d !important; }

.stylish-color-dark {
  background-color: #3e4551 !important; }

.unique-color {
  background-color: #3f729b !important; }

.unique-color-dark {
  background-color: #1c2331 !important; }

.special-color {
  background-color: #37474f !important; }

.special-color-dark {
  background-color: #263238 !important; }

/*** Global ***/
.sf-form-md.input-group label {
  top: 0;
  margin-bottom: 0; }

.sf-form-md.input-group .input-group-text {
  background-color: #e0e0e0; }
  .sf-form-md.input-group .input-group-text.md-addon {
    border: none;
    background-color: transparent;
    font-weight: 500; }

.sf-form-md.input-group .form-control {
  margin: 0;
  padding: 0.375rem 0.75rem; }

.sf-form-md {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  .sf-form-md input[type=text],
  .sf-form-md input[type=password],
  .sf-form-md input[type=email],
  .sf-form-md input[type=url],
  .sf-form-md input[type=time],
  .sf-form-md input[type=date],
  .sf-form-md input[type=datetime-local],
  .sf-form-md input[type=tel],
  .sf-form-md input[type=number],
  .sf-form-md input[type=search-md],
  .sf-form-md input[type=search],
  .sf-form-md textarea.md-textarea {
    transition: all 0.3s;
    outline: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    box-sizing: content-box;
    background-color: transparent; }
    .sf-form-md input[type=text]:focus:not([readonly]),
    .sf-form-md input[type=password]:focus:not([readonly]),
    .sf-form-md input[type=email]:focus:not([readonly]),
    .sf-form-md input[type=url]:focus:not([readonly]),
    .sf-form-md input[type=time]:focus:not([readonly]),
    .sf-form-md input[type=date]:focus:not([readonly]),
    .sf-form-md input[type=datetime-local]:focus:not([readonly]),
    .sf-form-md input[type=tel]:focus:not([readonly]),
    .sf-form-md input[type=number]:focus:not([readonly]),
    .sf-form-md input[type=search-md]:focus:not([readonly]),
    .sf-form-md input[type=search]:focus:not([readonly]),
    .sf-form-md textarea.md-textarea:focus:not([readonly]) {
      box-shadow: 0 1px 0 0 #448AFF;
      border-bottom: 1px solid #448AFF; }
      .sf-form-md input[type=text]:focus:not([readonly]) + label,
      .sf-form-md input[type=password]:focus:not([readonly]) + label,
      .sf-form-md input[type=email]:focus:not([readonly]) + label,
      .sf-form-md input[type=url]:focus:not([readonly]) + label,
      .sf-form-md input[type=time]:focus:not([readonly]) + label,
      .sf-form-md input[type=date]:focus:not([readonly]) + label,
      .sf-form-md input[type=datetime-local]:focus:not([readonly]) + label,
      .sf-form-md input[type=tel]:focus:not([readonly]) + label,
      .sf-form-md input[type=number]:focus:not([readonly]) + label,
      .sf-form-md input[type=search-md]:focus:not([readonly]) + label,
      .sf-form-md input[type=search]:focus:not([readonly]) + label,
      .sf-form-md textarea.md-textarea:focus:not([readonly]) + label {
        color: #448AFF; }
    .sf-form-md input[type=text] + label:after,
    .sf-form-md input[type=password] + label:after,
    .sf-form-md input[type=email] + label:after,
    .sf-form-md input[type=url] + label:after,
    .sf-form-md input[type=time] + label:after,
    .sf-form-md input[type=date] + label:after,
    .sf-form-md input[type=datetime-local] + label:after,
    .sf-form-md input[type=tel] + label:after,
    .sf-form-md input[type=number] + label:after,
    .sf-form-md input[type=search-md] + label:after,
    .sf-form-md input[type=search] + label:after,
    .sf-form-md textarea.md-textarea + label:after {
      content: "";
      position: absolute;
      top: 65px;
      display: block;
      opacity: 0;
      transition: 0.2s opacity ease-out, 0.2s color ease-out; }
    .sf-form-md input[type=text].valid, .sf-form-md input[type=text]:focus.valid,
    .sf-form-md input[type=password].valid,
    .sf-form-md input[type=password]:focus.valid,
    .sf-form-md input[type=email].valid,
    .sf-form-md input[type=email]:focus.valid,
    .sf-form-md input[type=url].valid,
    .sf-form-md input[type=url]:focus.valid,
    .sf-form-md input[type=time].valid,
    .sf-form-md input[type=time]:focus.valid,
    .sf-form-md input[type=date].valid,
    .sf-form-md input[type=date]:focus.valid,
    .sf-form-md input[type=datetime-local].valid,
    .sf-form-md input[type=datetime-local]:focus.valid,
    .sf-form-md input[type=tel].valid,
    .sf-form-md input[type=tel]:focus.valid,
    .sf-form-md input[type=number].valid,
    .sf-form-md input[type=number]:focus.valid,
    .sf-form-md input[type=search-md].valid,
    .sf-form-md input[type=search-md]:focus.valid,
    .sf-form-md input[type=search].valid,
    .sf-form-md input[type=search]:focus.valid,
    .sf-form-md textarea.md-textarea.valid,
    .sf-form-md textarea.md-textarea:focus.valid {
      border-bottom: 1px solid #00c851;
      box-shadow: 0 1px 0 0 #00c851; }
    .sf-form-md input[type=text].valid + label:after, .sf-form-md input[type=text]:focus.valid + label:after,
    .sf-form-md input[type=password].valid + label:after,
    .sf-form-md input[type=password]:focus.valid + label:after,
    .sf-form-md input[type=email].valid + label:after,
    .sf-form-md input[type=email]:focus.valid + label:after,
    .sf-form-md input[type=url].valid + label:after,
    .sf-form-md input[type=url]:focus.valid + label:after,
    .sf-form-md input[type=time].valid + label:after,
    .sf-form-md input[type=time]:focus.valid + label:after,
    .sf-form-md input[type=date].valid + label:after,
    .sf-form-md input[type=date]:focus.valid + label:after,
    .sf-form-md input[type=datetime-local].valid + label:after,
    .sf-form-md input[type=datetime-local]:focus.valid + label:after,
    .sf-form-md input[type=tel].valid + label:after,
    .sf-form-md input[type=tel]:focus.valid + label:after,
    .sf-form-md input[type=number].valid + label:after,
    .sf-form-md input[type=number]:focus.valid + label:after,
    .sf-form-md input[type=search-md].valid + label:after,
    .sf-form-md input[type=search-md]:focus.valid + label:after,
    .sf-form-md input[type=search].valid + label:after,
    .sf-form-md input[type=search]:focus.valid + label:after,
    .sf-form-md textarea.md-textarea.valid + label:after,
    .sf-form-md textarea.md-textarea:focus.valid + label:after {
      content: attr(data-success);
      color: #00c851;
      opacity: 1; }
    .sf-form-md input[type=text].invalid, .sf-form-md input[type=text]:focus.invalid,
    .sf-form-md input[type=password].invalid,
    .sf-form-md input[type=password]:focus.invalid,
    .sf-form-md input[type=email].invalid,
    .sf-form-md input[type=email]:focus.invalid,
    .sf-form-md input[type=url].invalid,
    .sf-form-md input[type=url]:focus.invalid,
    .sf-form-md input[type=time].invalid,
    .sf-form-md input[type=time]:focus.invalid,
    .sf-form-md input[type=date].invalid,
    .sf-form-md input[type=date]:focus.invalid,
    .sf-form-md input[type=datetime-local].invalid,
    .sf-form-md input[type=datetime-local]:focus.invalid,
    .sf-form-md input[type=tel].invalid,
    .sf-form-md input[type=tel]:focus.invalid,
    .sf-form-md input[type=number].invalid,
    .sf-form-md input[type=number]:focus.invalid,
    .sf-form-md input[type=search-md].invalid,
    .sf-form-md input[type=search-md]:focus.invalid,
    .sf-form-md input[type=search].invalid,
    .sf-form-md input[type=search]:focus.invalid,
    .sf-form-md textarea.md-textarea.invalid,
    .sf-form-md textarea.md-textarea:focus.invalid {
      border-bottom: 1px solid #f44336;
      box-shadow: 0 1px 0 0 #f44336; }
    .sf-form-md input[type=text].invalid + label:after, .sf-form-md input[type=text]:focus.invalid + label:after,
    .sf-form-md input[type=password].invalid + label:after,
    .sf-form-md input[type=password]:focus.invalid + label:after,
    .sf-form-md input[type=email].invalid + label:after,
    .sf-form-md input[type=email]:focus.invalid + label:after,
    .sf-form-md input[type=url].invalid + label:after,
    .sf-form-md input[type=url]:focus.invalid + label:after,
    .sf-form-md input[type=time].invalid + label:after,
    .sf-form-md input[type=time]:focus.invalid + label:after,
    .sf-form-md input[type=date].invalid + label:after,
    .sf-form-md input[type=date]:focus.invalid + label:after,
    .sf-form-md input[type=datetime-local].invalid + label:after,
    .sf-form-md input[type=datetime-local]:focus.invalid + label:after,
    .sf-form-md input[type=tel].invalid + label:after,
    .sf-form-md input[type=tel]:focus.invalid + label:after,
    .sf-form-md input[type=number].invalid + label:after,
    .sf-form-md input[type=number]:focus.invalid + label:after,
    .sf-form-md input[type=search-md].invalid + label:after,
    .sf-form-md input[type=search-md]:focus.invalid + label:after,
    .sf-form-md input[type=search].invalid + label:after,
    .sf-form-md input[type=search]:focus.invalid + label:after,
    .sf-form-md textarea.md-textarea.invalid + label:after,
    .sf-form-md textarea.md-textarea:focus.invalid + label:after {
      content: attr(data-error);
      color: #f44336;
      opacity: 1; }
    .sf-form-md input[type=text].form-control.valid + label:after,
    .sf-form-md input[type=text].form-control:focus.valid + label:after,
    .sf-form-md input[type=password].form-control.valid + label:after,
    .sf-form-md input[type=password].form-control:focus.valid + label:after,
    .sf-form-md input[type=email].form-control.valid + label:after,
    .sf-form-md input[type=email].form-control:focus.valid + label:after,
    .sf-form-md input[type=url].form-control.valid + label:after,
    .sf-form-md input[type=url].form-control:focus.valid + label:after,
    .sf-form-md input[type=time].form-control.valid + label:after,
    .sf-form-md input[type=time].form-control:focus.valid + label:after,
    .sf-form-md input[type=date].form-control.valid + label:after,
    .sf-form-md input[type=date].form-control:focus.valid + label:after,
    .sf-form-md input[type=datetime-local].form-control.valid + label:after,
    .sf-form-md input[type=datetime-local].form-control:focus.valid + label:after,
    .sf-form-md input[type=tel].form-control.valid + label:after,
    .sf-form-md input[type=tel].form-control:focus.valid + label:after,
    .sf-form-md input[type=number].form-control.valid + label:after,
    .sf-form-md input[type=number].form-control:focus.valid + label:after,
    .sf-form-md input[type=search-md].form-control.valid + label:after,
    .sf-form-md input[type=search-md].form-control:focus.valid + label:after,
    .sf-form-md input[type=search].form-control.valid + label:after,
    .sf-form-md input[type=search].form-control:focus.valid + label:after,
    .sf-form-md textarea.md-textarea.form-control.valid + label:after,
    .sf-form-md textarea.md-textarea.form-control:focus.valid + label:after {
      top: 3.56rem; }
    .sf-form-md input[type=text].form-control.invalid + label:after,
    .sf-form-md input[type=text].form-control:focus.invalid + label:after,
    .sf-form-md input[type=password].form-control.invalid + label:after,
    .sf-form-md input[type=password].form-control:focus.invalid + label:after,
    .sf-form-md input[type=email].form-control.invalid + label:after,
    .sf-form-md input[type=email].form-control:focus.invalid + label:after,
    .sf-form-md input[type=url].form-control.invalid + label:after,
    .sf-form-md input[type=url].form-control:focus.invalid + label:after,
    .sf-form-md input[type=time].form-control.invalid + label:after,
    .sf-form-md input[type=time].form-control:focus.invalid + label:after,
    .sf-form-md input[type=date].form-control.invalid + label:after,
    .sf-form-md input[type=date].form-control:focus.invalid + label:after,
    .sf-form-md input[type=datetime-local].form-control.invalid + label:after,
    .sf-form-md input[type=datetime-local].form-control:focus.invalid + label:after,
    .sf-form-md input[type=tel].form-control.invalid + label:after,
    .sf-form-md input[type=tel].form-control:focus.invalid + label:after,
    .sf-form-md input[type=number].form-control.invalid + label:after,
    .sf-form-md input[type=number].form-control:focus.invalid + label:after,
    .sf-form-md input[type=search-md].form-control.invalid + label:after,
    .sf-form-md input[type=search-md].form-control:focus.invalid + label:after,
    .sf-form-md input[type=search].form-control.invalid + label:after,
    .sf-form-md input[type=search].form-control:focus.invalid + label:after,
    .sf-form-md textarea.md-textarea.form-control.invalid + label:after,
    .sf-form-md textarea.md-textarea.form-control:focus.invalid + label:after {
      top: 3.44rem; }
    .sf-form-md input[type=text].form-control-lg.valid + label:after,
    .sf-form-md input[type=text].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=password].form-control-lg.valid + label:after,
    .sf-form-md input[type=password].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=email].form-control-lg.valid + label:after,
    .sf-form-md input[type=email].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=url].form-control-lg.valid + label:after,
    .sf-form-md input[type=url].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=time].form-control-lg.valid + label:after,
    .sf-form-md input[type=time].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=date].form-control-lg.valid + label:after,
    .sf-form-md input[type=date].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=datetime-local].form-control-lg.valid + label:after,
    .sf-form-md input[type=datetime-local].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=tel].form-control-lg.valid + label:after,
    .sf-form-md input[type=tel].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=number].form-control-lg.valid + label:after,
    .sf-form-md input[type=number].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=search-md].form-control-lg.valid + label:after,
    .sf-form-md input[type=search-md].form-control-lg:focus.valid + label:after,
    .sf-form-md input[type=search].form-control-lg.valid + label:after,
    .sf-form-md input[type=search].form-control-lg:focus.valid + label:after,
    .sf-form-md textarea.md-textarea.form-control-lg.valid + label:after,
    .sf-form-md textarea.md-textarea.form-control-lg:focus.valid + label:after {
      top: 4.1rem; }
    .sf-form-md input[type=text].form-control-lg.invalid + label:after,
    .sf-form-md input[type=text].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=password].form-control-lg.invalid + label:after,
    .sf-form-md input[type=password].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=email].form-control-lg.invalid + label:after,
    .sf-form-md input[type=email].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=url].form-control-lg.invalid + label:after,
    .sf-form-md input[type=url].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=time].form-control-lg.invalid + label:after,
    .sf-form-md input[type=time].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=date].form-control-lg.invalid + label:after,
    .sf-form-md input[type=date].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=datetime-local].form-control-lg.invalid + label:after,
    .sf-form-md input[type=datetime-local].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=tel].form-control-lg.invalid + label:after,
    .sf-form-md input[type=tel].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=number].form-control-lg.invalid + label:after,
    .sf-form-md input[type=number].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=search-md].form-control-lg.invalid + label:after,
    .sf-form-md input[type=search-md].form-control-lg:focus.invalid + label:after,
    .sf-form-md input[type=search].form-control-lg.invalid + label:after,
    .sf-form-md input[type=search].form-control-lg:focus.invalid + label:after,
    .sf-form-md textarea.md-textarea.form-control-lg.invalid + label:after,
    .sf-form-md textarea.md-textarea.form-control-lg:focus.invalid + label:after {
      top: 4rem; }
    .sf-form-md input[type=text].form-control-sm.valid + label:after,
    .sf-form-md input[type=text].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=password].form-control-sm.valid + label:after,
    .sf-form-md input[type=password].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=email].form-control-sm.valid + label:after,
    .sf-form-md input[type=email].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=url].form-control-sm.valid + label:after,
    .sf-form-md input[type=url].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=time].form-control-sm.valid + label:after,
    .sf-form-md input[type=time].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=date].form-control-sm.valid + label:after,
    .sf-form-md input[type=date].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=datetime-local].form-control-sm.valid + label:after,
    .sf-form-md input[type=datetime-local].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=tel].form-control-sm.valid + label:after,
    .sf-form-md input[type=tel].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=number].form-control-sm.valid + label:after,
    .sf-form-md input[type=number].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=search-md].form-control-sm.valid + label:after,
    .sf-form-md input[type=search-md].form-control-sm:focus.valid + label:after,
    .sf-form-md input[type=search].form-control-sm.valid + label:after,
    .sf-form-md input[type=search].form-control-sm:focus.valid + label:after,
    .sf-form-md textarea.md-textarea.form-control-sm.valid + label:after,
    .sf-form-md textarea.md-textarea.form-control-sm:focus.valid + label:after {
      top: 3.2rem; }
    .sf-form-md input[type=text].form-control-sm.invalid + label:after,
    .sf-form-md input[type=text].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=password].form-control-sm.invalid + label:after,
    .sf-form-md input[type=password].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=email].form-control-sm.invalid + label:after,
    .sf-form-md input[type=email].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=url].form-control-sm.invalid + label:after,
    .sf-form-md input[type=url].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=time].form-control-sm.invalid + label:after,
    .sf-form-md input[type=time].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=date].form-control-sm.invalid + label:after,
    .sf-form-md input[type=date].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=datetime-local].form-control-sm.invalid + label:after,
    .sf-form-md input[type=datetime-local].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=tel].form-control-sm.invalid + label:after,
    .sf-form-md input[type=tel].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=number].form-control-sm.invalid + label:after,
    .sf-form-md input[type=number].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=search-md].form-control-sm.invalid + label:after,
    .sf-form-md input[type=search-md].form-control-sm:focus.invalid + label:after,
    .sf-form-md input[type=search].form-control-sm.invalid + label:after,
    .sf-form-md input[type=search].form-control-sm:focus.invalid + label:after,
    .sf-form-md textarea.md-textarea.form-control-sm.invalid + label:after,
    .sf-form-md textarea.md-textarea.form-control-sm:focus.invalid + label:after {
      top: 3.1rem; }
  .sf-form-md .was-validated input[type=text]:valid + label {
    color: #00c851 !important; }
  .sf-form-md .was-validated input[type=text]:invalid + label {
    color: #f44336 !important; }
  .sf-form-md .was-validated .form-control:valid:focus {
    box-shadow: 0 1px 0 0 #00c851 !important; }
  .sf-form-md .was-validated .form-control:valid {
    border-color: #00c851 !important; }
  .sf-form-md .was-validated .form-control:invalid:focus {
    box-shadow: 0 1px 0 0 #f44336 !important; }
  .sf-form-md .was-validated .form-control:invalid {
    border-color: #f44336 !important; }
  .sf-form-md .form-control {
    margin: 0 0 0.5rem 0;
    border-radius: 0;
    padding: 0.3rem 0 0.55rem 0;
    background-image: none;
    background-color: transparent;
    /*&:focus {
      box-shadow: none;
      background: transparent;
    }*/ }
    .sf-form-md .form-control:disabled, .sf-form-md .form-control[readonly] {
      border-bottom: 1px solid #bdbdbd;
      background-color: transparent; }
  .sf-form-md .validate {
    margin-bottom: 2.5rem; }
  .sf-form-md label {
    font-size: 1rem; }
    .sf-form-md label.active {
      font-size: 0.8rem; }
  .sf-form-md .prefix {
    top: 0.25rem;
    font-size: 1.75rem; }
    .sf-form-md .prefix ~ input,
    .sf-form-md .prefix ~ textarea {
      margin-left: 2.5rem;
      width: calc(100% - 2.5rem); }
    .sf-form-md .prefix ~ label {
      margin-left: 2.5rem; }
    .sf-form-md .prefix ~ .form-text {
      margin-left: 2.6rem; }
  .sf-form-md label {
    position: absolute;
    top: 0.65rem;
    left: 0;
    transition: 0.2s ease-out;
    cursor: text;
    color: #757575;
    /*&:active {
      font-size: .8rem;
      transform: $input-label-active-transform;
    }*/ }
    .sf-form-md label.active {
      transform: translateY(-140%); }
  .sf-form-md .prefix {
    position: absolute;
    transition: color 0.2s; }
    .sf-form-md .prefix.active {
      color: #4285f4; }
  .sf-form-md.form-lg .validate {
    margin-bottom: 2.8rem; }
  .sf-form-md.form-lg label {
    font-size: 1.25rem; }
    .sf-form-md.form-lg label.active {
      font-size: 0.95rem; }
  .sf-form-md.form-lg .prefix {
    top: 0.4rem;
    font-size: 2rem; }
    .sf-form-md.form-lg .prefix ~ input,
    .sf-form-md.form-lg .prefix ~ textarea {
      margin-left: 3rem;
      width: calc(100% - 3rem); }
    .sf-form-md.form-lg .prefix ~ label {
      margin-left: 3rem; }
    .sf-form-md.form-lg .prefix ~ .form-text {
      margin-left: 3.1rem; }
  .sf-form-md.form-sm .validate {
    margin-bottom: 2.3rem; }
  .sf-form-md.form-sm label {
    font-size: 0.875rem; }
    .sf-form-md.form-sm label.active {
      font-size: 0.75rem; }
  .sf-form-md.form-sm .prefix {
    top: 0.35rem;
    font-size: 1.5rem; }
    .sf-form-md.form-sm .prefix ~ input,
    .sf-form-md.form-sm .prefix ~ textarea {
      margin-left: 2rem;
      width: calc(100% - 2rem); }
    .sf-form-md.form-sm .prefix ~ label {
      margin-left: 2rem; }
    .sf-form-md.form-sm .prefix ~ .form-text {
      margin-left: 2rem; }
  .sf-form-md textarea.md-textarea {
    overflow-y: hidden;
    padding: 1.5rem 0;
    resize: none; }
  .sf-form-md textarea.md-textarea-auto {
    padding: 0;
    padding-top: 1.5rem; }

.media .media-left {
  padding: 0 10px 10px 0; }
  .media .media-left img {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.list-group .list-group-item:first-child {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem; }

.list-group .list-group-item:last-child {
  border-bottom-left-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem; }

.list-group a,
.list-group button {
  transition: 0.5s; }
  .list-group a:hover,
  .list-group button:hover {
    transition: 0.5s; }

.form-check-input[type="radio"],
label.btn input[type="radio"], .form-check-input[type="checkbox"],
label.btn input[type="checkbox"] {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.form-check-input[type="radio"] + label,
label.btn input[type="radio"] + label, .form-check-input[type="checkbox"] + label,
label.btn input[type="checkbox"] + label {
  position: relative;
  padding-left: 2.19rem;
  cursor: pointer;
  display: inline-block;
  height: 1.57rem;
  line-height: 1.57rem;
  font-size: 1rem; }

.form-header {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  text-align: center;
  margin-top: -3.13rem;
  margin-bottom: 3rem;
  padding: 1rem;
  border-radius: 0.125rem; }

.form-check-input[type="radio"] + label,
label.btn input[type="radio"] + label {
  transition: .28s ease; }
  .form-check-input[type="radio"] + label:before, .form-check-input[type="radio"] + label:after,
  label.btn input[type="radio"] + label:before,
  label.btn input[type="radio"] + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 0;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.125rem;
    transition: .28s ease; }

.form-check-input[type="radio"]:not(:checked) + label:before, .form-check-input[type="radio"]:not(:checked) + label:after,
label.btn input[type="radio"]:not(:checked) + label:before,
label.btn input[type="radio"]:not(:checked) + label:after {
  border-color: #448AFF; }

.form-check-input[type="radio"]:not(:checked) + label:after,
label.btn input[type="radio"]:not(:checked) + label:after {
  z-index: -1;
  transform: scale(0); }

.form-check-input[type="radio"]:checked + label:before,
label.btn input[type="radio"]:checked + label:before {
  border-color: transparent; }

.form-check-input[type="radio"]:checked + label:after,
label.btn input[type="radio"]:checked + label:after {
  border-color: #448AFF;
  background-color: #4285f4;
  z-index: 0;
  transform: scale(1.02); }

.form-check-input[type="radio"]:disabled + label,
label.btn input[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.46); }
  .form-check-input[type="radio"]:disabled + label:before,
  label.btn input[type="radio"]:disabled + label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.46); }

.form-check-input[type="radio"]:disabled:not(:checked) + label:before,
label.btn input[type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.46); }

.form-check-input[type="radio"]:disabled:checked + label:after,
label.btn input[type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.46);
  border-color: #BDBDBD; }

.form-check-input[type="radio"].with-gap:checked + label:before,
label.btn input[type="radio"].with-gap:checked + label:before {
  border-color: #448AFF; }

.form-check-input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:after {
  transform: scale(0.5); }

.form-check-input[type="radio"].with-gap:checked:disabled + label:before,
label.btn input[type="radio"].with-gap:checked:disabled + label:before {
  border-color: #448AFF; }

@keyframes shadowC {
  from {
    width: 0;
    height: 0;
    top: 1.25rem;
    left: 1.25rem; }
  to {
    width: 2.5rem;
    height: 2.5rem;
    top: 0.625rem;
    left: 0.6875rem; } }

.form-check-input[type="checkbox"],
label.btn input[type="checkbox"] {
  /*+ label:active {
    &:after {
      content: "";
      position: absolute;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      opacity: 0.3;
      animation: shadowC .05s infinite ease-in-out;
      top: -0.625rem;
      left: -0.6875rem;
      background: map-get($colors, primary);
      animation-iteration-count: 1;
    }
  }

  &:focus {
    + label {
      
        &:after {
          content: "";
          position: absolute;
          width: 2.5rem;
          height: 2.5rem;
          border-radius: 50%;
          opacity: 0.3;
          animation: shadowC .05s infinite ease-in-out;
          top: -0.625rem;
          left: -0.6875rem;
          background: map-get($colors, primary);
          animation-iteration-count: 1;
        }
    }
  }*/ }
  .form-check-input[type="checkbox"] + label:before,
  label.btn input[type="checkbox"] + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    z-index: 0;
    border: 0.125rem solid #8a8a8a;
    border-radius: 0.0625rem;
    margin-top: 0.125rem;
    transition: .2s; }
  .form-check-input[type="checkbox"]:checked + label:before,
  label.btn input[type="checkbox"]:checked + label:before {
    top: -0.25rem;
    left: -0.25rem;
    width: 0.75rem;
    height: 1.375rem;
    border-style: solid;
    border-width: 0.125rem;
    border-color: transparent #448AFF #448AFF transparent;
    transform: rotate(40deg);
    transform-origin: 100% 100%; }
  .form-check-input[type="checkbox"][class*="filled-in"]:checked + label:before,
  label.btn input[type="checkbox"][class*="filled-in"]:checked + label:before {
    border-color: transparent white white transparent; }
  .form-check-input[type="checkbox"]:indeterminate + label:before,
  label.btn input[type="checkbox"]:indeterminate + label:before {
    left: 0.625rem;
    top: 0.6875rem;
    width: 0.625rem;
    height: 1.375rem;
    border: none;
    border-right: 0.125rem solid #448AFF;
    transform: rotate(90deg);
    transform-origin: 100% 100%; }
  .form-check-input[type="checkbox"]:disabled:checked + label:before,
  label.btn input[type="checkbox"]:disabled:checked + label:before {
    border-color: transparent rgba(0, 0, 0, 0.46) rgba(0, 0, 0, 0.46) transparent; }
  .form-check-input[type="checkbox"]:disabled:not(:checked) + label:before,
  label.btn input[type="checkbox"]:disabled:not(:checked) + label:before {
    border: none;
    margin-left: 0.125rem;
    margin-top: 0.125rem;
    background-color: rgba(0, 0, 0, 0.46); }
  .form-check-input[type="checkbox"]:disabled:indeterminate + label:before,
  label.btn input[type="checkbox"]:disabled:indeterminate + label:before {
    border-right: 0.125rem solid rgba(0, 0, 0, 0.46);
    margin-left: 0;
    margin-top: 0;
    background-color: transparent; }
  .form-check-input[type="checkbox"][class*="filled-in"] + label:after, .form-check-input[type="checkbox"][class*="filled-in"] + label:before,
  label.btn input[type="checkbox"][class*="filled-in"] + label:after,
  label.btn input[type="checkbox"][class*="filled-in"] + label:before {
    content: "";
    left: 0;
    position: absolute;
    /* .1s delay is for check animation */
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1;
    border-style: solid;
    border-width: 0.125rem; }
  .form-check-input[type="checkbox"][class*="filled-in"] + label:after,
  label.btn input[type="checkbox"][class*="filled-in"] + label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    z-index: 0;
    border: 0.125rem solid #8a8a8a;
    border-radius: 0.0625rem;
    margin-top: 0.125rem;
    transition: .2s; }
  .form-check-input[type="checkbox"][class*="filled-in"] + label:before,
  label.btn input[type="checkbox"][class*="filled-in"] + label:before {
    transform: rotateZ(37deg);
    transform-origin: 100% 100%; }
  .form-check-input[type="checkbox"][class*="filled-in"]:not(:checked) + label:before,
  label.btn input[type="checkbox"][class*="filled-in"]:not(:checked) + label:before {
    width: 0;
    height: 0;
    border-style: 0.1875rem;
    border-color: transparent;
    left: 0.375rem;
    top: 0.625rem; }
  .form-check-input[type="checkbox"][class*="filled-in"]:not(:checked) + label:after,
  label.btn input[type="checkbox"][class*="filled-in"]:not(:checked) + label:after {
    background-color: transparent;
    border-color: #5a5a5a;
    top: 0;
    z-index: 0; }
  .form-check-input[type="checkbox"][class*="filled-in"]:checked + label:before,
  label.btn input[type="checkbox"][class*="filled-in"]:checked + label:before {
    top: 0.125rem;
    left: 0.0625rem;
    width: 0.4375rem;
    height: 0.75rem;
    border-color: transparent #fff #fff transparent; }
  .form-check-input[type="checkbox"][class*="filled-in"]:checked + label:after,
  label.btn input[type="checkbox"][class*="filled-in"]:checked + label:after {
    top: 0;
    border-color: #448AFF;
    background-color: #448AFF;
    z-index: 0; }
  .form-check-input[type="checkbox"][class*="filled-in"]:disabled:not(:checked) + label:before,
  label.btn input[type="checkbox"][class*="filled-in"]:disabled:not(:checked) + label:before {
    background-color: transparent;
    border-color: #BDBDBD; }
  .form-check-input[type="checkbox"][class*="filled-in"]:disabled:not(:checked) + label:after,
  label.btn input[type="checkbox"][class*="filled-in"]:disabled:not(:checked) + label:after {
    border-color: transparent;
    background-color: #BDBDBD; }
  .form-check-input[type="checkbox"][class*="filled-in"]:disabled:checked + label:before,
  label.btn input[type="checkbox"][class*="filled-in"]:disabled:checked + label:before {
    background-color: transparent; }
  .form-check-input[type="checkbox"][class*="filled-in"]:disabled:checked + label:after,
  label.btn input[type="checkbox"][class*="filled-in"]:disabled:checked + label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD; }
  .form-check-input[type="checkbox"].filled-in-danger:checked + label:after,
  label.btn input[type="checkbox"].filled-in-danger:checked + label:after {
    background-color: #f44336;
    border-color: #f44336; }

.switch label {
  cursor: pointer; }
  .switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0; }
    .switch label input[type=checkbox]:checked + .lever {
      background-color: rgba(68, 138, 255, 0.4); }
    .switch label input[type=checkbox]:checked + .lever:after {
      background-color: #448AFF;
      left: 1.5rem; }
    .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
      box-shadow: 0 1px 3px 1px rgba(68, 138, 255, 0.4), 0 0 0 0.94rem rgba(68, 138, 255, 0.1); }
    .switch label input[type=checkbox]:not(:disabled) ~ .lever:active:after {
      box-shadow: 0 1px 3px 1px rgba(68, 138, 255, 0.4), 0 0 0 0.94rem rgba(0, 0, 0, 0.08); }
    .switch label input[type=checkbox]:disabled + .lever {
      cursor: default; }
    .switch label input[type=checkbox]:disabled + .lever:after, .switch label input[type=checkbox]:disabled:checked + .lever:after {
      background-color: #BDBDBD; }
  .switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 2.5rem;
    height: 0.94rem;
    background-color: #818181;
    border-radius: 0.94rem;
    margin-right: 0.625rem;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 1rem; }
    .switch label .lever:after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 1.32rem;
      height: 1.32rem;
      background-color: #F1F1F1;
      border-radius: 1.32rem;
      box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
      left: -0.32rem;
      top: -0.19rem;
      transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }

.file-field {
  position: relative; }
  .file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px;
    height: 2.5rem; }
  .file-field input.file-path {
    width: 100%;
    height: 2.1rem; }
  .file-field .btn {
    float: left; }
  .file-field span {
    cursor: pointer; }
  .file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0); }
    .file-field input[type=file]::-webkit-file-upload-button {
      display: none; }

.range-field {
  position: relative; }

input[type=range] {
  cursor: pointer;
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0px;
  padding: 0;
  appearance: none;
  border: 1px solid #fff;
  /* fix for FF unable to apply focus style bug  */ }
  input[type=range]:focus {
    outline: none; }
  input[type=range] + .thumb {
    position: absolute;
    border: none;
    height: 0;
    width: 0;
    border-radius: 50%;
    background-color: #4285f4;
    top: 10px;
    margin-left: -6px;
    transform-origin: 50% 50%;
    transform: rotate(-45deg); }
    input[type=range] + .thumb .value {
      display: block;
      width: 30px;
      text-align: center;
      color: #4285f4;
      font-size: 0;
      transform: rotate(45deg); }
    input[type=range] + .thumb.active {
      border-radius: 50% 50% 50% 0; }
      input[type=range] + .thumb.active .value {
        color: #fff;
        margin-left: -1px;
        margin-top: 8px;
        font-size: 10px; }
  input[type=range]::-webkit-slider-runnable-track {
    height: 3px;
    background: #c2c0c2;
    border: none; }
  input[type=range]::-webkit-slider-thumb {
    appearance: none;
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #4285f4;
    transform-origin: 50% 50%;
    margin: -5px 0 0 0;
    transition: 0.3s; }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc; }
  input[type=range]::-moz-range-track {
    /*required for proper track sizing in FF*/
    height: 3px;
    background: #c2c0c2;
    border: none; }
  input[type=range]::-moz-range-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #4285f4;
    margin-top: -5px; }
  input[type=range]:-moz-focusring {
    /*hide the outline behind the border*/
    outline: 1px solid #fff;
    outline-offset: -1px; }
  input[type=range]:focus::-moz-range-track {
    background: #c2c0c2; }
  input[type=range]::-ms-track {
    height: 3px;
    background: transparent;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;
    /*remove default tick marks*/ }
  input[type=range]::-ms-fill-lower {
    background: #c2c0c2; }
  input[type=range]::-ms-fill-upper {
    background: #c2c0c2; }
  input[type=range]::-ms-thumb {
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #4285f4; }
  input[type=range]:focus::-ms-fill-lower {
    background: #c2c0c2; }
  input[type=range]:focus::-ms-fill-upper {
    background: #c2c0c2; }

.sf-form-md.input-group .input-group-text [type=checkbox] + label,
.input-group .input-group-text [type=checkbox] + label {
  padding-left: 18px;
  height: 20px; }

.sf-form-md.input-group .input-group-text [type=radio] + label,
.input-group .input-group-text [type=radio] + label {
  padding-left: 24px;
  height: 24px; }

.c-main {
  color: rgba(21, 25, 30, 0.87); }

.c-sub {
  color: rgba(21, 25, 30, 0.54); }

.c-hint {
  color: rgba(21, 25, 30, 0.26); }

.c-invers.c-main {
  color: white; }

.c-invers.c-sub {
  color: rgba(255, 255, 255, 0.7); }

.c-invers.c-hint {
  color: rgba(255, 255, 255, 0.3); }

.theme-light {
  color: rgba(21, 25, 30, 0.87);
  background: #f8f9fa;
  border-color: rgba(21, 25, 30, 0.12);
  border-width: 0; }
  .theme-light .b-1, .theme-light .b-2, .theme-light .b-3, .theme-light .b-4, .theme-light .b-5,
  .theme-light .br-1, .theme-light .br-2, .theme-light .br-3, .theme-light .br-4, .theme-light .br-5,
  .theme-light .bl-1, .theme-light .bl-2, .theme-light .bl-3, .theme-light .bl-4, .theme-light .bl-5,
  .theme-light .bt-1, .theme-light .bt-2, .theme-light .bt-3, .theme-light .bt-4, .theme-light .bt-5,
  .theme-light .bb-1, .theme-light .bb-2, .theme-light .bb-3, .theme-light .bb-4, .theme-light .bb-5 {
    border-color: rgba(21, 25, 30, 0.12); }
  .theme-light .c-main, .theme-light .c-text-primary, .theme-dark .theme-light .c-text-primary, .theme-dark .theme-dark .theme-light .c-text-primary {
    color: rgba(21, 25, 30, 0.87); }
  .theme-light .c-sub, .theme-light .c-text-secondary, .theme-dark .theme-light .c-text-secondary, .theme-dark .theme-dark .theme-light .c-text-secondary {
    color: rgba(21, 25, 30, 0.54); }
  .theme-light .c-hint, .theme-light .c-text-hint, .theme-dark .theme-light .c-text-hint, .theme-dark .theme-dark .theme-light .c-text-hint {
    color: rgba(21, 25, 30, 0.26); }
  .theme-light .c-active, .theme-light .c-icon-active, .theme-dark .theme-light .c-icon-active, .theme-dark .theme-dark .theme-light .c-icon-active {
    color: rgba(21, 25, 30, 0.54); }
  .theme-light .c-inactive, .theme-light .c-icon-inactive, .theme-dark .theme-light .c-icon-inactive, .theme-dark .theme-dark .theme-light .c-icon-inactive {
    color: rgba(21, 25, 30, 0.38); }
  .theme-light .b-divider, .theme-dark .theme-light .b-divider, .theme-dark .theme-dark .theme-light .b-divider {
    border-color: rgba(21, 25, 30, 0.12); }

.theme-dark {
  color: white;
  background: #212529;
  border-color: rgba(255, 255, 255, 0.12);
  border-width: 0; }
  .theme-dark .b-1, .theme-dark .b-2, .theme-dark .b-3, .theme-dark .b-4, .theme-dark .b-5,
  .theme-dark .br-1, .theme-dark .br-2, .theme-dark .br-3, .theme-dark .br-4, .theme-dark .br-5,
  .theme-dark .bl-1, .theme-dark .bl-2, .theme-dark .bl-3, .theme-dark .bl-4, .theme-dark .bl-5,
  .theme-dark .bt-1, .theme-dark .bt-2, .theme-dark .bt-3, .theme-dark .bt-4, .theme-dark .bt-5,
  .theme-dark .bb-1, .theme-dark .bb-2, .theme-dark .bb-3, .theme-dark .bb-4, .theme-dark .bb-5 {
    border-color: rgba(255, 255, 255, 0.12); }
  .theme-dark .c-main, .theme-dark .c-text-primary, .theme-light .theme-dark .c-text-primary, .theme-light .theme-light .theme-dark .c-text-primary {
    color: white; }
  .theme-dark .c-sub, .theme-dark .c-text-secondary, .theme-light .theme-dark .c-text-secondary, .theme-light .theme-light .theme-dark .c-text-secondary {
    color: rgba(255, 255, 255, 0.7); }
  .theme-dark .c-hint, .theme-dark .c-text-hint, .theme-light .theme-dark .c-text-hint, .theme-light .theme-light .theme-dark .c-text-hint {
    color: rgba(255, 255, 255, 0.3); }
  .theme-dark .c-active, .theme-dark .c-icon-active, .theme-light .theme-dark .c-icon-active, .theme-light .theme-light .theme-dark .c-icon-active {
    color: white; }
  .theme-dark .c-inactive, .theme-dark .c-icon-inactive, .theme-light .theme-dark .c-icon-inactive, .theme-light .theme-light .theme-dark .c-icon-inactive {
    color: rgba(255, 255, 255, 0.5); }
  .theme-dark .b-divider, .theme-light .theme-dark .b-divider, .theme-light .theme-light .theme-dark .b-divider {
    border-color: rgba(255, 255, 255, 0.12); }

.theme-light .c-theme-10, .c-theme-10 {
  color: rgba(21, 25, 30, 0.01); }

.theme-light .bg-theme-10, .bg-theme-10 {
  background: rgba(21, 25, 30, 0.01); }

.theme-light .b-theme-10, .b-theme-10 {
  border-color: rgba(21, 25, 30, 0.01); }

.theme-dark .c-theme-10 {
  color: rgba(255, 255, 255, 0.01); }

.theme-dark .bg-theme-10 {
  background: rgba(255, 255, 255, 0.01); }

.theme-dark .b-theme-10 {
  border-color: rgba(255, 255, 255, 0.01); }

.theme-light .bg-theme-hover-10:hover,
.bg-theme-hover-10:hover {
  background: rgba(21, 25, 30, 0.01); }

.theme-dark .bg-theme-hover-10:hover {
  background: rgba(255, 255, 255, 0.01); }

.theme-light .c-theme-20, .c-theme-20 {
  color: rgba(21, 25, 30, 0.02); }

.theme-light .bg-theme-20, .bg-theme-20 {
  background: rgba(21, 25, 30, 0.02); }

.theme-light .b-theme-20, .b-theme-20 {
  border-color: rgba(21, 25, 30, 0.02); }

.theme-dark .c-theme-20 {
  color: rgba(255, 255, 255, 0.02); }

.theme-dark .bg-theme-20 {
  background: rgba(255, 255, 255, 0.02); }

.theme-dark .b-theme-20 {
  border-color: rgba(255, 255, 255, 0.02); }

.theme-light .bg-theme-hover-20:hover,
.bg-theme-hover-20:hover {
  background: rgba(21, 25, 30, 0.02); }

.theme-dark .bg-theme-hover-20:hover {
  background: rgba(255, 255, 255, 0.02); }

.theme-light .c-theme-30, .c-theme-30 {
  color: rgba(21, 25, 30, 0.03); }

.theme-light .bg-theme-30, .bg-theme-30 {
  background: rgba(21, 25, 30, 0.03); }

.theme-light .b-theme-30, .b-theme-30 {
  border-color: rgba(21, 25, 30, 0.03); }

.theme-dark .c-theme-30 {
  color: rgba(255, 255, 255, 0.03); }

.theme-dark .bg-theme-30 {
  background: rgba(255, 255, 255, 0.03); }

.theme-dark .b-theme-30 {
  border-color: rgba(255, 255, 255, 0.03); }

.theme-light .bg-theme-hover-30:hover,
.bg-theme-hover-30:hover {
  background: rgba(21, 25, 30, 0.03); }

.theme-dark .bg-theme-hover-30:hover {
  background: rgba(255, 255, 255, 0.03); }

.theme-light .c-theme-40, .c-theme-40 {
  color: rgba(21, 25, 30, 0.04); }

.theme-light .bg-theme-40, .bg-theme-40 {
  background: rgba(21, 25, 30, 0.04); }

.theme-light .b-theme-40, .b-theme-40 {
  border-color: rgba(21, 25, 30, 0.04); }

.theme-dark .c-theme-40 {
  color: rgba(255, 255, 255, 0.04); }

.theme-dark .bg-theme-40 {
  background: rgba(255, 255, 255, 0.04); }

.theme-dark .b-theme-40 {
  border-color: rgba(255, 255, 255, 0.04); }

.theme-light .bg-theme-hover-40:hover,
.bg-theme-hover-40:hover {
  background: rgba(21, 25, 30, 0.04); }

.theme-dark .bg-theme-hover-40:hover {
  background: rgba(255, 255, 255, 0.04); }

.theme-light .c-theme-50, .c-theme-50 {
  color: rgba(21, 25, 30, 0.05); }

.theme-light .bg-theme-50, .bg-theme-50 {
  background: rgba(21, 25, 30, 0.05); }

.theme-light .b-theme-50, .b-theme-50 {
  border-color: rgba(21, 25, 30, 0.05); }

.theme-dark .c-theme-50 {
  color: rgba(255, 255, 255, 0.05); }

.theme-dark .bg-theme-50 {
  background: rgba(255, 255, 255, 0.05); }

.theme-dark .b-theme-50 {
  border-color: rgba(255, 255, 255, 0.05); }

.theme-light .bg-theme-hover-50:hover,
.bg-theme-hover-50:hover {
  background: rgba(21, 25, 30, 0.05); }

.theme-dark .bg-theme-hover-50:hover {
  background: rgba(255, 255, 255, 0.05); }

.theme-light .c-theme-60, .c-theme-60 {
  color: rgba(21, 25, 30, 0.06); }

.theme-light .bg-theme-60, .bg-theme-60 {
  background: rgba(21, 25, 30, 0.06); }

.theme-light .b-theme-60, .b-theme-60 {
  border-color: rgba(21, 25, 30, 0.06); }

.theme-dark .c-theme-60 {
  color: rgba(255, 255, 255, 0.06); }

.theme-dark .bg-theme-60 {
  background: rgba(255, 255, 255, 0.06); }

.theme-dark .b-theme-60 {
  border-color: rgba(255, 255, 255, 0.06); }

.theme-light .bg-theme-hover-60:hover,
.bg-theme-hover-60:hover {
  background: rgba(21, 25, 30, 0.06); }

.theme-dark .bg-theme-hover-60:hover {
  background: rgba(255, 255, 255, 0.06); }

.theme-light .c-theme-70, .c-theme-70 {
  color: rgba(21, 25, 30, 0.07); }

.theme-light .bg-theme-70, .bg-theme-70 {
  background: rgba(21, 25, 30, 0.07); }

.theme-light .b-theme-70, .b-theme-70 {
  border-color: rgba(21, 25, 30, 0.07); }

.theme-dark .c-theme-70 {
  color: rgba(255, 255, 255, 0.07); }

.theme-dark .bg-theme-70 {
  background: rgba(255, 255, 255, 0.07); }

.theme-dark .b-theme-70 {
  border-color: rgba(255, 255, 255, 0.07); }

.theme-light .bg-theme-hover-70:hover,
.bg-theme-hover-70:hover {
  background: rgba(21, 25, 30, 0.07); }

.theme-dark .bg-theme-hover-70:hover {
  background: rgba(255, 255, 255, 0.07); }

.theme-light .c-theme-80, .c-theme-80 {
  color: rgba(21, 25, 30, 0.08); }

.theme-light .bg-theme-80, .bg-theme-80 {
  background: rgba(21, 25, 30, 0.08); }

.theme-light .b-theme-80, .b-theme-80 {
  border-color: rgba(21, 25, 30, 0.08); }

.theme-dark .c-theme-80 {
  color: rgba(255, 255, 255, 0.08); }

.theme-dark .bg-theme-80 {
  background: rgba(255, 255, 255, 0.08); }

.theme-dark .b-theme-80 {
  border-color: rgba(255, 255, 255, 0.08); }

.theme-light .bg-theme-hover-80:hover,
.bg-theme-hover-80:hover {
  background: rgba(21, 25, 30, 0.08); }

.theme-dark .bg-theme-hover-80:hover {
  background: rgba(255, 255, 255, 0.08); }

.theme-light .c-theme-90, .c-theme-90 {
  color: rgba(21, 25, 30, 0.09); }

.theme-light .bg-theme-90, .bg-theme-90 {
  background: rgba(21, 25, 30, 0.09); }

.theme-light .b-theme-90, .b-theme-90 {
  border-color: rgba(21, 25, 30, 0.09); }

.theme-dark .c-theme-90 {
  color: rgba(255, 255, 255, 0.09); }

.theme-dark .bg-theme-90 {
  background: rgba(255, 255, 255, 0.09); }

.theme-dark .b-theme-90 {
  border-color: rgba(255, 255, 255, 0.09); }

.theme-light .bg-theme-hover-90:hover,
.bg-theme-hover-90:hover {
  background: rgba(21, 25, 30, 0.09); }

.theme-dark .bg-theme-hover-90:hover {
  background: rgba(255, 255, 255, 0.09); }

.theme-light .c-theme-100, .c-theme-100 {
  color: rgba(21, 25, 30, 0.1); }

.theme-light .bg-theme-100, .bg-theme-100 {
  background: rgba(21, 25, 30, 0.1); }

.theme-light .b-theme-100, .b-theme-100 {
  border-color: rgba(21, 25, 30, 0.1); }

.theme-dark .c-theme-100 {
  color: rgba(255, 255, 255, 0.1); }

.theme-dark .bg-theme-100 {
  background: rgba(255, 255, 255, 0.1); }

.theme-dark .b-theme-100 {
  border-color: rgba(255, 255, 255, 0.1); }

.theme-light .bg-theme-hover-100:hover,
.bg-theme-hover-100:hover {
  background: rgba(21, 25, 30, 0.1); }

.theme-dark .bg-theme-hover-100:hover {
  background: rgba(255, 255, 255, 0.1); }

.theme-light .c-theme-200, .c-theme-200 {
  color: rgba(21, 25, 30, 0.2); }

.theme-light .bg-theme-200, .bg-theme-200 {
  background: rgba(21, 25, 30, 0.2); }

.theme-light .b-theme-200, .b-theme-200 {
  border-color: rgba(21, 25, 30, 0.2); }

.theme-dark .c-theme-200 {
  color: rgba(255, 255, 255, 0.2); }

.theme-dark .bg-theme-200 {
  background: rgba(255, 255, 255, 0.2); }

.theme-dark .b-theme-200 {
  border-color: rgba(255, 255, 255, 0.2); }

.theme-light .bg-theme-hover-200:hover,
.bg-theme-hover-200:hover {
  background: rgba(21, 25, 30, 0.2); }

.theme-dark .bg-theme-hover-200:hover {
  background: rgba(255, 255, 255, 0.2); }

.theme-light .c-theme-300, .c-theme-300 {
  color: rgba(21, 25, 30, 0.3); }

.theme-light .bg-theme-300, .bg-theme-300 {
  background: rgba(21, 25, 30, 0.3); }

.theme-light .b-theme-300, .b-theme-300 {
  border-color: rgba(21, 25, 30, 0.3); }

.theme-dark .c-theme-300 {
  color: rgba(255, 255, 255, 0.3); }

.theme-dark .bg-theme-300 {
  background: rgba(255, 255, 255, 0.3); }

.theme-dark .b-theme-300 {
  border-color: rgba(255, 255, 255, 0.3); }

.theme-light .bg-theme-hover-300:hover,
.bg-theme-hover-300:hover {
  background: rgba(21, 25, 30, 0.3); }

.theme-dark .bg-theme-hover-300:hover {
  background: rgba(255, 255, 255, 0.3); }

.theme-light .c-theme-400, .c-theme-400 {
  color: rgba(21, 25, 30, 0.4); }

.theme-light .bg-theme-400, .bg-theme-400 {
  background: rgba(21, 25, 30, 0.4); }

.theme-light .b-theme-400, .b-theme-400 {
  border-color: rgba(21, 25, 30, 0.4); }

.theme-dark .c-theme-400 {
  color: rgba(255, 255, 255, 0.4); }

.theme-dark .bg-theme-400 {
  background: rgba(255, 255, 255, 0.4); }

.theme-dark .b-theme-400 {
  border-color: rgba(255, 255, 255, 0.4); }

.theme-light .bg-theme-hover-400:hover,
.bg-theme-hover-400:hover {
  background: rgba(21, 25, 30, 0.4); }

.theme-dark .bg-theme-hover-400:hover {
  background: rgba(255, 255, 255, 0.4); }

.theme-light .c-theme-500, .c-theme-500 {
  color: rgba(21, 25, 30, 0.5); }

.theme-light .bg-theme-500, .bg-theme-500 {
  background: rgba(21, 25, 30, 0.5); }

.theme-light .b-theme-500, .b-theme-500 {
  border-color: rgba(21, 25, 30, 0.5); }

.theme-dark .c-theme-500 {
  color: rgba(255, 255, 255, 0.5); }

.theme-dark .bg-theme-500 {
  background: rgba(255, 255, 255, 0.5); }

.theme-dark .b-theme-500 {
  border-color: rgba(255, 255, 255, 0.5); }

.theme-light .bg-theme-hover-500:hover,
.bg-theme-hover-500:hover {
  background: rgba(21, 25, 30, 0.5); }

.theme-dark .bg-theme-hover-500:hover {
  background: rgba(255, 255, 255, 0.5); }

.theme-light .c-theme-600, .c-theme-600 {
  color: rgba(21, 25, 30, 0.6); }

.theme-light .bg-theme-600, .bg-theme-600 {
  background: rgba(21, 25, 30, 0.6); }

.theme-light .b-theme-600, .b-theme-600 {
  border-color: rgba(21, 25, 30, 0.6); }

.theme-dark .c-theme-600 {
  color: rgba(255, 255, 255, 0.6); }

.theme-dark .bg-theme-600 {
  background: rgba(255, 255, 255, 0.6); }

.theme-dark .b-theme-600 {
  border-color: rgba(255, 255, 255, 0.6); }

.theme-light .bg-theme-hover-600:hover,
.bg-theme-hover-600:hover {
  background: rgba(21, 25, 30, 0.6); }

.theme-dark .bg-theme-hover-600:hover {
  background: rgba(255, 255, 255, 0.6); }

.theme-light .c-theme-700, .c-theme-700 {
  color: rgba(21, 25, 30, 0.7); }

.theme-light .bg-theme-700, .bg-theme-700 {
  background: rgba(21, 25, 30, 0.7); }

.theme-light .b-theme-700, .b-theme-700 {
  border-color: rgba(21, 25, 30, 0.7); }

.theme-dark .c-theme-700 {
  color: rgba(255, 255, 255, 0.7); }

.theme-dark .bg-theme-700 {
  background: rgba(255, 255, 255, 0.7); }

.theme-dark .b-theme-700 {
  border-color: rgba(255, 255, 255, 0.7); }

.theme-light .bg-theme-hover-700:hover,
.bg-theme-hover-700:hover {
  background: rgba(21, 25, 30, 0.7); }

.theme-dark .bg-theme-hover-700:hover {
  background: rgba(255, 255, 255, 0.7); }

.theme-light .c-theme-800, .c-theme-800 {
  color: rgba(21, 25, 30, 0.8); }

.theme-light .bg-theme-800, .bg-theme-800 {
  background: rgba(21, 25, 30, 0.8); }

.theme-light .b-theme-800, .b-theme-800 {
  border-color: rgba(21, 25, 30, 0.8); }

.theme-dark .c-theme-800 {
  color: rgba(255, 255, 255, 0.8); }

.theme-dark .bg-theme-800 {
  background: rgba(255, 255, 255, 0.8); }

.theme-dark .b-theme-800 {
  border-color: rgba(255, 255, 255, 0.8); }

.theme-light .bg-theme-hover-800:hover,
.bg-theme-hover-800:hover {
  background: rgba(21, 25, 30, 0.8); }

.theme-dark .bg-theme-hover-800:hover {
  background: rgba(255, 255, 255, 0.8); }

.theme-light .c-theme-900, .c-theme-900 {
  color: rgba(21, 25, 30, 0.9); }

.theme-light .bg-theme-900, .bg-theme-900 {
  background: rgba(21, 25, 30, 0.9); }

.theme-light .b-theme-900, .b-theme-900 {
  border-color: rgba(21, 25, 30, 0.9); }

.theme-dark .c-theme-900 {
  color: rgba(255, 255, 255, 0.9); }

.theme-dark .bg-theme-900 {
  background: rgba(255, 255, 255, 0.9); }

.theme-dark .b-theme-900 {
  border-color: rgba(255, 255, 255, 0.9); }

.theme-light .bg-theme-hover-900:hover,
.bg-theme-hover-900:hover {
  background: rgba(21, 25, 30, 0.9); }

.theme-dark .bg-theme-hover-900:hover {
  background: rgba(255, 255, 255, 0.9); }

.c-default {
  color: #37474F; }

.bg-default {
  background-color: #37474F; }

.b-default {
  border-color: #37474F; }

.f-default {
  fill: #37474F; }

.s-default {
  stroke: #37474F; }

a.l-default,
.l-default a {
  color: #37474F; }

a.l-hover-default:hover,
.l-hover-default a:hover {
  color: #37474F; }

a.l-active-default:active,
.l-active-default a:active {
  color: #37474F; }

a.l-visited-default:visited,
.l-visited-default a:visited {
  color: #37474F; }

.form-md .form-default input:focus {
  box-shadow: 0 1px 0 0 #37474F !important;
  border-bottom: 1px solid #37474F !important; }
  .form-md .form-default input:focus + label {
    color: #37474F !important; }

.sf-form.form-default input:focus {
  box-shadow: none;
  border: 1px solid #37474F !important; }
  .sf-form.form-default input:focus + label {
    color: #37474F !important; }

.sf-form.form-default input.active {
  box-shadow: none;
  border: 1px solid #37474F !important; }
  .sf-form.form-default input.active + label {
    color: #37474F !important; }

.sf-form.range-default input[type="range"] + .axis:hover .axis-segment {
  background-color: rgba(55, 71, 79, 0.6); }

.sf-form.range-default input[type="range"] + .axis .axis-pin {
  background-color: #37474F !important; }

.sf-form.range-default.range-regular.range-shadow .axis-pin:active {
  box-shadow: 0 0 0 0.6em rgba(55, 71, 79, 0.26); }

.c-primary {
  color: #448AFF; }

.bg-primary {
  background-color: #448AFF; }

.b-primary {
  border-color: #448AFF; }

.f-primary {
  fill: #448AFF; }

.s-primary {
  stroke: #448AFF; }

a.l-primary,
.l-primary a {
  color: #448AFF; }

a.l-hover-primary:hover,
.l-hover-primary a:hover {
  color: #448AFF; }

a.l-active-primary:active,
.l-active-primary a:active {
  color: #448AFF; }

a.l-visited-primary:visited,
.l-visited-primary a:visited {
  color: #448AFF; }

.form-md .form-primary input:focus {
  box-shadow: 0 1px 0 0 #448AFF !important;
  border-bottom: 1px solid #448AFF !important; }
  .form-md .form-primary input:focus + label {
    color: #448AFF !important; }

.sf-form.form-primary input:focus {
  box-shadow: none;
  border: 1px solid #448AFF !important; }
  .sf-form.form-primary input:focus + label {
    color: #448AFF !important; }

.sf-form.form-primary input.active {
  box-shadow: none;
  border: 1px solid #448AFF !important; }
  .sf-form.form-primary input.active + label {
    color: #448AFF !important; }

.sf-form.range-primary input[type="range"] + .axis:hover .axis-segment {
  background-color: rgba(68, 138, 255, 0.6); }

.sf-form.range-primary input[type="range"] + .axis .axis-pin {
  background-color: #448AFF !important; }

.sf-form.range-primary.range-regular.range-shadow .axis-pin:active {
  box-shadow: 0 0 0 0.6em rgba(68, 138, 255, 0.26); }

.c-secondary {
  color: #C51162; }

.bg-secondary {
  background-color: #C51162; }

.b-secondary {
  border-color: #C51162; }

.f-secondary {
  fill: #C51162; }

.s-secondary {
  stroke: #C51162; }

a.l-secondary,
.l-secondary a {
  color: #C51162; }

a.l-hover-secondary:hover,
.l-hover-secondary a:hover {
  color: #C51162; }

a.l-active-secondary:active,
.l-active-secondary a:active {
  color: #C51162; }

a.l-visited-secondary:visited,
.l-visited-secondary a:visited {
  color: #C51162; }

.form-md .form-secondary input:focus {
  box-shadow: 0 1px 0 0 #C51162 !important;
  border-bottom: 1px solid #C51162 !important; }
  .form-md .form-secondary input:focus + label {
    color: #C51162 !important; }

.sf-form.form-secondary input:focus {
  box-shadow: none;
  border: 1px solid #C51162 !important; }
  .sf-form.form-secondary input:focus + label {
    color: #C51162 !important; }

.sf-form.form-secondary input.active {
  box-shadow: none;
  border: 1px solid #C51162 !important; }
  .sf-form.form-secondary input.active + label {
    color: #C51162 !important; }

.sf-form.range-secondary input[type="range"] + .axis:hover .axis-segment {
  background-color: rgba(197, 17, 98, 0.6); }

.sf-form.range-secondary input[type="range"] + .axis .axis-pin {
  background-color: #C51162 !important; }

.sf-form.range-secondary.range-regular.range-shadow .axis-pin:active {
  box-shadow: 0 0 0 0.6em rgba(197, 17, 98, 0.26); }

.c-success {
  color: #4CAF50; }

.bg-success {
  background-color: #4CAF50; }

.b-success {
  border-color: #4CAF50; }

.f-success {
  fill: #4CAF50; }

.s-success {
  stroke: #4CAF50; }

a.l-success,
.l-success a {
  color: #4CAF50; }

a.l-hover-success:hover,
.l-hover-success a:hover {
  color: #4CAF50; }

a.l-active-success:active,
.l-active-success a:active {
  color: #4CAF50; }

a.l-visited-success:visited,
.l-visited-success a:visited {
  color: #4CAF50; }

.form-md .form-success input:focus {
  box-shadow: 0 1px 0 0 #4CAF50 !important;
  border-bottom: 1px solid #4CAF50 !important; }
  .form-md .form-success input:focus + label {
    color: #4CAF50 !important; }

.sf-form.form-success input:focus {
  box-shadow: none;
  border: 1px solid #4CAF50 !important; }
  .sf-form.form-success input:focus + label {
    color: #4CAF50 !important; }

.sf-form.form-success input.active {
  box-shadow: none;
  border: 1px solid #4CAF50 !important; }
  .sf-form.form-success input.active + label {
    color: #4CAF50 !important; }

.sf-form.range-success input[type="range"] + .axis:hover .axis-segment {
  background-color: rgba(76, 175, 80, 0.6); }

.sf-form.range-success input[type="range"] + .axis .axis-pin {
  background-color: #4CAF50 !important; }

.sf-form.range-success.range-regular.range-shadow .axis-pin:active {
  box-shadow: 0 0 0 0.6em rgba(76, 175, 80, 0.26); }

.c-info {
  color: #03A9F4; }

.bg-info {
  background-color: #03A9F4; }

.b-info {
  border-color: #03A9F4; }

.f-info {
  fill: #03A9F4; }

.s-info {
  stroke: #03A9F4; }

a.l-info,
.l-info a {
  color: #03A9F4; }

a.l-hover-info:hover,
.l-hover-info a:hover {
  color: #03A9F4; }

a.l-active-info:active,
.l-active-info a:active {
  color: #03A9F4; }

a.l-visited-info:visited,
.l-visited-info a:visited {
  color: #03A9F4; }

.form-md .form-info input:focus {
  box-shadow: 0 1px 0 0 #03A9F4 !important;
  border-bottom: 1px solid #03A9F4 !important; }
  .form-md .form-info input:focus + label {
    color: #03A9F4 !important; }

.sf-form.form-info input:focus {
  box-shadow: none;
  border: 1px solid #03A9F4 !important; }
  .sf-form.form-info input:focus + label {
    color: #03A9F4 !important; }

.sf-form.form-info input.active {
  box-shadow: none;
  border: 1px solid #03A9F4 !important; }
  .sf-form.form-info input.active + label {
    color: #03A9F4 !important; }

.sf-form.range-info input[type="range"] + .axis:hover .axis-segment {
  background-color: rgba(3, 169, 244, 0.6); }

.sf-form.range-info input[type="range"] + .axis .axis-pin {
  background-color: #03A9F4 !important; }

.sf-form.range-info.range-regular.range-shadow .axis-pin:active {
  box-shadow: 0 0 0 0.6em rgba(3, 169, 244, 0.26); }

.c-warning {
  color: #FFB300; }

.bg-warning {
  background-color: #FFB300; }

.b-warning {
  border-color: #FFB300; }

.f-warning {
  fill: #FFB300; }

.s-warning {
  stroke: #FFB300; }

a.l-warning,
.l-warning a {
  color: #FFB300; }

a.l-hover-warning:hover,
.l-hover-warning a:hover {
  color: #FFB300; }

a.l-active-warning:active,
.l-active-warning a:active {
  color: #FFB300; }

a.l-visited-warning:visited,
.l-visited-warning a:visited {
  color: #FFB300; }

.form-md .form-warning input:focus {
  box-shadow: 0 1px 0 0 #FFB300 !important;
  border-bottom: 1px solid #FFB300 !important; }
  .form-md .form-warning input:focus + label {
    color: #FFB300 !important; }

.sf-form.form-warning input:focus {
  box-shadow: none;
  border: 1px solid #FFB300 !important; }
  .sf-form.form-warning input:focus + label {
    color: #FFB300 !important; }

.sf-form.form-warning input.active {
  box-shadow: none;
  border: 1px solid #FFB300 !important; }
  .sf-form.form-warning input.active + label {
    color: #FFB300 !important; }

.sf-form.range-warning input[type="range"] + .axis:hover .axis-segment {
  background-color: rgba(255, 179, 0, 0.6); }

.sf-form.range-warning input[type="range"] + .axis .axis-pin {
  background-color: #FFB300 !important; }

.sf-form.range-warning.range-regular.range-shadow .axis-pin:active {
  box-shadow: 0 0 0 0.6em rgba(255, 179, 0, 0.26); }

.c-danger {
  color: #F44336; }

.bg-danger {
  background-color: #F44336; }

.b-danger {
  border-color: #F44336; }

.f-danger {
  fill: #F44336; }

.s-danger {
  stroke: #F44336; }

a.l-danger,
.l-danger a {
  color: #F44336; }

a.l-hover-danger:hover,
.l-hover-danger a:hover {
  color: #F44336; }

a.l-active-danger:active,
.l-active-danger a:active {
  color: #F44336; }

a.l-visited-danger:visited,
.l-visited-danger a:visited {
  color: #F44336; }

.form-md .form-danger input:focus {
  box-shadow: 0 1px 0 0 #F44336 !important;
  border-bottom: 1px solid #F44336 !important; }
  .form-md .form-danger input:focus + label {
    color: #F44336 !important; }

.sf-form.form-danger input:focus {
  box-shadow: none;
  border: 1px solid #F44336 !important; }
  .sf-form.form-danger input:focus + label {
    color: #F44336 !important; }

.sf-form.form-danger input.active {
  box-shadow: none;
  border: 1px solid #F44336 !important; }
  .sf-form.form-danger input.active + label {
    color: #F44336 !important; }

.sf-form.range-danger input[type="range"] + .axis:hover .axis-segment {
  background-color: rgba(244, 67, 54, 0.6); }

.sf-form.range-danger input[type="range"] + .axis .axis-pin {
  background-color: #F44336 !important; }

.sf-form.range-danger.range-regular.range-shadow .axis-pin:active {
  box-shadow: 0 0 0 0.6em rgba(244, 67, 54, 0.26); }

.switch-default.switch label [type="checkbox"]:checked + .lever {
  background-color: rgba(55, 71, 79, 0.4); }

.switch-default.switch label [type="checkbox"]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(55, 71, 79, 0.4), 0 0 0 0.94rem rgba(55, 71, 79, 0.1); }

.switch-default.switch label [type="checkbox"]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(55, 71, 79, 0.4), 0 0 0 0.94rem rgba(0, 0, 0, 0.08); }

.switch-primary.switch label [type="checkbox"]:checked + .lever {
  background-color: rgba(68, 138, 255, 0.4); }

.switch-primary.switch label [type="checkbox"]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(68, 138, 255, 0.4), 0 0 0 0.94rem rgba(68, 138, 255, 0.1); }

.switch-primary.switch label [type="checkbox"]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(68, 138, 255, 0.4), 0 0 0 0.94rem rgba(0, 0, 0, 0.08); }

.switch-secondary.switch label [type="checkbox"]:checked + .lever {
  background-color: rgba(197, 17, 98, 0.4); }

.switch-secondary.switch label [type="checkbox"]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(197, 17, 98, 0.4), 0 0 0 0.94rem rgba(197, 17, 98, 0.1); }

.switch-secondary.switch label [type="checkbox"]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(197, 17, 98, 0.4), 0 0 0 0.94rem rgba(0, 0, 0, 0.08); }

.switch-success.switch label [type="checkbox"]:checked + .lever {
  background-color: rgba(76, 175, 80, 0.4); }

.switch-success.switch label [type="checkbox"]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(76, 175, 80, 0.4), 0 0 0 0.94rem rgba(76, 175, 80, 0.1); }

.switch-success.switch label [type="checkbox"]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(76, 175, 80, 0.4), 0 0 0 0.94rem rgba(0, 0, 0, 0.08); }

.switch-info.switch label [type="checkbox"]:checked + .lever {
  background-color: rgba(3, 169, 244, 0.4); }

.switch-info.switch label [type="checkbox"]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(3, 169, 244, 0.4), 0 0 0 0.94rem rgba(3, 169, 244, 0.1); }

.switch-info.switch label [type="checkbox"]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(3, 169, 244, 0.4), 0 0 0 0.94rem rgba(0, 0, 0, 0.08); }

.switch-warning.switch label [type="checkbox"]:checked + .lever {
  background-color: rgba(255, 179, 0, 0.4); }

.switch-warning.switch label [type="checkbox"]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(255, 179, 0, 0.4), 0 0 0 0.94rem rgba(255, 179, 0, 0.1); }

.switch-warning.switch label [type="checkbox"]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(255, 179, 0, 0.4), 0 0 0 0.94rem rgba(0, 0, 0, 0.08); }

.switch-danger.switch label [type="checkbox"]:checked + .lever {
  background-color: rgba(244, 67, 54, 0.4); }

.switch-danger.switch label [type="checkbox"]:checked:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(244, 67, 54, 0.4), 0 0 0 0.94rem rgba(244, 67, 54, 0.1); }

.switch-danger.switch label [type="checkbox"]:not(:disabled) ~ .lever:active:after {
  box-shadow: 0 1px 3px 1px rgba(244, 67, 54, 0.4), 0 0 0 0.94rem rgba(0, 0, 0, 0.08); }

.c-fb {
  color: #4267B2; }

.bg-fb {
  background-color: #4267B2; }

.b-fb {
  border-color: #4267B2; }

.f-fb {
  fill: #4267B2; }

.s-fb {
  stroke: #4267B2; }

a.l-fb,
.l-fb a {
  color: #4267B2; }

a.l-hover-fb:hover,
.l-hover-fb a:hover {
  color: #4267B2; }

a.l-active-fb:active,
.l-active-fb a:active {
  color: #4267B2; }

a.l-visited-fb:visited,
.l-visited-fb a:visited {
  color: #4267B2; }

.c-vk {
  color: #4A76A8; }

.bg-vk {
  background-color: #4A76A8; }

.b-vk {
  border-color: #4A76A8; }

.f-vk {
  fill: #4A76A8; }

.s-vk {
  stroke: #4A76A8; }

a.l-vk,
.l-vk a {
  color: #4A76A8; }

a.l-hover-vk:hover,
.l-hover-vk a:hover {
  color: #4A76A8; }

a.l-active-vk:active,
.l-active-vk a:active {
  color: #4A76A8; }

a.l-visited-vk:visited,
.l-visited-vk a:visited {
  color: #4A76A8; }

.c-tw {
  color: #1DA1F2; }

.bg-tw {
  background-color: #1DA1F2; }

.b-tw {
  border-color: #1DA1F2; }

.f-tw {
  fill: #1DA1F2; }

.s-tw {
  stroke: #1DA1F2; }

a.l-tw,
.l-tw a {
  color: #1DA1F2; }

a.l-hover-tw:hover,
.l-hover-tw a:hover {
  color: #1DA1F2; }

a.l-active-tw:active,
.l-active-tw a:active {
  color: #1DA1F2; }

a.l-visited-tw:visited,
.l-visited-tw a:visited {
  color: #1DA1F2; }

.c-gp {
  color: #DB4437; }

.bg-gp {
  background-color: #DB4437; }

.b-gp {
  border-color: #DB4437; }

.f-gp {
  fill: #DB4437; }

.s-gp {
  stroke: #DB4437; }

a.l-gp,
.l-gp a {
  color: #DB4437; }

a.l-hover-gp:hover,
.l-hover-gp a:hover {
  color: #DB4437; }

a.l-active-gp:active,
.l-active-gp a:active {
  color: #DB4437; }

a.l-visited-gp:visited,
.l-visited-gp a:visited {
  color: #DB4437; }

.c-pr {
  color: #BD081B; }

.bg-pr {
  background-color: #BD081B; }

.b-pr {
  border-color: #BD081B; }

.f-pr {
  fill: #BD081B; }

.s-pr {
  stroke: #BD081B; }

a.l-pr,
.l-pr a {
  color: #BD081B; }

a.l-hover-pr:hover,
.l-hover-pr a:hover {
  color: #BD081B; }

a.l-active-pr:active,
.l-active-pr a:active {
  color: #BD081B; }

a.l-visited-pr:visited,
.l-visited-pr a:visited {
  color: #BD081B; }

.c-ok {
  color: #F58220; }

.bg-ok {
  background-color: #F58220; }

.b-ok {
  border-color: #F58220; }

.f-ok {
  fill: #F58220; }

.s-ok {
  stroke: #F58220; }

a.l-ok,
.l-ok a {
  color: #F58220; }

a.l-hover-ok:hover,
.l-hover-ok a:hover {
  color: #F58220; }

a.l-active-ok:active,
.l-active-ok a:active {
  color: #F58220; }

a.l-visited-ok:visited,
.l-visited-ok a:visited {
  color: #F58220; }

.c-mr {
  color: #2164AB; }

.bg-mr {
  background-color: #2164AB; }

.b-mr {
  border-color: #2164AB; }

.f-mr {
  fill: #2164AB; }

.s-mr {
  stroke: #2164AB; }

a.l-mr,
.l-mr a {
  color: #2164AB; }

a.l-hover-mr:hover,
.l-hover-mr a:hover {
  color: #2164AB; }

a.l-active-mr:active,
.l-active-mr a:active {
  color: #2164AB; }

a.l-visited-mr:visited,
.l-visited-mr a:visited {
  color: #2164AB; }

.c-yt {
  color: #FF0000; }

.bg-yt {
  background-color: #FF0000; }

.b-yt {
  border-color: #FF0000; }

.f-yt {
  fill: #FF0000; }

.s-yt {
  stroke: #FF0000; }

a.l-yt,
.l-yt a {
  color: #FF0000; }

a.l-hover-yt:hover,
.l-hover-yt a:hover {
  color: #FF0000; }

a.l-active-yt:active,
.l-active-yt a:active {
  color: #FF0000; }

a.l-visited-yt:visited,
.l-visited-yt a:visited {
  color: #FF0000; }

.c-red {
  color: #f44336; }

.bg-red {
  background-color: #f44336; }

.b-red {
  border-color: #f44336; }

.f-red {
  fill: #f44336; }

.s-red {
  stroke: #f44336; }

/*
			a.l-red,
				.l-red a						{color: 			$color_value}
			a.l-hover-red:hover,
				.l-hover-red a:hover			{color: 			$color_value}
			a.l-active-red:active,
				.l-active-red a:active		{color: 			$color_value}
			a.l-visited-red:visited,
				.l-visited-red a:visited		{color: 			$color_value}

			.form-red input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-red {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-pink {
  color: #E91E63; }

.bg-pink {
  background-color: #E91E63; }

.b-pink {
  border-color: #E91E63; }

.f-pink {
  fill: #E91E63; }

.s-pink {
  stroke: #E91E63; }

/*
			a.l-pink,
				.l-pink a						{color: 			$color_value}
			a.l-hover-pink:hover,
				.l-hover-pink a:hover			{color: 			$color_value}
			a.l-active-pink:active,
				.l-active-pink a:active		{color: 			$color_value}
			a.l-visited-pink:visited,
				.l-visited-pink a:visited		{color: 			$color_value}

			.form-pink input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-pink {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-purple {
  color: #9C27B0; }

.bg-purple {
  background-color: #9C27B0; }

.b-purple {
  border-color: #9C27B0; }

.f-purple {
  fill: #9C27B0; }

.s-purple {
  stroke: #9C27B0; }

/*
			a.l-purple,
				.l-purple a						{color: 			$color_value}
			a.l-hover-purple:hover,
				.l-hover-purple a:hover			{color: 			$color_value}
			a.l-active-purple:active,
				.l-active-purple a:active		{color: 			$color_value}
			a.l-visited-purple:visited,
				.l-visited-purple a:visited		{color: 			$color_value}

			.form-purple input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-purple {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-deep-purple {
  color: #673AB7; }

.bg-deep-purple {
  background-color: #673AB7; }

.b-deep-purple {
  border-color: #673AB7; }

.f-deep-purple {
  fill: #673AB7; }

.s-deep-purple {
  stroke: #673AB7; }

/*
			a.l-deep-purple,
				.l-deep-purple a						{color: 			$color_value}
			a.l-hover-deep-purple:hover,
				.l-hover-deep-purple a:hover			{color: 			$color_value}
			a.l-active-deep-purple:active,
				.l-active-deep-purple a:active		{color: 			$color_value}
			a.l-visited-deep-purple:visited,
				.l-visited-deep-purple a:visited		{color: 			$color_value}

			.form-deep-purple input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-deep-purple {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-indigo {
  color: #3F51B5; }

.bg-indigo {
  background-color: #3F51B5; }

.b-indigo {
  border-color: #3F51B5; }

.f-indigo {
  fill: #3F51B5; }

.s-indigo {
  stroke: #3F51B5; }

/*
			a.l-indigo,
				.l-indigo a						{color: 			$color_value}
			a.l-hover-indigo:hover,
				.l-hover-indigo a:hover			{color: 			$color_value}
			a.l-active-indigo:active,
				.l-active-indigo a:active		{color: 			$color_value}
			a.l-visited-indigo:visited,
				.l-visited-indigo a:visited		{color: 			$color_value}

			.form-indigo input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-indigo {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-blue {
  color: #2196F3; }

.bg-blue {
  background-color: #2196F3; }

.b-blue {
  border-color: #2196F3; }

.f-blue {
  fill: #2196F3; }

.s-blue {
  stroke: #2196F3; }

/*
			a.l-blue,
				.l-blue a						{color: 			$color_value}
			a.l-hover-blue:hover,
				.l-hover-blue a:hover			{color: 			$color_value}
			a.l-active-blue:active,
				.l-active-blue a:active		{color: 			$color_value}
			a.l-visited-blue:visited,
				.l-visited-blue a:visited		{color: 			$color_value}

			.form-blue input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-blue {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-light-blue {
  color: #03A9F4; }

.bg-light-blue {
  background-color: #03A9F4; }

.b-light-blue {
  border-color: #03A9F4; }

.f-light-blue {
  fill: #03A9F4; }

.s-light-blue {
  stroke: #03A9F4; }

/*
			a.l-light-blue,
				.l-light-blue a						{color: 			$color_value}
			a.l-hover-light-blue:hover,
				.l-hover-light-blue a:hover			{color: 			$color_value}
			a.l-active-light-blue:active,
				.l-active-light-blue a:active		{color: 			$color_value}
			a.l-visited-light-blue:visited,
				.l-visited-light-blue a:visited		{color: 			$color_value}

			.form-light-blue input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-light-blue {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-cyan {
  color: #00BCD4; }

.bg-cyan {
  background-color: #00BCD4; }

.b-cyan {
  border-color: #00BCD4; }

.f-cyan {
  fill: #00BCD4; }

.s-cyan {
  stroke: #00BCD4; }

/*
			a.l-cyan,
				.l-cyan a						{color: 			$color_value}
			a.l-hover-cyan:hover,
				.l-hover-cyan a:hover			{color: 			$color_value}
			a.l-active-cyan:active,
				.l-active-cyan a:active		{color: 			$color_value}
			a.l-visited-cyan:visited,
				.l-visited-cyan a:visited		{color: 			$color_value}

			.form-cyan input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-cyan {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-teal {
  color: #009688; }

.bg-teal {
  background-color: #009688; }

.b-teal {
  border-color: #009688; }

.f-teal {
  fill: #009688; }

.s-teal {
  stroke: #009688; }

/*
			a.l-teal,
				.l-teal a						{color: 			$color_value}
			a.l-hover-teal:hover,
				.l-hover-teal a:hover			{color: 			$color_value}
			a.l-active-teal:active,
				.l-active-teal a:active		{color: 			$color_value}
			a.l-visited-teal:visited,
				.l-visited-teal a:visited		{color: 			$color_value}

			.form-teal input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-teal {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-green {
  color: #4CAF50; }

.bg-green {
  background-color: #4CAF50; }

.b-green {
  border-color: #4CAF50; }

.f-green {
  fill: #4CAF50; }

.s-green {
  stroke: #4CAF50; }

/*
			a.l-green,
				.l-green a						{color: 			$color_value}
			a.l-hover-green:hover,
				.l-hover-green a:hover			{color: 			$color_value}
			a.l-active-green:active,
				.l-active-green a:active		{color: 			$color_value}
			a.l-visited-green:visited,
				.l-visited-green a:visited		{color: 			$color_value}

			.form-green input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-green {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-light-green {
  color: #8BC34A; }

.bg-light-green {
  background-color: #8BC34A; }

.b-light-green {
  border-color: #8BC34A; }

.f-light-green {
  fill: #8BC34A; }

.s-light-green {
  stroke: #8BC34A; }

/*
			a.l-light-green,
				.l-light-green a						{color: 			$color_value}
			a.l-hover-light-green:hover,
				.l-hover-light-green a:hover			{color: 			$color_value}
			a.l-active-light-green:active,
				.l-active-light-green a:active		{color: 			$color_value}
			a.l-visited-light-green:visited,
				.l-visited-light-green a:visited		{color: 			$color_value}

			.form-light-green input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-light-green {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-lime {
  color: #CDDC39; }

.bg-lime {
  background-color: #CDDC39; }

.b-lime {
  border-color: #CDDC39; }

.f-lime {
  fill: #CDDC39; }

.s-lime {
  stroke: #CDDC39; }

/*
			a.l-lime,
				.l-lime a						{color: 			$color_value}
			a.l-hover-lime:hover,
				.l-hover-lime a:hover			{color: 			$color_value}
			a.l-active-lime:active,
				.l-active-lime a:active		{color: 			$color_value}
			a.l-visited-lime:visited,
				.l-visited-lime a:visited		{color: 			$color_value}

			.form-lime input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-lime {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-yellow {
  color: #FFEB3B; }

.bg-yellow {
  background-color: #FFEB3B; }

.b-yellow {
  border-color: #FFEB3B; }

.f-yellow {
  fill: #FFEB3B; }

.s-yellow {
  stroke: #FFEB3B; }

/*
			a.l-yellow,
				.l-yellow a						{color: 			$color_value}
			a.l-hover-yellow:hover,
				.l-hover-yellow a:hover			{color: 			$color_value}
			a.l-active-yellow:active,
				.l-active-yellow a:active		{color: 			$color_value}
			a.l-visited-yellow:visited,
				.l-visited-yellow a:visited		{color: 			$color_value}

			.form-yellow input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-yellow {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-amber {
  color: #FFC107; }

.bg-amber {
  background-color: #FFC107; }

.b-amber {
  border-color: #FFC107; }

.f-amber {
  fill: #FFC107; }

.s-amber {
  stroke: #FFC107; }

/*
			a.l-amber,
				.l-amber a						{color: 			$color_value}
			a.l-hover-amber:hover,
				.l-hover-amber a:hover			{color: 			$color_value}
			a.l-active-amber:active,
				.l-active-amber a:active		{color: 			$color_value}
			a.l-visited-amber:visited,
				.l-visited-amber a:visited		{color: 			$color_value}

			.form-amber input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-amber {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-orange {
  color: #FF9800; }

.bg-orange {
  background-color: #FF9800; }

.b-orange {
  border-color: #FF9800; }

.f-orange {
  fill: #FF9800; }

.s-orange {
  stroke: #FF9800; }

/*
			a.l-orange,
				.l-orange a						{color: 			$color_value}
			a.l-hover-orange:hover,
				.l-hover-orange a:hover			{color: 			$color_value}
			a.l-active-orange:active,
				.l-active-orange a:active		{color: 			$color_value}
			a.l-visited-orange:visited,
				.l-visited-orange a:visited		{color: 			$color_value}

			.form-orange input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-orange {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-deep-orange {
  color: #FF5722; }

.bg-deep-orange {
  background-color: #FF5722; }

.b-deep-orange {
  border-color: #FF5722; }

.f-deep-orange {
  fill: #FF5722; }

.s-deep-orange {
  stroke: #FF5722; }

/*
			a.l-deep-orange,
				.l-deep-orange a						{color: 			$color_value}
			a.l-hover-deep-orange:hover,
				.l-hover-deep-orange a:hover			{color: 			$color_value}
			a.l-active-deep-orange:active,
				.l-active-deep-orange a:active		{color: 			$color_value}
			a.l-visited-deep-orange:visited,
				.l-visited-deep-orange a:visited		{color: 			$color_value}

			.form-deep-orange input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-deep-orange {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-brown {
  color: #795548; }

.bg-brown {
  background-color: #795548; }

.b-brown {
  border-color: #795548; }

.f-brown {
  fill: #795548; }

.s-brown {
  stroke: #795548; }

/*
			a.l-brown,
				.l-brown a						{color: 			$color_value}
			a.l-hover-brown:hover,
				.l-hover-brown a:hover			{color: 			$color_value}
			a.l-active-brown:active,
				.l-active-brown a:active		{color: 			$color_value}
			a.l-visited-brown:visited,
				.l-visited-brown a:visited		{color: 			$color_value}

			.form-brown input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-brown {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-gray {
  color: #9E9E9E; }

.bg-gray {
  background-color: #9E9E9E; }

.b-gray {
  border-color: #9E9E9E; }

.f-gray {
  fill: #9E9E9E; }

.s-gray {
  stroke: #9E9E9E; }

/*
			a.l-gray,
				.l-gray a						{color: 			$color_value}
			a.l-hover-gray:hover,
				.l-hover-gray a:hover			{color: 			$color_value}
			a.l-active-gray:active,
				.l-active-gray a:active		{color: 			$color_value}
			a.l-visited-gray:visited,
				.l-visited-gray a:visited		{color: 			$color_value}

			.form-gray input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-gray {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-ink-gray {
  color: #5e739e; }

.bg-ink-gray {
  background-color: #5e739e; }

.b-ink-gray {
  border-color: #5e739e; }

.f-ink-gray {
  fill: #5e739e; }

.s-ink-gray {
  stroke: #5e739e; }

/*
			a.l-ink-gray,
				.l-ink-gray a						{color: 			$color_value}
			a.l-hover-ink-gray:hover,
				.l-hover-ink-gray a:hover			{color: 			$color_value}
			a.l-active-ink-gray:active,
				.l-active-ink-gray a:active		{color: 			$color_value}
			a.l-visited-ink-gray:visited,
				.l-visited-ink-gray a:visited		{color: 			$color_value}

			.form-ink-gray input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-ink-gray {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-blue-gray {
  color: #607D8B; }

.bg-blue-gray {
  background-color: #607D8B; }

.b-blue-gray {
  border-color: #607D8B; }

.f-blue-gray {
  fill: #607D8B; }

.s-blue-gray {
  stroke: #607D8B; }

/*
			a.l-blue-gray,
				.l-blue-gray a						{color: 			$color_value}
			a.l-hover-blue-gray:hover,
				.l-hover-blue-gray a:hover			{color: 			$color_value}
			a.l-active-blue-gray:active,
				.l-active-blue-gray a:active		{color: 			$color_value}
			a.l-visited-blue-gray:visited,
				.l-visited-blue-gray a:visited		{color: 			$color_value}

			.form-blue-gray input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-blue-gray {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-black {
  color: #000000; }

.bg-black {
  background-color: #000000; }

.b-black {
  border-color: #000000; }

.f-black {
  fill: #000000; }

.s-black {
  stroke: #000000; }

/*
			a.l-black,
				.l-black a						{color: 			$color_value}
			a.l-hover-black:hover,
				.l-hover-black a:hover			{color: 			$color_value}
			a.l-active-black:active,
				.l-active-black a:active		{color: 			$color_value}
			a.l-visited-black:visited,
				.l-visited-black a:visited		{color: 			$color_value}

			.form-black input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-black {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-white {
  color: #ffffff; }

.bg-white {
  background-color: #ffffff; }

.b-white {
  border-color: #ffffff; }

.f-white {
  fill: #ffffff; }

.s-white {
  stroke: #ffffff; }

/*
			a.l-white,
				.l-white a						{color: 			$color_value}
			a.l-hover-white:hover,
				.l-hover-white a:hover			{color: 			$color_value}
			a.l-active-white:active,
				.l-active-white a:active		{color: 			$color_value}
			a.l-visited-white:visited,
				.l-visited-white a:visited		{color: 			$color_value}

			.form-white input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-white {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.c-transparent {
  color: transparent; }

.bg-transparent {
  background-color: transparent; }

.b-transparent {
  border-color: transparent; }

.f-transparent {
  fill: transparent; }

.s-transparent {
  stroke: transparent; }

/*
			a.l-transparent,
				.l-transparent a						{color: 			$color_value}
			a.l-hover-transparent:hover,
				.l-hover-transparent a:hover			{color: 			$color_value}
			a.l-active-transparent:active,
				.l-active-transparent a:active		{color: 			$color_value}
			a.l-visited-transparent:visited,
				.l-visited-transparent a:visited		{color: 			$color_value}

			.form-transparent input:focus	{box-shadow: 0 1px 0 0 $color_value!important;
				border-bottom: 1px solid $color_value}
			*/
/*
			// Checkbox
			.check-transparent {
				& [type="checkbox"] {
					&:checked {
						+ label:before {
							border-color: transparent $color_value $color_value transparent!important;
						}
						&[class*="filled-in"] {
							//&:checked {
								+label {
									&:before {
										border-color: transparent white white transparent!important;
									}
									&:after {
										border-color: $color_value;
										background-color: $color_value;
									}
								}
							//}
						}
					}
				}
				& [type="radio"] {
					&:checked {
						+ label {
							&:before {
								border-color: $color_value!important;
							}
							&:after {
								border-color: $color_value;
								background-color: $color_value;
							}
						}
					}
				}
			} */
.bg-g1 {
  background: #da020a;
  background: radial-gradient(at top, #da020a 0%, #d9020d 10%, #d5021c 22%, #c10257 53%, #ae0381 76%, #9e039c 95%, #9e039c 100%); }

.bg-gblack-0-50 {
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.5) 100%); }

.bg-gblack-0-60 {
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.6) 100%); }

.bg-gblack-0-70 {
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.7) 100%); }

.bg-gblack-0-80 {
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.8) 100%); }

.bg-gblack-0-90 {
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 100%); }

.o-0 {
  opacity: 1; }

.o-1 {
  opacity: .9; }

.o-2 {
  opacity: .8; }

.o-3 {
  opacity: .7; }

.o-4 {
  opacity: .6; }

.o-5 {
  opacity: .5; }

.o-6 {
  opacity: .4; }

.o-7 {
  opacity: .3; }

.o-8 {
  opacity: .2; }

.o-9 {
  opacity: .1; }

@media (min-width: 576px) {
  .o-sm-0 {
    opacity: 1; }
  .o-sm-1 {
    opacity: .9; }
  .o-sm-2 {
    opacity: .8; }
  .o-sm-3 {
    opacity: .7; }
  .o-sm-4 {
    opacity: .6; }
  .o-sm-5 {
    opacity: .5; }
  .o-sm-6 {
    opacity: .4; }
  .o-sm-7 {
    opacity: .3; }
  .o-sm-8 {
    opacity: .2; }
  .o-sm-9 {
    opacity: .1; } }

@media (min-width: 768px) {
  .o-md-0 {
    opacity: 1; }
  .o-md-1 {
    opacity: .9; }
  .o-md-2 {
    opacity: .8; }
  .o-md-3 {
    opacity: .7; }
  .o-md-4 {
    opacity: .6; }
  .o-md-5 {
    opacity: .5; }
  .o-md-6 {
    opacity: .4; }
  .o-md-7 {
    opacity: .3; }
  .o-md-8 {
    opacity: .2; }
  .o-md-9 {
    opacity: .1; } }

@media (min-width: 992px) {
  .o-lg-0 {
    opacity: 1; }
  .o-lg-1 {
    opacity: .9; }
  .o-lg-2 {
    opacity: .8; }
  .o-lg-3 {
    opacity: .7; }
  .o-lg-4 {
    opacity: .6; }
  .o-lg-5 {
    opacity: .5; }
  .o-lg-6 {
    opacity: .4; }
  .o-lg-7 {
    opacity: .3; }
  .o-lg-8 {
    opacity: .2; }
  .o-lg-9 {
    opacity: .1; } }

@media (min-width: 1200px) {
  .o-xl-0 {
    opacity: 1; }
  .o-xl-1 {
    opacity: .9; }
  .o-xl-2 {
    opacity: .8; }
  .o-xl-3 {
    opacity: .7; }
  .o-xl-4 {
    opacity: .6; }
  .o-xl-5 {
    opacity: .5; }
  .o-xl-6 {
    opacity: .4; }
  .o-xl-7 {
    opacity: .3; }
  .o-xl-8 {
    opacity: .2; }
  .o-xl-9 {
    opacity: .1; } }

.bg-p1 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2'><rect x='0' y='0' width='1' height='1'/></svg>"); }

.bg-p2 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2'><rect x='0' y='1' width='1' height='1' /><rect x='1' y='0' width='1' height='1'/></svg>"); }

.bg-p3 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2'><rect x='0' y='0' width='1' height='2'/></svg>"); }

.bg-p4 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2'><rect x='0' y='0' width='2' height='1'/></svg>"); }

.bg-p5 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3'><rect x='0' y='0' width='1' height='1'/></svg>"); }

.bg-p6 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3'><rect x='0' y='0' width='2' height='2'/></svg>"); }

.bg-p7 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3'><rect x='0' y='2' width='1' height='1'/><rect x='1' y='1' width='1' height='1'/><rect x='2' y='0' width='1' height='1'/></svg>"); }

.bg-p8 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3'><rect x='0' y='0' width='1' height='1'/><rect x='1' y='1' width='1' height='1'/><rect x='2' y='2' width='1' height='1'/></svg>"); }

.bg-p9 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3'><rect x='0' y='0' width='1' height='3'/></svg>"); }

.bg-p10 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3'><rect x='0' y='0' width='3' height='1'/></svg>"); }

.bg-p11 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='1' height='1' /></svg>"); }

.bg-p12 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='2' height='2' /></svg>"); }

.bg-p13 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='3' height='3' /></svg>"); }

.bg-p14 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='3' width='1' height='1'/><rect x='1' y='2' width='1' height='1'/><rect x='2' y='1' width='1' height='1'/><rect x='3' y='0' width='1' height='1'/></svg>"); }

.bg-p15 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='1' height='1' /><rect x='1' y='1' width='1' height='1' /><rect x='2' y='2' width='1' height='1' /><rect x='3' y='3' width='1' height='1' /></svg>"); }

.bg-p16 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='1' height='1' /><rect x='1' y='1' width='1' height='1' /><rect x='2' y='2' width='1' height='1' /><rect x='3' y='1' width='1' height='1' /><rect x='1' y='3' width='1' height='1' /><rect x='3' y='3' width='1' height='1' /></svg>"); }

.bg-p17 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='1' height='4'/></svg>"); }

.bg-p18 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='4' height='1'/></svg>"); }

.bg-p19 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='1' height='1'/><rect x='1' y='1' width='1' height='1'/><rect x='2' y='2' width='1' height='1'/>><rect x='0' y='2' width='1' height='1'/>><rect x='2' y='0' width='1' height='1'/></svg>"); }

.bg-p20 {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='3' height='1'/><rect x='0' y='2' width='3' height='1'/><rect x='0' y='0' width='1' height='3'/>><rect x='2' y='0' width='1' height='3'/>><rect x='2' y='0' width='1' height='1'/></svg>"); }

/**
 * Shadow colors.
 */
/**
 * Animation durations.
 */
/**
 * The hand-designed reference shadow sets.
 */
/** 
 * Returns the two reference shadows whose elevations bound the specified 
 * elevation. In the case where the supplied elevation exceeds the maximum
 * reference elevation, the last two reference shadows are returned.
 */
/**
 * Performs linear interpolation between values a and b. Returns the value
 * between a and b proportional to x (when x is between 0 and 1. When x is
 * outside this range, the return value is a linear extrapolation).
 */
/**
 * Performs linear interpolation between shadows by interpolating each property
 * individually. Returns the value between shadow1 and shadow2 proportional to x
 * (when x is between 0 and 1. When x is outside this range, the return value is
 * a linear extrapolation).
 */
/**
 * Calculates the set of shadows at a given elevation.
 */
.md-elevation-z0 {
  box-shadow: none !important; }

.md-elevation-z1 {
  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); }

.md-elevation-z2 {
  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); }

.md-elevation-z3 {
  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); }

.md-elevation-z4 {
  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); }

.md-elevation-z5 {
  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); }

.md-elevation-z6 {
  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); }

.md-elevation-z7 {
  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); }

.md-elevation-z8 {
  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); }

.md-elevation-z9 {
  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); }

.md-elevation-z10 {
  box-shadow: 0px 6px 6px -4px 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); }

.md-elevation-z11 {
  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); }

.md-elevation-z12 {
  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); }

.md-elevation-z13 {
  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); }

.md-elevation-z14 {
  box-shadow: 0px 7px 9px -5px 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); }

.md-elevation-z15 {
  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); }

.md-elevation-z16 {
  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); }

.md-elevation-z17 {
  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); }

.md-elevation-z18 {
  box-shadow: 0px 9px 11px -6px 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); }

.md-elevation-z19 {
  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); }

.md-elevation-z20 {
  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); }

.md-elevation-z21 {
  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); }

.md-elevation-z22 {
  box-shadow: 0px 10px 14px -7px 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); }

.md-elevation-z23 {
  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); }

.md-elevation-z24 {
  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); }

.shadow-0 {
  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); }

.shadow-hover-0:hover {
  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); }

.shadow-1 {
  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); }

.shadow-hover-1:hover {
  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); }

.shadow-2 {
  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); }

.shadow-hover-2:hover {
  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); }

.shadow-3 {
  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); }

.shadow-hover-3:hover {
  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); }

.shadow-4 {
  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); }

.shadow-hover-4:hover {
  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); }

.shadow-5 {
  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); }

.shadow-hover-5:hover {
  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); }

.shadow-6 {
  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); }

.shadow-hover-6:hover {
  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); }

.shadow-7 {
  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); }

.shadow-hover-7:hover {
  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); }

.shadow-8 {
  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); }

.shadow-hover-8:hover {
  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); }

.shadow-9 {
  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); }

.shadow-hover-9:hover {
  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); }

.shadow-10 {
  box-shadow: 0px 6px 6px -4px 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); }

.shadow-hover-10:hover {
  box-shadow: 0px 6px 6px -4px 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); }

.shadow-11 {
  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); }

.shadow-hover-11:hover {
  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); }

.shadow-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); }

.shadow-hover-12:hover {
  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); }

.shadow-13 {
  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); }

.shadow-hover-13:hover {
  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); }

.shadow-14 {
  box-shadow: 0px 7px 9px -5px 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); }

.shadow-hover-14:hover {
  box-shadow: 0px 7px 9px -5px 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); }

.shadow-15 {
  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); }

.shadow-hover-15:hover {
  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); }

.shadow-16 {
  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); }

.shadow-hover-16:hover {
  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); }

.shadow-17 {
  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); }

.shadow-hover-17:hover {
  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); }

.shadow-18 {
  box-shadow: 0px 9px 11px -6px 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); }

.shadow-hover-18:hover {
  box-shadow: 0px 9px 11px -6px 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); }

.shadow-19 {
  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); }

.shadow-hover-19:hover {
  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); }

.shadow-20 {
  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); }

.shadow-hover-20:hover {
  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); }

.shadow-21 {
  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); }

.shadow-hover-21:hover {
  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); }

.shadow-22 {
  box-shadow: 0px 10px 14px -7px 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); }

.shadow-hover-22:hover {
  box-shadow: 0px 10px 14px -7px 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); }

.shadow-23 {
  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); }

.shadow-hover-23:hover {
  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); }

.shadow-24 {
  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); }

.shadow-hover-24:hover {
  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); }

.shadow-hover-up:hover {
  transform: translateY(-2px); }

.shadow-hover-up-1:hover {
  transform: translateY(-1px); }

.shadow-hover-up-2:hover {
  transform: translateY(-2px); }

.shadow-hover-up-3:hover {
  transform: translateY(-3px); }

.shadow-hover-up-4:hover {
  transform: translateY(-4px); }

.shadow-hover-up-5:hover {
  transform: translateY(-5px); }

.sf-title-underline-center .sf-title,
.sf-title-underline-center.sf-title {
  position: relative;
  text-align: center;
  padding-bottom: 0.5em; }
  .sf-title-underline-center .sf-title:after,
  .sf-title-underline-center.sf-title:after {
    content: "";
    position: absolute;
    bottom: -0.05em;
    left: 50%;
    margin-left: -3em;
    width: 6em;
    height: 0.125em;
    background: #448AFF; }

.sf-title-underline-center-double .sf-title,
.sf-title-underline-center-double.sf-title {
  position: relative;
  text-align: center;
  padding-bottom: 0.5em; }
  .sf-title-underline-center-double .sf-title:before,
  .sf-title-underline-center-double.sf-title:before {
    content: "";
    position: absolute;
    bottom: 0.125em;
    left: 50%;
    margin-left: -3em;
    width: 6em;
    height: 0.075em;
    background: #448AFF; }
  .sf-title-underline-center-double .sf-title:after,
  .sf-title-underline-center-double.sf-title:after {
    content: "";
    position: absolute;
    bottom: -0.125em;
    left: 50%;
    margin-left: -2em;
    width: 4em;
    height: 0.075em;
    background: #448AFF; }

.sf-title-underline-left .sf-title,
.sf-title-underline-left.sf-title {
  position: relative;
  text-align: left;
  padding-bottom: 0.5em; }
  .sf-title-underline-left .sf-title:after,
  .sf-title-underline-left.sf-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6em;
    height: 0.125em;
    background: #448AFF; }

.sf-title-line .sf-title,
.sf-title-line.sf-title {
  overflow: hidden;
  text-align: center; }
  .sf-title-line .sf-title:before, .sf-title-line .sf-title:after,
  .sf-title-line.sf-title:before,
  .sf-title-line.sf-title:after {
    background-color: rgba(21, 25, 30, 0.12);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%; }
  .sf-title-line .sf-title:before,
  .sf-title-line.sf-title:before {
    right: 0.5em;
    margin-left: -50%; }
  .sf-title-line .sf-title:after,
  .sf-title-line.sf-title:after {
    left: 0.5em;
    margin-right: -50%; }

.theme-dark .sf-title-line .sf-title:before, .theme-dark .sf-title-line .sf-title:after,
.theme-dark .sf-title-line.sf-title:before,
.theme-dark .sf-title-line.sf-title:after {
  background-color: rgba(255, 255, 255, 0.12); }

.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  position: relative;
  padding: 0.5em 1.2em;
  font-size: 1rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn:hover {
    cursor: pointer; }
    .btn:hover::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.12); }
  .btn:hover, .btn:focus {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none; }
  .btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65;
    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); }
  .btn:active, .btn.active {
    background-image: auto; }

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: white;
  background-color: #37474F;
  border-color: #2d3940; }
  .btn-default:hover {
    color: white;
    background-color: #222c31;
    border-color: #1e272b; }
  .btn-default:hover::after {
    background: transparent; }
  .btn-default.disabled, .btn-default:disabled {
    background-color: #37474F;
    border-color: #1e272b; }
  .btn-default:not([disabled]):not(.disabled).active, .btn-default:not([disabled]):not(.disabled):active,
  .show > .btn-default.dropdown-toggle {
    color: white;
    background-color: #222c31;
    border-color: #1e272b; }
  .btn-default:active, .btn-default.active,
  .show > .btn-default.dropdown-toggle {
    color: white;
    background-color: #222c31;
    background-image: none;
    border-color: #1e272b; }
  .btn-default.focus, .btn-default:focus {
    box-shadow: none !important;
    border-color: #1e272b; }
  .btn-default.btn-flat {
    background: transparent;
    color: #37474F;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    outline: none !important; }
    .btn-default.btn-flat:hover, .btn-default.btn-flat.focus, .btn-default.btn-flat:focus, .btn-default.btn-flat:active, .btn-default.btn-flat.active {
      color: #37474F !important;
      background-color: rgba(0, 0, 0, 0.12) !important;
      border-color: transparent;
      box-shadow: none; }

.btn-primary {
  color: white;
  background-color: #448AFF;
  border-color: #2b7aff; }
  .btn-primary:hover {
    color: white;
    background-color: #116aff;
    border-color: #0764ff; }
  .btn-primary:hover::after {
    background: transparent; }
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #448AFF;
    border-color: #0764ff; }
  .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active,
  .show > .btn-primary.dropdown-toggle {
    color: white;
    background-color: #116aff;
    border-color: #0764ff; }
  .btn-primary:active, .btn-primary.active,
  .show > .btn-primary.dropdown-toggle {
    color: white;
    background-color: #116aff;
    background-image: none;
    border-color: #0764ff; }
  .btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
    border-color: #0764ff; }
  .btn-primary.btn-flat {
    background: transparent;
    color: #448AFF;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    outline: none !important; }
    .btn-primary.btn-flat:hover, .btn-primary.btn-flat.focus, .btn-primary.btn-flat:focus, .btn-primary.btn-flat:active, .btn-primary.btn-flat.active {
      color: #448AFF !important;
      background-color: rgba(0, 0, 0, 0.12) !important;
      border-color: transparent;
      box-shadow: none; }

.btn-secondary {
  color: white;
  background-color: #C51162;
  border-color: #ae0f56; }
  .btn-secondary:hover {
    color: white;
    background-color: #960d4b;
    border-color: #8d0c46; }
  .btn-secondary:hover::after {
    background: transparent; }
  .btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #C51162;
    border-color: #8d0c46; }
  .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active,
  .show > .btn-secondary.dropdown-toggle {
    color: white;
    background-color: #960d4b;
    border-color: #8d0c46; }
  .btn-secondary:active, .btn-secondary.active,
  .show > .btn-secondary.dropdown-toggle {
    color: white;
    background-color: #960d4b;
    background-image: none;
    border-color: #8d0c46; }
  .btn-secondary.focus, .btn-secondary:focus {
    box-shadow: none !important;
    border-color: #8d0c46; }
  .btn-secondary.btn-flat {
    background: transparent;
    color: #C51162;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    outline: none !important; }
    .btn-secondary.btn-flat:hover, .btn-secondary.btn-flat.focus, .btn-secondary.btn-flat:focus, .btn-secondary.btn-flat:active, .btn-secondary.btn-flat.active {
      color: #C51162 !important;
      background-color: rgba(0, 0, 0, 0.12) !important;
      border-color: transparent;
      box-shadow: none; }

.btn-success {
  color: white;
  background-color: #4CAF50;
  border-color: #449d48; }
  .btn-success:hover {
    color: white;
    background-color: #3d8b40;
    border-color: #39843c; }
  .btn-success:hover::after {
    background: transparent; }
  .btn-success.disabled, .btn-success:disabled {
    background-color: #4CAF50;
    border-color: #39843c; }
  .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active,
  .show > .btn-success.dropdown-toggle {
    color: white;
    background-color: #3d8b40;
    border-color: #39843c; }
  .btn-success:active, .btn-success.active,
  .show > .btn-success.dropdown-toggle {
    color: white;
    background-color: #3d8b40;
    background-image: none;
    border-color: #39843c; }
  .btn-success.focus, .btn-success:focus {
    box-shadow: none !important;
    border-color: #39843c; }
  .btn-success.btn-flat {
    background: transparent;
    color: #4CAF50;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    outline: none !important; }
    .btn-success.btn-flat:hover, .btn-success.btn-flat.focus, .btn-success.btn-flat:focus, .btn-success.btn-flat:active, .btn-success.btn-flat.active {
      color: #4CAF50 !important;
      background-color: rgba(0, 0, 0, 0.12) !important;
      border-color: transparent;
      box-shadow: none; }

.btn-info {
  color: white;
  background-color: #03A9F4;
  border-color: #0398db; }
  .btn-info:hover {
    color: white;
    background-color: #0286c2;
    border-color: #027fb8; }
  .btn-info:hover::after {
    background: transparent; }
  .btn-info.disabled, .btn-info:disabled {
    background-color: #03A9F4;
    border-color: #027fb8; }
  .btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active,
  .show > .btn-info.dropdown-toggle {
    color: white;
    background-color: #0286c2;
    border-color: #027fb8; }
  .btn-info:active, .btn-info.active,
  .show > .btn-info.dropdown-toggle {
    color: white;
    background-color: #0286c2;
    background-image: none;
    border-color: #027fb8; }
  .btn-info.focus, .btn-info:focus {
    box-shadow: none !important;
    border-color: #027fb8; }
  .btn-info.btn-flat {
    background: transparent;
    color: #03A9F4;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    outline: none !important; }
    .btn-info.btn-flat:hover, .btn-info.btn-flat.focus, .btn-info.btn-flat:focus, .btn-info.btn-flat:active, .btn-info.btn-flat.active {
      color: #03A9F4 !important;
      background-color: rgba(0, 0, 0, 0.12) !important;
      border-color: transparent;
      box-shadow: none; }

.btn-warning {
  color: white;
  background-color: #FFB300;
  border-color: #e6a100; }
  .btn-warning:hover {
    color: white;
    background-color: #cc8f00;
    border-color: #c28800; }
  .btn-warning:hover::after {
    background: transparent; }
  .btn-warning.disabled, .btn-warning:disabled {
    background-color: #FFB300;
    border-color: #c28800; }
  .btn-warning:not([disabled]):not(.disabled).active, .btn-warning:not([disabled]):not(.disabled):active,
  .show > .btn-warning.dropdown-toggle {
    color: white;
    background-color: #cc8f00;
    border-color: #c28800; }
  .btn-warning:active, .btn-warning.active,
  .show > .btn-warning.dropdown-toggle {
    color: white;
    background-color: #cc8f00;
    background-image: none;
    border-color: #c28800; }
  .btn-warning.focus, .btn-warning:focus {
    box-shadow: none !important;
    border-color: #c28800; }
  .btn-warning.btn-flat {
    background: transparent;
    color: #FFB300;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    outline: none !important; }
    .btn-warning.btn-flat:hover, .btn-warning.btn-flat.focus, .btn-warning.btn-flat:focus, .btn-warning.btn-flat:active, .btn-warning.btn-flat.active {
      color: #FFB300 !important;
      background-color: rgba(0, 0, 0, 0.12) !important;
      border-color: transparent;
      box-shadow: none; }

.btn-danger {
  color: white;
  background-color: #F44336;
  border-color: #f32c1e; }
  .btn-danger:hover {
    color: white;
    background-color: #ea1c0d;
    border-color: #e11b0c; }
  .btn-danger:hover::after {
    background: transparent; }
  .btn-danger.disabled, .btn-danger:disabled {
    background-color: #F44336;
    border-color: #e11b0c; }
  .btn-danger:not([disabled]):not(.disabled).active, .btn-danger:not([disabled]):not(.disabled):active,
  .show > .btn-danger.dropdown-toggle {
    color: white;
    background-color: #ea1c0d;
    border-color: #e11b0c; }
  .btn-danger:active, .btn-danger.active,
  .show > .btn-danger.dropdown-toggle {
    color: white;
    background-color: #ea1c0d;
    background-image: none;
    border-color: #e11b0c; }
  .btn-danger.focus, .btn-danger:focus {
    box-shadow: none !important;
    border-color: #e11b0c; }
  .btn-danger.btn-flat {
    background: transparent;
    color: #F44336;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    outline: none !important; }
    .btn-danger.btn-flat:hover, .btn-danger.btn-flat.focus, .btn-danger.btn-flat:focus, .btn-danger.btn-flat:active, .btn-danger.btn-flat.active {
      color: #F44336 !important;
      background-color: rgba(0, 0, 0, 0.12) !important;
      border-color: transparent;
      box-shadow: none; }

.theme-light .btn-theme, .theme-dark .theme-light .btn-theme, .theme-dark .theme-dark .theme-light .btn-theme {
  color: rgba(21, 25, 30, 0.87);
  background-color: rgba(21, 25, 30, 0);
  border-color: rgba(21, 25, 30, 0.12); }
  .theme-light .btn-theme:hover, .theme-dark .theme-light .btn-theme:hover, .theme-dark .theme-dark .theme-light .btn-theme:hover {
    background-color: rgba(21, 25, 30, 0.05);
    color: rgba(21, 25, 30, 0.87);
    border-color: rgba(21, 25, 30, 0.54); }
    .theme-light .btn-theme:hover::after, .theme-dark .theme-light .btn-theme:hover::after, .theme-dark .theme-dark .theme-light .btn-theme:hover::after {
      background: transparent; }

.theme-light .btn-theme-inverse,
.theme-light .btn-theme.theme-inverse,
.theme-light .theme-inverse .btn-theme {
  color: white;
  background-color: rgba(21, 25, 30, 0.87);
  border-color: rgba(21, 25, 30, 0.12); }
  .theme-light .btn-theme-inverse:hover,
  .theme-light .btn-theme.theme-inverse:hover,
  .theme-light .theme-inverse .btn-theme:hover {
    background-color: rgba(21, 25, 30, 0.05);
    color: rgba(21, 25, 30, 0.87);
    border-color: rgba(21, 25, 30, 0.54); }
    .theme-light .btn-theme-inverse:hover::after,
    .theme-light .btn-theme.theme-inverse:hover::after,
    .theme-light .theme-inverse .btn-theme:hover::after {
      background: transparent; }

.theme-dark .btn-theme, .theme-light .theme-dark .btn-theme, .theme-light .theme-light .theme-dark .btn-theme {
  color: white;
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0.12); }
  .theme-dark .btn-theme:hover, .theme-light .theme-dark .btn-theme:hover, .theme-light .theme-light .theme-dark .btn-theme:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border-color: white; }
    .theme-dark .btn-theme:hover::after, .theme-light .theme-dark .btn-theme:hover::after, .theme-light .theme-light .theme-dark .btn-theme:hover::after {
      background: transparent; }

.theme-dark .btn-theme-inverse,
.theme-dark .btn-theme.theme-inverse,
.theme-dark .theme-inverse .btn-theme {
  color: rgba(21, 25, 30, 0.87);
  background-color: white;
  border-color: rgba(255, 255, 255, 0.12); }
  .theme-dark .btn-theme-inverse:hover,
  .theme-dark .btn-theme.theme-inverse:hover,
  .theme-dark .theme-inverse .btn-theme:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border-color: white; }
    .theme-dark .btn-theme-inverse:hover::after,
    .theme-dark .btn-theme.theme-inverse:hover::after,
    .theme-dark .theme-inverse .btn-theme:hover::after {
      background: transparent; }

.btn-outline.btn-default {
  color: #37474F;
  background-image: none;
  background-color: transparent;
  border-color: #37474F; }
  .btn-outline.btn-default:hover {
    color: white;
    background-color: #37474F;
    border-color: #37474F; }
  .btn-outline.btn-default.disabled, .btn-outline.btn-default:disabled {
    color: #37474F;
    background-color: transparent; }
  .btn-outline.btn-default:active, .btn-outline.btn-default.active, .btn-outline.btn-default.focus, .btn-outline.btn-default:focus,
  .show > .btn-outline.btn-default.dropdown-toggle {
    color: white !important;
    background-color: #37474F !important;
    border-color: #37474F !important; }

.btn-outline.btn-primary {
  color: #448AFF;
  background-image: none;
  background-color: transparent;
  border-color: #448AFF; }
  .btn-outline.btn-primary:hover {
    color: white;
    background-color: #448AFF;
    border-color: #448AFF; }
  .btn-outline.btn-primary.disabled, .btn-outline.btn-primary:disabled {
    color: #448AFF;
    background-color: transparent; }
  .btn-outline.btn-primary:active, .btn-outline.btn-primary.active, .btn-outline.btn-primary.focus, .btn-outline.btn-primary:focus,
  .show > .btn-outline.btn-primary.dropdown-toggle {
    color: white !important;
    background-color: #448AFF !important;
    border-color: #448AFF !important; }

.btn-outline.btn-secondary {
  color: #C51162;
  background-image: none;
  background-color: transparent;
  border-color: #C51162; }
  .btn-outline.btn-secondary:hover {
    color: white;
    background-color: #C51162;
    border-color: #C51162; }
  .btn-outline.btn-secondary.disabled, .btn-outline.btn-secondary:disabled {
    color: #C51162;
    background-color: transparent; }
  .btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active, .btn-outline.btn-secondary.focus, .btn-outline.btn-secondary:focus,
  .show > .btn-outline.btn-secondary.dropdown-toggle {
    color: white !important;
    background-color: #C51162 !important;
    border-color: #C51162 !important; }

.btn-outline.btn-success {
  color: #4CAF50;
  background-image: none;
  background-color: transparent;
  border-color: #4CAF50; }
  .btn-outline.btn-success:hover {
    color: white;
    background-color: #4CAF50;
    border-color: #4CAF50; }
  .btn-outline.btn-success.disabled, .btn-outline.btn-success:disabled {
    color: #4CAF50;
    background-color: transparent; }
  .btn-outline.btn-success:active, .btn-outline.btn-success.active, .btn-outline.btn-success.focus, .btn-outline.btn-success:focus,
  .show > .btn-outline.btn-success.dropdown-toggle {
    color: white !important;
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important; }

.btn-outline.btn-info {
  color: #03A9F4;
  background-image: none;
  background-color: transparent;
  border-color: #03A9F4; }
  .btn-outline.btn-info:hover {
    color: white;
    background-color: #03A9F4;
    border-color: #03A9F4; }
  .btn-outline.btn-info.disabled, .btn-outline.btn-info:disabled {
    color: #03A9F4;
    background-color: transparent; }
  .btn-outline.btn-info:active, .btn-outline.btn-info.active, .btn-outline.btn-info.focus, .btn-outline.btn-info:focus,
  .show > .btn-outline.btn-info.dropdown-toggle {
    color: white !important;
    background-color: #03A9F4 !important;
    border-color: #03A9F4 !important; }

.btn-outline.btn-warning {
  color: #FFB300;
  background-image: none;
  background-color: transparent;
  border-color: #FFB300; }
  .btn-outline.btn-warning:hover {
    color: white;
    background-color: #FFB300;
    border-color: #FFB300; }
  .btn-outline.btn-warning.disabled, .btn-outline.btn-warning:disabled {
    color: #FFB300;
    background-color: transparent; }
  .btn-outline.btn-warning:active, .btn-outline.btn-warning.active, .btn-outline.btn-warning.focus, .btn-outline.btn-warning:focus,
  .show > .btn-outline.btn-warning.dropdown-toggle {
    color: white !important;
    background-color: #FFB300 !important;
    border-color: #FFB300 !important; }

.btn-outline.btn-danger {
  color: #F44336;
  background-image: none;
  background-color: transparent;
  border-color: #F44336; }
  .btn-outline.btn-danger:hover {
    color: white;
    background-color: #F44336;
    border-color: #F44336; }
  .btn-outline.btn-danger.disabled, .btn-outline.btn-danger:disabled {
    color: #F44336;
    background-color: transparent; }
  .btn-outline.btn-danger:active, .btn-outline.btn-danger.active, .btn-outline.btn-danger.focus, .btn-outline.btn-danger:focus,
  .show > .btn-outline.btn-danger.dropdown-toggle {
    color: white !important;
    background-color: #F44336 !important;
    border-color: #F44336 !important; }

.btn-link {
  font-weight: normal;
  color: #448AFF;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent;
    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); }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #005cf7;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link:hover::after {
    background: transparent; }
  .btn-link:disabled {
    color: rgba(255, 255, 255, 0.5); }
    .btn-link:disabled:hover, .btn-link:disabled:focus {
      text-decoration: none; }

.btn-square {
  border-radius: 0; }

.btn-md {
  font-weight: normal;
  text-transform: uppercase;
  border-radius: 0;
  padding: 0.675em 1.2em;
  font-size: 0.9rem;
  font-weight: 500;
  border: none;
  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); }
  .btn-md:hover, .btn-md.btn-icon:hover, .btn-md:active, .btn-md.active, .btn-md.focus, .btn-md:focus {
    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); }

.btn-flat {
  font-weight: normal;
  text-transform: uppercase;
  border-radius: 0;
  padding: 0.675em 1.2em;
  font-size: 0.9rem;
  font-weight: 500;
  border: none; }
  .btn-flat.btn-icon {
    font-size: 1rem; }

.btn-rounded {
  border-radius: 10rem; }
  .btn-rounded.btn-icon {
    border-radius: 50%; }

.btn-icon {
  padding: 0.5em !important;
  width: 2.375em; }

.btn--2 {
  padding: 0.3em 0.6em;
  font-size: 0.75rem; }
  .btn--2.btn-md {
    padding: 0.405em 0.6em;
    font-size: 0.675rem; }

.btn--1 {
  padding: 0.4em 0.8em;
  font-size: 0.875rem; }
  .btn--1.btn-md {
    padding: 0.54em 0.8em;
    font-size: 0.7875rem; }

.btn-0 {
  padding: 0.5em 1.2em;
  font-size: 1rem; }
  .btn-0.btn-md {
    padding: 0.675em 1.2em;
    font-size: 0.9rem; }

.btn-1 {
  padding: 0.6em 1.2em;
  font-size: 1.25rem; }
  .btn-1.btn-md {
    padding: 0.81em 1.2em;
    font-size: 1.125rem; }

.btn-2 {
  padding: 0.7em 1.4em;
  font-size: 1.5rem; }
  .btn-2.btn-md {
    padding: 0.945em 1.4em;
    font-size: 1.35rem; }

@media (min-width: 576px) {
  .btn-sm--2 {
    padding: 0.3em 0.6em;
    font-size: 0.75rem; }
    .btn-sm--2.btn-md {
      padding: 0.405em 0.6em;
      font-size: 0.675rem; }
  .btn-sm--1 {
    padding: 0.4em 0.8em;
    font-size: 0.875rem; }
    .btn-sm--1.btn-md {
      padding: 0.54em 0.8em;
      font-size: 0.7875rem; }
  .btn-sm-0 {
    padding: 0.5em 1.2em;
    font-size: 1rem; }
    .btn-sm-0.btn-md {
      padding: 0.675em 1.2em;
      font-size: 0.9rem; }
  .btn-sm-1 {
    padding: 0.6em 1.2em;
    font-size: 1.25rem; }
    .btn-sm-1.btn-md {
      padding: 0.81em 1.2em;
      font-size: 1.125rem; }
  .btn-sm-2 {
    padding: 0.7em 1.4em;
    font-size: 1.5rem; }
    .btn-sm-2.btn-md {
      padding: 0.945em 1.4em;
      font-size: 1.35rem; } }

@media (min-width: 768px) {
  .btn-md--2 {
    padding: 0.3em 0.6em;
    font-size: 0.75rem; }
    .btn-md--2.btn-md {
      padding: 0.405em 0.6em;
      font-size: 0.675rem; }
  .btn-md--1 {
    padding: 0.4em 0.8em;
    font-size: 0.875rem; }
    .btn-md--1.btn-md {
      padding: 0.54em 0.8em;
      font-size: 0.7875rem; }
  .btn-md-0 {
    padding: 0.5em 1.2em;
    font-size: 1rem; }
    .btn-md-0.btn-md {
      padding: 0.675em 1.2em;
      font-size: 0.9rem; }
  .btn-md-1 {
    padding: 0.6em 1.2em;
    font-size: 1.25rem; }
    .btn-md-1.btn-md {
      padding: 0.81em 1.2em;
      font-size: 1.125rem; }
  .btn-md-2 {
    padding: 0.7em 1.4em;
    font-size: 1.5rem; }
    .btn-md-2.btn-md {
      padding: 0.945em 1.4em;
      font-size: 1.35rem; } }

@media (min-width: 992px) {
  .btn-lg--2 {
    padding: 0.3em 0.6em;
    font-size: 0.75rem; }
    .btn-lg--2.btn-md {
      padding: 0.405em 0.6em;
      font-size: 0.675rem; }
  .btn-lg--1 {
    padding: 0.4em 0.8em;
    font-size: 0.875rem; }
    .btn-lg--1.btn-md {
      padding: 0.54em 0.8em;
      font-size: 0.7875rem; }
  .btn-lg-0 {
    padding: 0.5em 1.2em;
    font-size: 1rem; }
    .btn-lg-0.btn-md {
      padding: 0.675em 1.2em;
      font-size: 0.9rem; }
  .btn-lg-1 {
    padding: 0.6em 1.2em;
    font-size: 1.25rem; }
    .btn-lg-1.btn-md {
      padding: 0.81em 1.2em;
      font-size: 1.125rem; }
  .btn-lg-2 {
    padding: 0.7em 1.4em;
    font-size: 1.5rem; }
    .btn-lg-2.btn-md {
      padding: 0.945em 1.4em;
      font-size: 1.35rem; } }

@media (min-width: 1200px) {
  .btn-xl--2 {
    padding: 0.3em 0.6em;
    font-size: 0.75rem; }
    .btn-xl--2.btn-md {
      padding: 0.405em 0.6em;
      font-size: 0.675rem; }
  .btn-xl--1 {
    padding: 0.4em 0.8em;
    font-size: 0.875rem; }
    .btn-xl--1.btn-md {
      padding: 0.54em 0.8em;
      font-size: 0.7875rem; }
  .btn-xl-0 {
    padding: 0.5em 1.2em;
    font-size: 1rem; }
    .btn-xl-0.btn-md {
      padding: 0.675em 1.2em;
      font-size: 0.9rem; }
  .btn-xl-1 {
    padding: 0.6em 1.2em;
    font-size: 1.25rem; }
    .btn-xl-1.btn-md {
      padding: 0.81em 1.2em;
      font-size: 1.125rem; }
  .btn-xl-2 {
    padding: 0.7em 1.4em;
    font-size: 1.5rem; }
    .btn-xl-2.btn-md {
      padding: 0.945em 1.4em;
      font-size: 1.35rem; } }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn-labeled {
  padding-top: 0;
  padding-bottom: 0; }
  .btn-labeled .btn-label {
    position: relative;
    background: transparent;
    background: rgba(21, 25, 30, 0.05);
    display: inline-block;
    padding: 0.5em;
    width: 2.375em;
    left: -1.1875em; }
    .btn-labeled .btn-label.btn-label-right {
      left: auto;
      right: -1.1875em; }

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.dropup,
.dropdown {
  position: relative; }

.dropdown:hover ul {
  display: block; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:focus {
  outline: 0; }

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropdown-menu {
  /*position: absolute;
	top: 100%;
	left: 0;
	z-index: $zindex-dropdown;
	display: none; // none by default, but block on "open" of the menu
	float: left;
	min-width: $dropdown-min-width;
	padding: 0;
	margin: $dropdown-margin-top 0 0; // override default ul
	font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
	color: $dropdown-button-text-color;
	text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
	list-style: none;
	background-color: $dropdown-bg;
	background-clip: padding-box;
	border: $dropdown-border-width solid $dropdown-border-color;
	@include border-radius($border-radius);
	@include shadow-level($dropdown-box-shadow-level);*/ }

.dropdown-divider {
  height: 1px;
  overflow: hidden;
  background-color: rgba(21, 25, 30, 0.12); }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5em 1.5rem;
  clear: both;
  font-weight: normal;
  color: rgba(21, 25, 30, 0.87);
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: rgba(21, 25, 30, 0.87);
    text-decoration: none;
    background-color: rgba(21, 25, 30, 0.05); }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #448AFF; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent; }
  .dropdown-item > i {
    width: 1rem;
    vertical-align: middle;
    text-align: center;
    margin: auto 1rem auto 0; }

.dropdown-square {
  border-radius: 0; }

.dropdown-md {
  border-radius: 0; }

.show > .dropdown-menu {
  display: block; }

.show > a {
  outline: 0; }

.dropdown-menu-right {
  /*right: 0;
  left: auto; // Reset the default from `.dropdown-menu`*/ }

.dropdown-menu-left {
  /*right: auto;
  left: 0;*/ }

.dropdown-header {
  display: block;
  padding: 0.5em 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #636c72;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.hide-show .hide-show-btn.show {
  display: none; }

.hide-show .hide-show-btn.hide {
  display: inline; }

.hide-show .hide-show-block {
  display: block; }

.hide-show.hidden .hide-show-btn.hide {
  display: none; }

.hide-show.hidden .hide-show-btn.show {
  display: inline; }

.hide-show.hidden .hide-show-block {
  display: none; }

.sf-overcard {
  position: relative; }
  .sf-overcard:hover {
    z-index: 60; }
  .sf-overcard:hover .sf-overcard-secondary {
    visibility: visible;
    opacity: 1; }

.sf-overcard-secondary {
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  padding: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0; }

.sf-scroll {
  overflow-y: auto; }
  .sf-scroll.sf-scroll-x {
    overflow-x: auto; }
  .sf-scroll::-webkit-scrollbar {
    width: 0.875rem;
    height: 0.875rem; }
  .sf-scroll::-webkit-scrollbar-thumb {
    height: 0.375rem;
    border: 0.25rem solid transparent;
    background-clip: padding-box;
    border-radius: 4rem;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); }
  .sf-scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none; }
  .sf-scroll::-webkit-scrollbar-corner {
    background-color: transparent; }

.sf-scroll-x {
  overflow-x: auto; }
  .sf-scroll-x::-webkit-scrollbar {
    width: 0.875rem;
    height: 0.875rem; }
  .sf-scroll-x::-webkit-scrollbar-thumb {
    height: 0.375rem;
    border: 0.25rem solid transparent;
    background-clip: padding-box;
    border-radius: 4rem;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); }
  .sf-scroll-x::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none; }
  .sf-scroll-x::-webkit-scrollbar-corner {
    background-color: transparent; }

.sf-hero {
  background-size: cover;
  position: relative;
  height: 100vh; }

.sf-hero-content {
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 36px;
  -ms-transform: translate(0, -50%);
  /* IE 9 */
  -webkit-transform: translate(0, -50%);
  /* Safari */
  transform: translate(0, -50%); }

html {
  transition-property: none; }

.sf-up {
  position: fixed;
  z-index: 7000;
  cursor: pointer;
  opacity: 0; }
  .sf-up.active {
    opacity: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.sf-tab ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: row; }
  .sf-tab ul li .sf-tab-active {
    display: none; }
  .sf-tab ul li .sf-tab-inactive {
    display: block;
    cursor: pointer; }
  .sf-tab ul li.active .sf-tab-active {
    display: block; }
  .sf-tab ul li.active .sf-tab-inactive {
    display: none; }

.sf-tab .sf-tab-content {
  position: relative; }
  .sf-tab .sf-tab-content > section {
    display: none; }
  .sf-tab .sf-tab-content > section.active {
    display: block; }

.fit {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.view,
.sf-viewbox-wrap {
  position: relative;
  cursor: default; }
  .view .sf-viewbox,
  .view .mask,
  .view .content,
  .view .decor,
  .sf-viewbox-wrap .sf-viewbox,
  .sf-viewbox-wrap .mask,
  .sf-viewbox-wrap .content,
  .sf-viewbox-wrap .decor {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .view .sf-viewbox-video,
  .sf-viewbox-wrap .sf-viewbox-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity; }
  @media (min-aspect-ratio: 16 / 9) {
    .view .sf-viewbox-video,
    .sf-viewbox-wrap .sf-viewbox-video {
      width: 100%;
      height: auto; } }
  .view img, .view video,
  .sf-viewbox-wrap img,
  .sf-viewbox-wrap video {
    display: block;
    position: relative; }
  .view .sf-viewbox-hover,
  .sf-viewbox-wrap .sf-viewbox-hover {
    opacity: 0; }
  .view:hover > .sf-viewbox-hover,
  .sf-viewbox-wrap:hover > .sf-viewbox-hover {
    opacity: 1; }

.sf-viewbox-1x1 {
  padding-top: 100%; }

.sf-viewbox-1x2 {
  padding-top: 200%; }

.sf-viewbox-2x1 {
  padding-top: 50%; }

.sf-viewbox-2x3 {
  padding-top: 150%; }

.sf-viewbox-3x1 {
  padding-top: 33.33%; }

.sf-viewbox-3x2 {
  padding-top: 66.66%; }

.sf-viewbox-3x4 {
  padding-top: 133.33%; }

.sf-viewbox-4x1 {
  padding-top: 25%; }

.sf-viewbox-4x3 {
  padding-top: 75%; }

.sf-share {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  cursor: pointer; }
  .sf-share .sf-share-btn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center; }
    .sf-share .sf-share-btn .div {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    .sf-share .sf-share-btn:hover {
      opacity: 0.95; }
    .sf-share .sf-share-btn .sf-share-icon {
      text-align: center; }
      .sf-share .sf-share-btn .sf-share-icon i {
        min-width: 1.5em; }

.sf-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.47);
  opacity: 1; }

.blur {
  filter: blur(10px); }

.sf-modal-area {
  position: relative;
  width: 50%;
  background: #FFFFFF; }

.sf-modal-content {
  overflow-y: auto;
  max-height: 100vh;
  padding: 2rem; }

iframe.sf-modal-content {
  display: flex;
  border: none; }

@media (max-width: 991.98px) {
  .sf-modal-area {
    width: 75%; } }

@media (max-width: 767.98px) {
  .sf-modal-area {
    width: 85%; } }

@media (max-width: 575.98px) {
  .sf-modal-area {
    width: 100%; } }

.sf-close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1em;
  height: 1em;
  opacity: 0.4;
  cursor: pointer;
  border: none;
  background: transparent; }
  .sf-close:hover {
    opacity: 1; }
  .sf-close:before, .sf-close:after {
    position: absolute;
    left: 50%;
    content: ' ';
    height: 100%;
    width: 2px;
    top: 0;
    background-color: rgba(21, 25, 30, 0.87); }
  .sf-close:before {
    transform: rotate(45deg); }
  .sf-close:after {
    transform: rotate(-45deg); }

.theme-light.sf-close {
  background-color: transparent; }

.theme-light.sf-close:before, .theme-light.sf-close:after,
.theme-light .sf-close:before,
.theme-light .sf-close:after {
  background-color: rgba(21, 25, 30, 0.87); }

.theme-dark.sf-close {
  background-color: transparent; }

.theme-dark.sf-close:before, .theme-dark.sf-close:after,
.theme-dark .sf-close:before,
.theme-dark .sf-close:after {
  background-color: white; }

.sf-close-right {
  margin-right: -3em; }
  .sf-close-right-top {
    margin-top: -1em;
    margin-right: -3em; }

.sf-close-left {
  margin-left: -3em;
  left: 1em;
  right: auto; }
  .sf-close-left-top {
    left: 1em;
    right: auto;
    margin-top: -1em;
    margin-left: -3em; }

.sf-close-top {
  margin-top: -3em;
  top: 1em;
  bottom: auto; }

.sf-close-bottom {
  margin-bottom: -3em;
  bottom: 1em;
  top: auto; }

.sf-close-center {
  top: 50%;
  margin-top: -0.5em; }

.sf-progress {
  position: relative;
  height: 0.25rem;
  display: block;
  width: 100%;
  background-color: rgba(21, 25, 30, 0.12);
  border-radius: 0.125rem;
  background-clip: padding-box;
  overflow: hidden; }

.sf-progress-bar {
  position: absolute;
  background-color: inherit;
  top: 0;
  bottom: 0;
  background-color: #2196F3;
  transition: width .3s linear; }

.sf-progress-animation {
  background-color: #2196F3; }
  .sf-progress-animation:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
  .sf-progress-animation:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation-delay: 1.15s; }

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@-moz-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

@-moz-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

.form-control {
  border-radius: 0.125rem;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.m--3 {
  margin: -1rem -1rem !important; }

.mt--3 {
  margin-top: -1rem !important; }

.mr--3 {
  margin-right: -1rem !important; }

.mb--3 {
  margin-bottom: -1rem !important; }

.ml--3 {
  margin-left: -1rem !important; }

.mx--3 {
  margin-right: -1rem !important;
  margin-left: -1rem !important; }

.my--3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important; }

.m--2 {
  margin: -0.5rem -0.5rem !important; }

.mt--2 {
  margin-top: -0.5rem !important; }

.mr--2 {
  margin-right: -0.5rem !important; }

.mb--2 {
  margin-bottom: -0.5rem !important; }

.ml--2 {
  margin-left: -0.5rem !important; }

.mx--2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important; }

.my--2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important; }

.m--1 {
  margin: -0.25rem -0.25rem !important; }

.mt--1 {
  margin-top: -0.25rem !important; }

.mr--1 {
  margin-right: -0.25rem !important; }

.mb--1 {
  margin-bottom: -0.25rem !important; }

.ml--1 {
  margin-left: -0.25rem !important; }

.mx--1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important; }

.my--1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important; }

.m-0 {
  margin: 0 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-1 {
  margin: 0.25rem 0.25rem !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.m-2 {
  margin: 0.5rem 0.5rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.m-3 {
  margin: 1rem 1rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mr-3 {
  margin-right: 1rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.ml-3 {
  margin-left: 1rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.m-4 {
  margin: 2rem 2rem !important; }

.mt-4 {
  margin-top: 2rem !important; }

.mr-4 {
  margin-right: 2rem !important; }

.mb-4 {
  margin-bottom: 2rem !important; }

.ml-4 {
  margin-left: 2rem !important; }

.mx-4 {
  margin-right: 2rem !important;
  margin-left: 2rem !important; }

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.m-5 {
  margin: 4rem 4rem !important; }

.mt-5 {
  margin-top: 4rem !important; }

.mr-5 {
  margin-right: 4rem !important; }

.mb-5 {
  margin-bottom: 4rem !important; }

.ml-5 {
  margin-left: 4rem !important; }

.mx-5 {
  margin-right: 4rem !important;
  margin-left: 4rem !important; }

.my-5 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important; }

.m-6 {
  margin: 8rem 8rem !important; }

.mt-6 {
  margin-top: 8rem !important; }

.mr-6 {
  margin-right: 8rem !important; }

.mb-6 {
  margin-bottom: 8rem !important; }

.ml-6 {
  margin-left: 8rem !important; }

.mx-6 {
  margin-right: 8rem !important;
  margin-left: 8rem !important; }

.my-6 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important; }

.m-7 {
  margin: 16rem 16rem !important; }

.mt-7 {
  margin-top: 16rem !important; }

.mr-7 {
  margin-right: 16rem !important; }

.mb-7 {
  margin-bottom: 16rem !important; }

.ml-7 {
  margin-left: 16rem !important; }

.mx-7 {
  margin-right: 16rem !important;
  margin-left: 16rem !important; }

.my-7 {
  margin-top: 16rem !important;
  margin-bottom: 16rem !important; }

.p--3 {
  padding: -1rem -1rem !important; }

.pt--3 {
  padding-top: -1rem !important; }

.pr--3 {
  padding-right: -1rem !important; }

.pb--3 {
  padding-bottom: -1rem !important; }

.pl--3 {
  padding-left: -1rem !important; }

.px--3 {
  padding-right: -1rem !important;
  padding-left: -1rem !important; }

.py--3 {
  padding-top: -1rem !important;
  padding-bottom: -1rem !important; }

.p--2 {
  padding: -0.5rem -0.5rem !important; }

.pt--2 {
  padding-top: -0.5rem !important; }

.pr--2 {
  padding-right: -0.5rem !important; }

.pb--2 {
  padding-bottom: -0.5rem !important; }

.pl--2 {
  padding-left: -0.5rem !important; }

.px--2 {
  padding-right: -0.5rem !important;
  padding-left: -0.5rem !important; }

.py--2 {
  padding-top: -0.5rem !important;
  padding-bottom: -0.5rem !important; }

.p--1 {
  padding: -0.25rem -0.25rem !important; }

.pt--1 {
  padding-top: -0.25rem !important; }

.pr--1 {
  padding-right: -0.25rem !important; }

.pb--1 {
  padding-bottom: -0.25rem !important; }

.pl--1 {
  padding-left: -0.25rem !important; }

.px--1 {
  padding-right: -0.25rem !important;
  padding-left: -0.25rem !important; }

.py--1 {
  padding-top: -0.25rem !important;
  padding-bottom: -0.25rem !important; }

.p-0 {
  padding: 0 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-1 {
  padding: 0.25rem 0.25rem !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.p-2 {
  padding: 0.5rem 0.5rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.p-3 {
  padding: 1rem 1rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pr-3 {
  padding-right: 1rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pl-3 {
  padding-left: 1rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.p-4 {
  padding: 2rem 2rem !important; }

.pt-4 {
  padding-top: 2rem !important; }

.pr-4 {
  padding-right: 2rem !important; }

.pb-4 {
  padding-bottom: 2rem !important; }

.pl-4 {
  padding-left: 2rem !important; }

.px-4 {
  padding-right: 2rem !important;
  padding-left: 2rem !important; }

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.p-5 {
  padding: 4rem 4rem !important; }

.pt-5 {
  padding-top: 4rem !important; }

.pr-5 {
  padding-right: 4rem !important; }

.pb-5 {
  padding-bottom: 4rem !important; }

.pl-5 {
  padding-left: 4rem !important; }

.px-5 {
  padding-right: 4rem !important;
  padding-left: 4rem !important; }

.py-5 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

.p-6 {
  padding: 8rem 8rem !important; }

.pt-6 {
  padding-top: 8rem !important; }

.pr-6 {
  padding-right: 8rem !important; }

.pb-6 {
  padding-bottom: 8rem !important; }

.pl-6 {
  padding-left: 8rem !important; }

.px-6 {
  padding-right: 8rem !important;
  padding-left: 8rem !important; }

.py-6 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important; }

.p-7 {
  padding: 16rem 16rem !important; }

.pt-7 {
  padding-top: 16rem !important; }

.pr-7 {
  padding-right: 16rem !important; }

.pb-7 {
  padding-bottom: 16rem !important; }

.pl-7 {
  padding-left: 16rem !important; }

.px-7 {
  padding-right: 16rem !important;
  padding-left: 16rem !important; }

.py-7 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mx--col {
  margin-right: -15px !important;
  margin-left: -15px !important; }

.ml--col {
  margin-left: -15px !important; }

.mr--col {
  margin-right: -15px !important; }

@media (min-width: 576px) {
  .m-sm--3 {
    margin: -1rem -1rem !important; }
  .mt-sm--3 {
    margin-top: -1rem !important; }
  .mr-sm--3 {
    margin-right: -1rem !important; }
  .mb-sm--3 {
    margin-bottom: -1rem !important; }
  .ml-sm--3 {
    margin-left: -1rem !important; }
  .mx-sm--3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .my-sm--3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .m-sm--2 {
    margin: -0.5rem -0.5rem !important; }
  .mt-sm--2 {
    margin-top: -0.5rem !important; }
  .mr-sm--2 {
    margin-right: -0.5rem !important; }
  .mb-sm--2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm--2 {
    margin-left: -0.5rem !important; }
  .mx-sm--2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .my-sm--2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .m-sm--1 {
    margin: -0.25rem -0.25rem !important; }
  .mt-sm--1 {
    margin-top: -0.25rem !important; }
  .mr-sm--1 {
    margin-right: -0.25rem !important; }
  .mb-sm--1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm--1 {
    margin-left: -0.25rem !important; }
  .mx-sm--1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .my-sm--1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .m-sm-0 {
    margin: 0 0 !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0 {
    margin-left: 0 !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1 {
    margin-left: 0.25rem !important; }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2 {
    margin-left: 0.5rem !important; }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem 1rem !important; }
  .mt-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3 {
    margin-left: 1rem !important; }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-sm-4 {
    margin: 2rem 2rem !important; }
  .mt-sm-4 {
    margin-top: 2rem !important; }
  .mr-sm-4 {
    margin-right: 2rem !important; }
  .mb-sm-4 {
    margin-bottom: 2rem !important; }
  .ml-sm-4 {
    margin-left: 2rem !important; }
  .mx-sm-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }
  .my-sm-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }
  .m-sm-5 {
    margin: 4rem 4rem !important; }
  .mt-sm-5 {
    margin-top: 4rem !important; }
  .mr-sm-5 {
    margin-right: 4rem !important; }
  .mb-sm-5 {
    margin-bottom: 4rem !important; }
  .ml-sm-5 {
    margin-left: 4rem !important; }
  .mx-sm-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important; }
  .my-sm-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important; }
  .m-sm-6 {
    margin: 8rem 8rem !important; }
  .mt-sm-6 {
    margin-top: 8rem !important; }
  .mr-sm-6 {
    margin-right: 8rem !important; }
  .mb-sm-6 {
    margin-bottom: 8rem !important; }
  .ml-sm-6 {
    margin-left: 8rem !important; }
  .mx-sm-6 {
    margin-right: 8rem !important;
    margin-left: 8rem !important; }
  .my-sm-6 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }
  .m-sm-7 {
    margin: 16rem 16rem !important; }
  .mt-sm-7 {
    margin-top: 16rem !important; }
  .mr-sm-7 {
    margin-right: 16rem !important; }
  .mb-sm-7 {
    margin-bottom: 16rem !important; }
  .ml-sm-7 {
    margin-left: 16rem !important; }
  .mx-sm-7 {
    margin-right: 16rem !important;
    margin-left: 16rem !important; }
  .my-sm-7 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important; }
  .p-sm--3 {
    padding: -1rem -1rem !important; }
  .pt-sm--3 {
    padding-top: -1rem !important; }
  .pr-sm--3 {
    padding-right: -1rem !important; }
  .pb-sm--3 {
    padding-bottom: -1rem !important; }
  .pl-sm--3 {
    padding-left: -1rem !important; }
  .px-sm--3 {
    padding-right: -1rem !important;
    padding-left: -1rem !important; }
  .py-sm--3 {
    padding-top: -1rem !important;
    padding-bottom: -1rem !important; }
  .p-sm--2 {
    padding: -0.5rem -0.5rem !important; }
  .pt-sm--2 {
    padding-top: -0.5rem !important; }
  .pr-sm--2 {
    padding-right: -0.5rem !important; }
  .pb-sm--2 {
    padding-bottom: -0.5rem !important; }
  .pl-sm--2 {
    padding-left: -0.5rem !important; }
  .px-sm--2 {
    padding-right: -0.5rem !important;
    padding-left: -0.5rem !important; }
  .py-sm--2 {
    padding-top: -0.5rem !important;
    padding-bottom: -0.5rem !important; }
  .p-sm--1 {
    padding: -0.25rem -0.25rem !important; }
  .pt-sm--1 {
    padding-top: -0.25rem !important; }
  .pr-sm--1 {
    padding-right: -0.25rem !important; }
  .pb-sm--1 {
    padding-bottom: -0.25rem !important; }
  .pl-sm--1 {
    padding-left: -0.25rem !important; }
  .px-sm--1 {
    padding-right: -0.25rem !important;
    padding-left: -0.25rem !important; }
  .py-sm--1 {
    padding-top: -0.25rem !important;
    padding-bottom: -0.25rem !important; }
  .p-sm-0 {
    padding: 0 0 !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0 {
    padding-left: 0 !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1 {
    padding-left: 0.25rem !important; }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2 {
    padding-left: 0.5rem !important; }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem 1rem !important; }
  .pt-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3 {
    padding-left: 1rem !important; }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-sm-4 {
    padding: 2rem 2rem !important; }
  .pt-sm-4 {
    padding-top: 2rem !important; }
  .pr-sm-4 {
    padding-right: 2rem !important; }
  .pb-sm-4 {
    padding-bottom: 2rem !important; }
  .pl-sm-4 {
    padding-left: 2rem !important; }
  .px-sm-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important; }
  .py-sm-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  .p-sm-5 {
    padding: 4rem 4rem !important; }
  .pt-sm-5 {
    padding-top: 4rem !important; }
  .pr-sm-5 {
    padding-right: 4rem !important; }
  .pb-sm-5 {
    padding-bottom: 4rem !important; }
  .pl-sm-5 {
    padding-left: 4rem !important; }
  .px-sm-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important; }
  .py-sm-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }
  .p-sm-6 {
    padding: 8rem 8rem !important; }
  .pt-sm-6 {
    padding-top: 8rem !important; }
  .pr-sm-6 {
    padding-right: 8rem !important; }
  .pb-sm-6 {
    padding-bottom: 8rem !important; }
  .pl-sm-6 {
    padding-left: 8rem !important; }
  .px-sm-6 {
    padding-right: 8rem !important;
    padding-left: 8rem !important; }
  .py-sm-6 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }
  .p-sm-7 {
    padding: 16rem 16rem !important; }
  .pt-sm-7 {
    padding-top: 16rem !important; }
  .pr-sm-7 {
    padding-right: 16rem !important; }
  .pb-sm-7 {
    padding-bottom: 16rem !important; }
  .pl-sm-7 {
    padding-left: 16rem !important; }
  .px-sm-7 {
    padding-right: 16rem !important;
    padding-left: 16rem !important; }
  .py-sm-7 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto {
    margin-left: auto !important; }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mx-sm--col {
    margin-right: -15px !important;
    margin-left: -15px !important; }
  .ml-sm--col {
    margin-left: -15px !important; }
  .mr-sm--col {
    margin-right: -15px !important; } }

@media (min-width: 768px) {
  .m-md--3 {
    margin: -1rem -1rem !important; }
  .mt-md--3 {
    margin-top: -1rem !important; }
  .mr-md--3 {
    margin-right: -1rem !important; }
  .mb-md--3 {
    margin-bottom: -1rem !important; }
  .ml-md--3 {
    margin-left: -1rem !important; }
  .mx-md--3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .my-md--3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .m-md--2 {
    margin: -0.5rem -0.5rem !important; }
  .mt-md--2 {
    margin-top: -0.5rem !important; }
  .mr-md--2 {
    margin-right: -0.5rem !important; }
  .mb-md--2 {
    margin-bottom: -0.5rem !important; }
  .ml-md--2 {
    margin-left: -0.5rem !important; }
  .mx-md--2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .my-md--2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .m-md--1 {
    margin: -0.25rem -0.25rem !important; }
  .mt-md--1 {
    margin-top: -0.25rem !important; }
  .mr-md--1 {
    margin-right: -0.25rem !important; }
  .mb-md--1 {
    margin-bottom: -0.25rem !important; }
  .ml-md--1 {
    margin-left: -0.25rem !important; }
  .mx-md--1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .my-md--1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .m-md-0 {
    margin: 0 0 !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mr-md-0 {
    margin-right: 0 !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0 {
    margin-left: 0 !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1 {
    margin-left: 0.25rem !important; }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2 {
    margin-left: 0.5rem !important; }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem 1rem !important; }
  .mt-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3 {
    margin-left: 1rem !important; }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-md-4 {
    margin: 2rem 2rem !important; }
  .mt-md-4 {
    margin-top: 2rem !important; }
  .mr-md-4 {
    margin-right: 2rem !important; }
  .mb-md-4 {
    margin-bottom: 2rem !important; }
  .ml-md-4 {
    margin-left: 2rem !important; }
  .mx-md-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }
  .my-md-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }
  .m-md-5 {
    margin: 4rem 4rem !important; }
  .mt-md-5 {
    margin-top: 4rem !important; }
  .mr-md-5 {
    margin-right: 4rem !important; }
  .mb-md-5 {
    margin-bottom: 4rem !important; }
  .ml-md-5 {
    margin-left: 4rem !important; }
  .mx-md-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important; }
  .my-md-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important; }
  .m-md-6 {
    margin: 8rem 8rem !important; }
  .mt-md-6 {
    margin-top: 8rem !important; }
  .mr-md-6 {
    margin-right: 8rem !important; }
  .mb-md-6 {
    margin-bottom: 8rem !important; }
  .ml-md-6 {
    margin-left: 8rem !important; }
  .mx-md-6 {
    margin-right: 8rem !important;
    margin-left: 8rem !important; }
  .my-md-6 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }
  .m-md-7 {
    margin: 16rem 16rem !important; }
  .mt-md-7 {
    margin-top: 16rem !important; }
  .mr-md-7 {
    margin-right: 16rem !important; }
  .mb-md-7 {
    margin-bottom: 16rem !important; }
  .ml-md-7 {
    margin-left: 16rem !important; }
  .mx-md-7 {
    margin-right: 16rem !important;
    margin-left: 16rem !important; }
  .my-md-7 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important; }
  .p-md--3 {
    padding: -1rem -1rem !important; }
  .pt-md--3 {
    padding-top: -1rem !important; }
  .pr-md--3 {
    padding-right: -1rem !important; }
  .pb-md--3 {
    padding-bottom: -1rem !important; }
  .pl-md--3 {
    padding-left: -1rem !important; }
  .px-md--3 {
    padding-right: -1rem !important;
    padding-left: -1rem !important; }
  .py-md--3 {
    padding-top: -1rem !important;
    padding-bottom: -1rem !important; }
  .p-md--2 {
    padding: -0.5rem -0.5rem !important; }
  .pt-md--2 {
    padding-top: -0.5rem !important; }
  .pr-md--2 {
    padding-right: -0.5rem !important; }
  .pb-md--2 {
    padding-bottom: -0.5rem !important; }
  .pl-md--2 {
    padding-left: -0.5rem !important; }
  .px-md--2 {
    padding-right: -0.5rem !important;
    padding-left: -0.5rem !important; }
  .py-md--2 {
    padding-top: -0.5rem !important;
    padding-bottom: -0.5rem !important; }
  .p-md--1 {
    padding: -0.25rem -0.25rem !important; }
  .pt-md--1 {
    padding-top: -0.25rem !important; }
  .pr-md--1 {
    padding-right: -0.25rem !important; }
  .pb-md--1 {
    padding-bottom: -0.25rem !important; }
  .pl-md--1 {
    padding-left: -0.25rem !important; }
  .px-md--1 {
    padding-right: -0.25rem !important;
    padding-left: -0.25rem !important; }
  .py-md--1 {
    padding-top: -0.25rem !important;
    padding-bottom: -0.25rem !important; }
  .p-md-0 {
    padding: 0 0 !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pr-md-0 {
    padding-right: 0 !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0 {
    padding-left: 0 !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1 {
    padding-left: 0.25rem !important; }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2 {
    padding-left: 0.5rem !important; }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem 1rem !important; }
  .pt-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3 {
    padding-left: 1rem !important; }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-md-4 {
    padding: 2rem 2rem !important; }
  .pt-md-4 {
    padding-top: 2rem !important; }
  .pr-md-4 {
    padding-right: 2rem !important; }
  .pb-md-4 {
    padding-bottom: 2rem !important; }
  .pl-md-4 {
    padding-left: 2rem !important; }
  .px-md-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important; }
  .py-md-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  .p-md-5 {
    padding: 4rem 4rem !important; }
  .pt-md-5 {
    padding-top: 4rem !important; }
  .pr-md-5 {
    padding-right: 4rem !important; }
  .pb-md-5 {
    padding-bottom: 4rem !important; }
  .pl-md-5 {
    padding-left: 4rem !important; }
  .px-md-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important; }
  .py-md-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }
  .p-md-6 {
    padding: 8rem 8rem !important; }
  .pt-md-6 {
    padding-top: 8rem !important; }
  .pr-md-6 {
    padding-right: 8rem !important; }
  .pb-md-6 {
    padding-bottom: 8rem !important; }
  .pl-md-6 {
    padding-left: 8rem !important; }
  .px-md-6 {
    padding-right: 8rem !important;
    padding-left: 8rem !important; }
  .py-md-6 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }
  .p-md-7 {
    padding: 16rem 16rem !important; }
  .pt-md-7 {
    padding-top: 16rem !important; }
  .pr-md-7 {
    padding-right: 16rem !important; }
  .pb-md-7 {
    padding-bottom: 16rem !important; }
  .pl-md-7 {
    padding-left: 16rem !important; }
  .px-md-7 {
    padding-right: 16rem !important;
    padding-left: 16rem !important; }
  .py-md-7 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .mr-md-auto {
    margin-right: auto !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto {
    margin-left: auto !important; }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mx-md--col {
    margin-right: -15px !important;
    margin-left: -15px !important; }
  .ml-md--col {
    margin-left: -15px !important; }
  .mr-md--col {
    margin-right: -15px !important; } }

@media (min-width: 992px) {
  .m-lg--3 {
    margin: -1rem -1rem !important; }
  .mt-lg--3 {
    margin-top: -1rem !important; }
  .mr-lg--3 {
    margin-right: -1rem !important; }
  .mb-lg--3 {
    margin-bottom: -1rem !important; }
  .ml-lg--3 {
    margin-left: -1rem !important; }
  .mx-lg--3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .my-lg--3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .m-lg--2 {
    margin: -0.5rem -0.5rem !important; }
  .mt-lg--2 {
    margin-top: -0.5rem !important; }
  .mr-lg--2 {
    margin-right: -0.5rem !important; }
  .mb-lg--2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg--2 {
    margin-left: -0.5rem !important; }
  .mx-lg--2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .my-lg--2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .m-lg--1 {
    margin: -0.25rem -0.25rem !important; }
  .mt-lg--1 {
    margin-top: -0.25rem !important; }
  .mr-lg--1 {
    margin-right: -0.25rem !important; }
  .mb-lg--1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg--1 {
    margin-left: -0.25rem !important; }
  .mx-lg--1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .my-lg--1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .m-lg-0 {
    margin: 0 0 !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0 {
    margin-left: 0 !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1 {
    margin-left: 0.25rem !important; }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2 {
    margin-left: 0.5rem !important; }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem 1rem !important; }
  .mt-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3 {
    margin-left: 1rem !important; }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-lg-4 {
    margin: 2rem 2rem !important; }
  .mt-lg-4 {
    margin-top: 2rem !important; }
  .mr-lg-4 {
    margin-right: 2rem !important; }
  .mb-lg-4 {
    margin-bottom: 2rem !important; }
  .ml-lg-4 {
    margin-left: 2rem !important; }
  .mx-lg-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }
  .my-lg-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }
  .m-lg-5 {
    margin: 4rem 4rem !important; }
  .mt-lg-5 {
    margin-top: 4rem !important; }
  .mr-lg-5 {
    margin-right: 4rem !important; }
  .mb-lg-5 {
    margin-bottom: 4rem !important; }
  .ml-lg-5 {
    margin-left: 4rem !important; }
  .mx-lg-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important; }
  .my-lg-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important; }
  .m-lg-6 {
    margin: 8rem 8rem !important; }
  .mt-lg-6 {
    margin-top: 8rem !important; }
  .mr-lg-6 {
    margin-right: 8rem !important; }
  .mb-lg-6 {
    margin-bottom: 8rem !important; }
  .ml-lg-6 {
    margin-left: 8rem !important; }
  .mx-lg-6 {
    margin-right: 8rem !important;
    margin-left: 8rem !important; }
  .my-lg-6 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }
  .m-lg-7 {
    margin: 16rem 16rem !important; }
  .mt-lg-7 {
    margin-top: 16rem !important; }
  .mr-lg-7 {
    margin-right: 16rem !important; }
  .mb-lg-7 {
    margin-bottom: 16rem !important; }
  .ml-lg-7 {
    margin-left: 16rem !important; }
  .mx-lg-7 {
    margin-right: 16rem !important;
    margin-left: 16rem !important; }
  .my-lg-7 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important; }
  .p-lg--3 {
    padding: -1rem -1rem !important; }
  .pt-lg--3 {
    padding-top: -1rem !important; }
  .pr-lg--3 {
    padding-right: -1rem !important; }
  .pb-lg--3 {
    padding-bottom: -1rem !important; }
  .pl-lg--3 {
    padding-left: -1rem !important; }
  .px-lg--3 {
    padding-right: -1rem !important;
    padding-left: -1rem !important; }
  .py-lg--3 {
    padding-top: -1rem !important;
    padding-bottom: -1rem !important; }
  .p-lg--2 {
    padding: -0.5rem -0.5rem !important; }
  .pt-lg--2 {
    padding-top: -0.5rem !important; }
  .pr-lg--2 {
    padding-right: -0.5rem !important; }
  .pb-lg--2 {
    padding-bottom: -0.5rem !important; }
  .pl-lg--2 {
    padding-left: -0.5rem !important; }
  .px-lg--2 {
    padding-right: -0.5rem !important;
    padding-left: -0.5rem !important; }
  .py-lg--2 {
    padding-top: -0.5rem !important;
    padding-bottom: -0.5rem !important; }
  .p-lg--1 {
    padding: -0.25rem -0.25rem !important; }
  .pt-lg--1 {
    padding-top: -0.25rem !important; }
  .pr-lg--1 {
    padding-right: -0.25rem !important; }
  .pb-lg--1 {
    padding-bottom: -0.25rem !important; }
  .pl-lg--1 {
    padding-left: -0.25rem !important; }
  .px-lg--1 {
    padding-right: -0.25rem !important;
    padding-left: -0.25rem !important; }
  .py-lg--1 {
    padding-top: -0.25rem !important;
    padding-bottom: -0.25rem !important; }
  .p-lg-0 {
    padding: 0 0 !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0 {
    padding-left: 0 !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1 {
    padding-left: 0.25rem !important; }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2 {
    padding-left: 0.5rem !important; }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem 1rem !important; }
  .pt-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3 {
    padding-left: 1rem !important; }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-lg-4 {
    padding: 2rem 2rem !important; }
  .pt-lg-4 {
    padding-top: 2rem !important; }
  .pr-lg-4 {
    padding-right: 2rem !important; }
  .pb-lg-4 {
    padding-bottom: 2rem !important; }
  .pl-lg-4 {
    padding-left: 2rem !important; }
  .px-lg-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important; }
  .py-lg-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  .p-lg-5 {
    padding: 4rem 4rem !important; }
  .pt-lg-5 {
    padding-top: 4rem !important; }
  .pr-lg-5 {
    padding-right: 4rem !important; }
  .pb-lg-5 {
    padding-bottom: 4rem !important; }
  .pl-lg-5 {
    padding-left: 4rem !important; }
  .px-lg-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important; }
  .py-lg-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }
  .p-lg-6 {
    padding: 8rem 8rem !important; }
  .pt-lg-6 {
    padding-top: 8rem !important; }
  .pr-lg-6 {
    padding-right: 8rem !important; }
  .pb-lg-6 {
    padding-bottom: 8rem !important; }
  .pl-lg-6 {
    padding-left: 8rem !important; }
  .px-lg-6 {
    padding-right: 8rem !important;
    padding-left: 8rem !important; }
  .py-lg-6 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }
  .p-lg-7 {
    padding: 16rem 16rem !important; }
  .pt-lg-7 {
    padding-top: 16rem !important; }
  .pr-lg-7 {
    padding-right: 16rem !important; }
  .pb-lg-7 {
    padding-bottom: 16rem !important; }
  .pl-lg-7 {
    padding-left: 16rem !important; }
  .px-lg-7 {
    padding-right: 16rem !important;
    padding-left: 16rem !important; }
  .py-lg-7 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto {
    margin-left: auto !important; }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mx-lg--col {
    margin-right: -15px !important;
    margin-left: -15px !important; }
  .ml-lg--col {
    margin-left: -15px !important; }
  .mr-lg--col {
    margin-right: -15px !important; } }

@media (min-width: 1200px) {
  .m-xl--3 {
    margin: -1rem -1rem !important; }
  .mt-xl--3 {
    margin-top: -1rem !important; }
  .mr-xl--3 {
    margin-right: -1rem !important; }
  .mb-xl--3 {
    margin-bottom: -1rem !important; }
  .ml-xl--3 {
    margin-left: -1rem !important; }
  .mx-xl--3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important; }
  .my-xl--3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important; }
  .m-xl--2 {
    margin: -0.5rem -0.5rem !important; }
  .mt-xl--2 {
    margin-top: -0.5rem !important; }
  .mr-xl--2 {
    margin-right: -0.5rem !important; }
  .mb-xl--2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl--2 {
    margin-left: -0.5rem !important; }
  .mx-xl--2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important; }
  .my-xl--2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important; }
  .m-xl--1 {
    margin: -0.25rem -0.25rem !important; }
  .mt-xl--1 {
    margin-top: -0.25rem !important; }
  .mr-xl--1 {
    margin-right: -0.25rem !important; }
  .mb-xl--1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl--1 {
    margin-left: -0.25rem !important; }
  .mx-xl--1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important; }
  .my-xl--1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important; }
  .m-xl-0 {
    margin: 0 0 !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0 {
    margin-left: 0 !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important; }
  .mt-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1 {
    margin-left: 0.25rem !important; }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important; }
  .mt-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2 {
    margin-left: 0.5rem !important; }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem 1rem !important; }
  .mt-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3 {
    margin-left: 1rem !important; }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .m-xl-4 {
    margin: 2rem 2rem !important; }
  .mt-xl-4 {
    margin-top: 2rem !important; }
  .mr-xl-4 {
    margin-right: 2rem !important; }
  .mb-xl-4 {
    margin-bottom: 2rem !important; }
  .ml-xl-4 {
    margin-left: 2rem !important; }
  .mx-xl-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important; }
  .my-xl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important; }
  .m-xl-5 {
    margin: 4rem 4rem !important; }
  .mt-xl-5 {
    margin-top: 4rem !important; }
  .mr-xl-5 {
    margin-right: 4rem !important; }
  .mb-xl-5 {
    margin-bottom: 4rem !important; }
  .ml-xl-5 {
    margin-left: 4rem !important; }
  .mx-xl-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important; }
  .my-xl-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important; }
  .m-xl-6 {
    margin: 8rem 8rem !important; }
  .mt-xl-6 {
    margin-top: 8rem !important; }
  .mr-xl-6 {
    margin-right: 8rem !important; }
  .mb-xl-6 {
    margin-bottom: 8rem !important; }
  .ml-xl-6 {
    margin-left: 8rem !important; }
  .mx-xl-6 {
    margin-right: 8rem !important;
    margin-left: 8rem !important; }
  .my-xl-6 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important; }
  .m-xl-7 {
    margin: 16rem 16rem !important; }
  .mt-xl-7 {
    margin-top: 16rem !important; }
  .mr-xl-7 {
    margin-right: 16rem !important; }
  .mb-xl-7 {
    margin-bottom: 16rem !important; }
  .ml-xl-7 {
    margin-left: 16rem !important; }
  .mx-xl-7 {
    margin-right: 16rem !important;
    margin-left: 16rem !important; }
  .my-xl-7 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important; }
  .p-xl--3 {
    padding: -1rem -1rem !important; }
  .pt-xl--3 {
    padding-top: -1rem !important; }
  .pr-xl--3 {
    padding-right: -1rem !important; }
  .pb-xl--3 {
    padding-bottom: -1rem !important; }
  .pl-xl--3 {
    padding-left: -1rem !important; }
  .px-xl--3 {
    padding-right: -1rem !important;
    padding-left: -1rem !important; }
  .py-xl--3 {
    padding-top: -1rem !important;
    padding-bottom: -1rem !important; }
  .p-xl--2 {
    padding: -0.5rem -0.5rem !important; }
  .pt-xl--2 {
    padding-top: -0.5rem !important; }
  .pr-xl--2 {
    padding-right: -0.5rem !important; }
  .pb-xl--2 {
    padding-bottom: -0.5rem !important; }
  .pl-xl--2 {
    padding-left: -0.5rem !important; }
  .px-xl--2 {
    padding-right: -0.5rem !important;
    padding-left: -0.5rem !important; }
  .py-xl--2 {
    padding-top: -0.5rem !important;
    padding-bottom: -0.5rem !important; }
  .p-xl--1 {
    padding: -0.25rem -0.25rem !important; }
  .pt-xl--1 {
    padding-top: -0.25rem !important; }
  .pr-xl--1 {
    padding-right: -0.25rem !important; }
  .pb-xl--1 {
    padding-bottom: -0.25rem !important; }
  .pl-xl--1 {
    padding-left: -0.25rem !important; }
  .px-xl--1 {
    padding-right: -0.25rem !important;
    padding-left: -0.25rem !important; }
  .py-xl--1 {
    padding-top: -0.25rem !important;
    padding-bottom: -0.25rem !important; }
  .p-xl-0 {
    padding: 0 0 !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0 {
    padding-left: 0 !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important; }
  .pt-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1 {
    padding-left: 0.25rem !important; }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important; }
  .pt-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2 {
    padding-left: 0.5rem !important; }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem 1rem !important; }
  .pt-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3 {
    padding-left: 1rem !important; }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .p-xl-4 {
    padding: 2rem 2rem !important; }
  .pt-xl-4 {
    padding-top: 2rem !important; }
  .pr-xl-4 {
    padding-right: 2rem !important; }
  .pb-xl-4 {
    padding-bottom: 2rem !important; }
  .pl-xl-4 {
    padding-left: 2rem !important; }
  .px-xl-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important; }
  .py-xl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  .p-xl-5 {
    padding: 4rem 4rem !important; }
  .pt-xl-5 {
    padding-top: 4rem !important; }
  .pr-xl-5 {
    padding-right: 4rem !important; }
  .pb-xl-5 {
    padding-bottom: 4rem !important; }
  .pl-xl-5 {
    padding-left: 4rem !important; }
  .px-xl-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important; }
  .py-xl-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }
  .p-xl-6 {
    padding: 8rem 8rem !important; }
  .pt-xl-6 {
    padding-top: 8rem !important; }
  .pr-xl-6 {
    padding-right: 8rem !important; }
  .pb-xl-6 {
    padding-bottom: 8rem !important; }
  .pl-xl-6 {
    padding-left: 8rem !important; }
  .px-xl-6 {
    padding-right: 8rem !important;
    padding-left: 8rem !important; }
  .py-xl-6 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; }
  .p-xl-7 {
    padding: 16rem 16rem !important; }
  .pt-xl-7 {
    padding-top: 16rem !important; }
  .pr-xl-7 {
    padding-right: 16rem !important; }
  .pb-xl-7 {
    padding-bottom: 16rem !important; }
  .pl-xl-7 {
    padding-left: 16rem !important; }
  .px-xl-7 {
    padding-right: 16rem !important;
    padding-left: 16rem !important; }
  .py-xl-7 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto {
    margin-left: auto !important; }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mx-xl--col {
    margin-right: -15px !important;
    margin-left: -15px !important; }
  .ml-xl--col {
    margin-left: -15px !important; }
  .mr-xl--col {
    margin-right: -15px !important; } }

.w-10 {
  width: 10%; }

.w-20 {
  width: 20%; }

.w-25 {
  width: 25%; }

.w-30 {
  width: 30%; }

.w-33 {
  width: 33%; }

.w-34 {
  width: 34%; }

.w-40 {
  width: 40%; }

.w-50 {
  width: 50%; }

.w-60 {
  width: 60%; }

.w-70 {
  width: 70%; }

.w-75 {
  width: 75%; }

.w-80 {
  width: 80%; }

.w-90 {
  width: 90%; }

.w-100 {
  width: 100%; }

.w-1-3 {
  width: 33.33333%; }

.w-2-3 {
  width: 66.66666%; }

.w-0 {
  width: 0%; }

.wr-1 {
  width: 1rem; }

.wr-2 {
  width: 2rem; }

.wr-3 {
  width: 4rem; }

.wr-4 {
  width: 8rem; }

.wr-5 {
  width: 16rem; }

.wr-6 {
  width: 32rem; }

.wr-7 {
  width: 48rem; }

.wr-8 {
  width: 64rem; }

.wr-0 {
  width: 0; }

.mw-100 {
  max-width: 100%; }

.w-auto {
  width: auto; }

@media (min-width: 576px) {
  .w-sm-10 {
    width: 10%; }
  .w-sm-20 {
    width: 20%; }
  .w-sm-25 {
    width: 25%; }
  .w-sm-30 {
    width: 30%; }
  .w-sm-33 {
    width: 33%; }
  .w-sm-34 {
    width: 34%; }
  .w-sm-40 {
    width: 40%; }
  .w-sm-50 {
    width: 50%; }
  .w-sm-60 {
    width: 60%; }
  .w-sm-70 {
    width: 70%; }
  .w-sm-75 {
    width: 75%; }
  .w-sm-80 {
    width: 80%; }
  .w-sm-90 {
    width: 90%; }
  .w-sm-100 {
    width: 100%; }
  .w-sm-1-3 {
    width: 33.33333%; }
  .w-sm-2-3 {
    width: 66.66666%; }
  .w-sm-0 {
    width: 0%; }
  .wr-sm-1 {
    width: 1rem; }
  .wr-sm-2 {
    width: 2rem; }
  .wr-sm-3 {
    width: 4rem; }
  .wr-sm-4 {
    width: 8rem; }
  .wr-sm-5 {
    width: 16rem; }
  .wr-sm-6 {
    width: 32rem; }
  .wr-sm-7 {
    width: 48rem; }
  .wr-sm-8 {
    width: 64rem; }
  .wr-sm-0 {
    width: 0; }
  .mw-sm-100 {
    max-width: 100%; }
  .w-sm-auto {
    width: auto; } }

@media (min-width: 768px) {
  .w-md-10 {
    width: 10%; }
  .w-md-20 {
    width: 20%; }
  .w-md-25 {
    width: 25%; }
  .w-md-30 {
    width: 30%; }
  .w-md-33 {
    width: 33%; }
  .w-md-34 {
    width: 34%; }
  .w-md-40 {
    width: 40%; }
  .w-md-50 {
    width: 50%; }
  .w-md-60 {
    width: 60%; }
  .w-md-70 {
    width: 70%; }
  .w-md-75 {
    width: 75%; }
  .w-md-80 {
    width: 80%; }
  .w-md-90 {
    width: 90%; }
  .w-md-100 {
    width: 100%; }
  .w-md-1-3 {
    width: 33.33333%; }
  .w-md-2-3 {
    width: 66.66666%; }
  .w-md-0 {
    width: 0%; }
  .wr-md-1 {
    width: 1rem; }
  .wr-md-2 {
    width: 2rem; }
  .wr-md-3 {
    width: 4rem; }
  .wr-md-4 {
    width: 8rem; }
  .wr-md-5 {
    width: 16rem; }
  .wr-md-6 {
    width: 32rem; }
  .wr-md-7 {
    width: 48rem; }
  .wr-md-8 {
    width: 64rem; }
  .wr-md-0 {
    width: 0; }
  .mw-md-100 {
    max-width: 100%; }
  .w-md-auto {
    width: auto; } }

@media (min-width: 992px) {
  .w-lg-10 {
    width: 10%; }
  .w-lg-20 {
    width: 20%; }
  .w-lg-25 {
    width: 25%; }
  .w-lg-30 {
    width: 30%; }
  .w-lg-33 {
    width: 33%; }
  .w-lg-34 {
    width: 34%; }
  .w-lg-40 {
    width: 40%; }
  .w-lg-50 {
    width: 50%; }
  .w-lg-60 {
    width: 60%; }
  .w-lg-70 {
    width: 70%; }
  .w-lg-75 {
    width: 75%; }
  .w-lg-80 {
    width: 80%; }
  .w-lg-90 {
    width: 90%; }
  .w-lg-100 {
    width: 100%; }
  .w-lg-1-3 {
    width: 33.33333%; }
  .w-lg-2-3 {
    width: 66.66666%; }
  .w-lg-0 {
    width: 0%; }
  .wr-lg-1 {
    width: 1rem; }
  .wr-lg-2 {
    width: 2rem; }
  .wr-lg-3 {
    width: 4rem; }
  .wr-lg-4 {
    width: 8rem; }
  .wr-lg-5 {
    width: 16rem; }
  .wr-lg-6 {
    width: 32rem; }
  .wr-lg-7 {
    width: 48rem; }
  .wr-lg-8 {
    width: 64rem; }
  .wr-lg-0 {
    width: 0; }
  .mw-lg-100 {
    max-width: 100%; }
  .w-lg-auto {
    width: auto; } }

@media (min-width: 1200px) {
  .w-xl-10 {
    width: 10%; }
  .w-xl-20 {
    width: 20%; }
  .w-xl-25 {
    width: 25%; }
  .w-xl-30 {
    width: 30%; }
  .w-xl-33 {
    width: 33%; }
  .w-xl-34 {
    width: 34%; }
  .w-xl-40 {
    width: 40%; }
  .w-xl-50 {
    width: 50%; }
  .w-xl-60 {
    width: 60%; }
  .w-xl-70 {
    width: 70%; }
  .w-xl-75 {
    width: 75%; }
  .w-xl-80 {
    width: 80%; }
  .w-xl-90 {
    width: 90%; }
  .w-xl-100 {
    width: 100%; }
  .w-xl-1-3 {
    width: 33.33333%; }
  .w-xl-2-3 {
    width: 66.66666%; }
  .w-xl-0 {
    width: 0%; }
  .wr-xl-1 {
    width: 1rem; }
  .wr-xl-2 {
    width: 2rem; }
  .wr-xl-3 {
    width: 4rem; }
  .wr-xl-4 {
    width: 8rem; }
  .wr-xl-5 {
    width: 16rem; }
  .wr-xl-6 {
    width: 32rem; }
  .wr-xl-7 {
    width: 48rem; }
  .wr-xl-8 {
    width: 64rem; }
  .wr-xl-0 {
    width: 0; }
  .mw-xl-100 {
    max-width: 100%; }
  .w-xl-auto {
    width: auto; } }

.h-25 {
  height: 25%; }

.h-50 {
  height: 50%; }

.h-75 {
  height: 75%; }

.h-100 {
  height: 100%; }

.h-0 {
  height: 0%; }

.hr-1 {
  height: 1rem; }

.hr-2 {
  height: 2rem; }

.hr-3 {
  height: 4rem; }

.hr-4 {
  height: 8rem; }

.hr-5 {
  height: 16rem; }

.hr-6 {
  height: 32rem; }

.hr-0 {
  height: 0; }

.hv-25 {
  height: 25vh; }

.hv-50 {
  height: 50vh; }

.hv-75 {
  height: 75vh; }

.hv-100 {
  height: 100vh; }

.hv-0 {
  height: 0vh; }

@media (min-width: 576px) {
  .h-sm-25 {
    height: 25%; }
  .h-sm-50 {
    height: 50%; }
  .h-sm-75 {
    height: 75%; }
  .h-sm-100 {
    height: 100%; }
  .h-sm-0 {
    height: 0%; }
  .hr-sm-1 {
    height: 1rem; }
  .hr-sm-2 {
    height: 2rem; }
  .hr-sm-3 {
    height: 4rem; }
  .hr-sm-4 {
    height: 8rem; }
  .hr-sm-5 {
    height: 16rem; }
  .hr-sm-6 {
    height: 32rem; }
  .hr-sm-0 {
    height: 0; }
  .hv-sm-25 {
    height: 25vh; }
  .hv-sm-50 {
    height: 50vh; }
  .hv-sm-75 {
    height: 75vh; }
  .hv-sm-100 {
    height: 100vh; }
  .hv-sm-0 {
    height: 0vh; } }

@media (min-width: 768px) {
  .h-md-25 {
    height: 25%; }
  .h-md-50 {
    height: 50%; }
  .h-md-75 {
    height: 75%; }
  .h-md-100 {
    height: 100%; }
  .h-md-0 {
    height: 0%; }
  .hr-md-1 {
    height: 1rem; }
  .hr-md-2 {
    height: 2rem; }
  .hr-md-3 {
    height: 4rem; }
  .hr-md-4 {
    height: 8rem; }
  .hr-md-5 {
    height: 16rem; }
  .hr-md-6 {
    height: 32rem; }
  .hr-md-0 {
    height: 0; }
  .hv-md-25 {
    height: 25vh; }
  .hv-md-50 {
    height: 50vh; }
  .hv-md-75 {
    height: 75vh; }
  .hv-md-100 {
    height: 100vh; }
  .hv-md-0 {
    height: 0vh; } }

@media (min-width: 992px) {
  .h-lg-25 {
    height: 25%; }
  .h-lg-50 {
    height: 50%; }
  .h-lg-75 {
    height: 75%; }
  .h-lg-100 {
    height: 100%; }
  .h-lg-0 {
    height: 0%; }
  .hr-lg-1 {
    height: 1rem; }
  .hr-lg-2 {
    height: 2rem; }
  .hr-lg-3 {
    height: 4rem; }
  .hr-lg-4 {
    height: 8rem; }
  .hr-lg-5 {
    height: 16rem; }
  .hr-lg-6 {
    height: 32rem; }
  .hr-lg-0 {
    height: 0; }
  .hv-lg-25 {
    height: 25vh; }
  .hv-lg-50 {
    height: 50vh; }
  .hv-lg-75 {
    height: 75vh; }
  .hv-lg-100 {
    height: 100vh; }
  .hv-lg-0 {
    height: 0vh; } }

@media (min-width: 1200px) {
  .h-xl-25 {
    height: 25%; }
  .h-xl-50 {
    height: 50%; }
  .h-xl-75 {
    height: 75%; }
  .h-xl-100 {
    height: 100%; }
  .h-xl-0 {
    height: 0%; }
  .hr-xl-1 {
    height: 1rem; }
  .hr-xl-2 {
    height: 2rem; }
  .hr-xl-3 {
    height: 4rem; }
  .hr-xl-4 {
    height: 8rem; }
  .hr-xl-5 {
    height: 16rem; }
  .hr-xl-6 {
    height: 32rem; }
  .hr-xl-0 {
    height: 0; }
  .hv-xl-25 {
    height: 25vh; }
  .hv-xl-50 {
    height: 50vh; }
  .hv-xl-75 {
    height: 75vh; }
  .hv-xl-100 {
    height: 100vh; }
  .hv-xl-0 {
    height: 0vh; } }

.z--3 {
  z-index: -4; }

.z--2 {
  z-index: -2; }

.z--1 {
  z-index: -1; }

.z-1 {
  z-index: 1; }

.z-2 {
  z-index: 2; }

.z-3 {
  z-index: 4; }

.z-4 {
  z-index: 8; }

.z-5 {
  z-index: 16; }

.z-6 {
  z-index: 32; }

.z-7 {
  z-index: 64; }

.z-0 {
  z-index: 0; }

@media (min-width: 576px) {
  .z-sm--3 {
    z-index: -4; }
  .z-sm--2 {
    z-index: -2; }
  .z-sm--1 {
    z-index: -1; }
  .z-sm-1 {
    z-index: 1; }
  .z-sm-2 {
    z-index: 2; }
  .z-sm-3 {
    z-index: 4; }
  .z-sm-4 {
    z-index: 8; }
  .z-sm-5 {
    z-index: 16; }
  .z-sm-6 {
    z-index: 32; }
  .z-sm-7 {
    z-index: 64; }
  .z-sm-0 {
    z-index: 0; } }

@media (min-width: 768px) {
  .z-md--3 {
    z-index: -4; }
  .z-md--2 {
    z-index: -2; }
  .z-md--1 {
    z-index: -1; }
  .z-md-1 {
    z-index: 1; }
  .z-md-2 {
    z-index: 2; }
  .z-md-3 {
    z-index: 4; }
  .z-md-4 {
    z-index: 8; }
  .z-md-5 {
    z-index: 16; }
  .z-md-6 {
    z-index: 32; }
  .z-md-7 {
    z-index: 64; }
  .z-md-0 {
    z-index: 0; } }

@media (min-width: 992px) {
  .z-lg--3 {
    z-index: -4; }
  .z-lg--2 {
    z-index: -2; }
  .z-lg--1 {
    z-index: -1; }
  .z-lg-1 {
    z-index: 1; }
  .z-lg-2 {
    z-index: 2; }
  .z-lg-3 {
    z-index: 4; }
  .z-lg-4 {
    z-index: 8; }
  .z-lg-5 {
    z-index: 16; }
  .z-lg-6 {
    z-index: 32; }
  .z-lg-7 {
    z-index: 64; }
  .z-lg-0 {
    z-index: 0; } }

@media (min-width: 1200px) {
  .z-xl--3 {
    z-index: -4; }
  .z-xl--2 {
    z-index: -2; }
  .z-xl--1 {
    z-index: -1; }
  .z-xl-1 {
    z-index: 1; }
  .z-xl-2 {
    z-index: 2; }
  .z-xl-3 {
    z-index: 4; }
  .z-xl-4 {
    z-index: 8; }
  .z-xl-5 {
    z-index: 16; }
  .z-xl-6 {
    z-index: 32; }
  .z-xl-7 {
    z-index: 64; }
  .z-xl-0 {
    z-index: 0; } }

.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }
  .align-center p {
    margin: 0; }
  .align-center ul {
    text-align: center; }
    .align-center ul li {
      margin-bottom: 1rem; }

.align-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.aspect-ratio {
  height: 0;
  position: relative; }
  .aspect-ratio .aspect-ratio-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 60; }

.aspect-ratio-1x1 {
  padding-top: 100%; }

.aspect-ratio-1x2 {
  padding-top: 200%; }

.aspect-ratio-2x1 {
  padding-top: 50%; }

.aspect-ratio-2x3 {
  padding-top: 150%; }

.aspect-ratio-3x1 {
  padding-top: 33.33%; }

.aspect-ratio-3x2 {
  padding-top: 66.66%; }

.aspect-ratio-3x4 {
  padding-top: 133.33%; }

.aspect-ratio-4x1 {
  padding-top: 25%; }

.aspect-ratio-4x3 {
  padding-top: 75%; }

.at-1 {
  top: -0.25rem; }

.ar-1 {
  right: -0.25rem; }

.ab-1 {
  bottom: -0.25rem; }

.al-1 {
  left: -0.25rem; }

.at--1 {
  top: 0.25rem; }

.ar--1 {
  right: 0.25rem; }

.ab--1 {
  bottom: 0.25rem; }

.al--1 {
  left: 0.25rem; }

.at-2 {
  top: 0.5rem; }

.ar-2 {
  right: 0.5rem; }

.ab-2 {
  bottom: 0.5rem; }

.al-2 {
  left: 0.5rem; }

.at--2 {
  top: -0.5rem; }

.ar--2 {
  right: -0.5rem; }

.ab--2 {
  bottom: -0.5rem; }

.al--2 {
  left: -0.5rem; }

.at-3 {
  top: 1rem; }

.ar-3 {
  right: 1rem; }

.ab-3 {
  bottom: 1rem; }

.al-3 {
  left: 1rem; }

.at--3 {
  top: -1rem; }

.ar--3 {
  right: -1rem; }

.ab--3 {
  bottom: -1rem; }

.al--3 {
  left: -1rem; }

.at-4 {
  top: 2rem; }

.ar-4 {
  right: 2rem; }

.ab-4 {
  bottom: 2rem; }

.al-4 {
  left: 2rem; }

.at--4 {
  top: -2rem; }

.ar--4 {
  right: -2rem; }

.ab--4 {
  bottom: -2rem; }

.al--4 {
  left: -2rem; }

.at-5 {
  top: 4rem; }

.ar-5 {
  right: 4rem; }

.ab-5 {
  bottom: 4rem; }

.al-5 {
  left: 4rem; }

.at--5 {
  top: -4rem; }

.ar--5 {
  right: -4rem; }

.ab--5 {
  bottom: -4rem; }

.al--5 {
  left: -4rem; }

.at-6 {
  top: 8rem; }

.ar-6 {
  right: 8rem; }

.ab-6 {
  bottom: 8rem; }

.al-6 {
  left: 8rem; }

.at--6 {
  top: -8rem; }

.ar--6 {
  right: -8rem; }

.ab--6 {
  bottom: -8rem; }

.al--6 {
  left: -8rem; }

.at-7 {
  top: 16rem; }

.ar-7 {
  right: 16rem; }

.ab-7 {
  bottom: 16rem; }

.al-7 {
  left: 16rem; }

.at--7 {
  top: -16rem; }

.ar--7 {
  right: -16rem; }

.ab--7 {
  bottom: -16rem; }

.al--7 {
  left: -16rem; }

.at-0 {
  top: 0; }

.ar-0 {
  right: 0; }

.ab-0 {
  bottom: 0; }

.al-0 {
  left: 0; }

.at--0 {
  top: 0; }

.ar--0 {
  right: 0; }

.ab--0 {
  bottom: 0; }

.al--0 {
  left: 0; }

@media (min-width: 576px) {
  .at-sm-1 {
    top: -0.25rem; }
  .ar-sm-1 {
    right: -0.25rem; }
  .ab-sm-1 {
    bottom: -0.25rem; }
  .al-sm-1 {
    left: -0.25rem; }
  .at-sm--1 {
    top: 0.25rem; }
  .ar-sm--1 {
    right: 0.25rem; }
  .ab-sm--1 {
    bottom: 0.25rem; }
  .al-sm--1 {
    left: 0.25rem; }
  .at-sm-2 {
    top: 0.5rem; }
  .ar-sm-2 {
    right: 0.5rem; }
  .ab-sm-2 {
    bottom: 0.5rem; }
  .al-sm-2 {
    left: 0.5rem; }
  .at-sm--2 {
    top: -0.5rem; }
  .ar-sm--2 {
    right: -0.5rem; }
  .ab-sm--2 {
    bottom: -0.5rem; }
  .al-sm--2 {
    left: -0.5rem; }
  .at-sm-3 {
    top: 1rem; }
  .ar-sm-3 {
    right: 1rem; }
  .ab-sm-3 {
    bottom: 1rem; }
  .al-sm-3 {
    left: 1rem; }
  .at-sm--3 {
    top: -1rem; }
  .ar-sm--3 {
    right: -1rem; }
  .ab-sm--3 {
    bottom: -1rem; }
  .al-sm--3 {
    left: -1rem; }
  .at-sm-4 {
    top: 2rem; }
  .ar-sm-4 {
    right: 2rem; }
  .ab-sm-4 {
    bottom: 2rem; }
  .al-sm-4 {
    left: 2rem; }
  .at-sm--4 {
    top: -2rem; }
  .ar-sm--4 {
    right: -2rem; }
  .ab-sm--4 {
    bottom: -2rem; }
  .al-sm--4 {
    left: -2rem; }
  .at-sm-5 {
    top: 4rem; }
  .ar-sm-5 {
    right: 4rem; }
  .ab-sm-5 {
    bottom: 4rem; }
  .al-sm-5 {
    left: 4rem; }
  .at-sm--5 {
    top: -4rem; }
  .ar-sm--5 {
    right: -4rem; }
  .ab-sm--5 {
    bottom: -4rem; }
  .al-sm--5 {
    left: -4rem; }
  .at-sm-6 {
    top: 8rem; }
  .ar-sm-6 {
    right: 8rem; }
  .ab-sm-6 {
    bottom: 8rem; }
  .al-sm-6 {
    left: 8rem; }
  .at-sm--6 {
    top: -8rem; }
  .ar-sm--6 {
    right: -8rem; }
  .ab-sm--6 {
    bottom: -8rem; }
  .al-sm--6 {
    left: -8rem; }
  .at-sm-7 {
    top: 16rem; }
  .ar-sm-7 {
    right: 16rem; }
  .ab-sm-7 {
    bottom: 16rem; }
  .al-sm-7 {
    left: 16rem; }
  .at-sm--7 {
    top: -16rem; }
  .ar-sm--7 {
    right: -16rem; }
  .ab-sm--7 {
    bottom: -16rem; }
  .al-sm--7 {
    left: -16rem; }
  .at-sm-0 {
    top: 0; }
  .ar-sm-0 {
    right: 0; }
  .ab-sm-0 {
    bottom: 0; }
  .al-sm-0 {
    left: 0; }
  .at-sm--0 {
    top: 0; }
  .ar-sm--0 {
    right: 0; }
  .ab-sm--0 {
    bottom: 0; }
  .al-sm--0 {
    left: 0; } }

@media (min-width: 768px) {
  .at-md-1 {
    top: -0.25rem; }
  .ar-md-1 {
    right: -0.25rem; }
  .ab-md-1 {
    bottom: -0.25rem; }
  .al-md-1 {
    left: -0.25rem; }
  .at-md--1 {
    top: 0.25rem; }
  .ar-md--1 {
    right: 0.25rem; }
  .ab-md--1 {
    bottom: 0.25rem; }
  .al-md--1 {
    left: 0.25rem; }
  .at-md-2 {
    top: 0.5rem; }
  .ar-md-2 {
    right: 0.5rem; }
  .ab-md-2 {
    bottom: 0.5rem; }
  .al-md-2 {
    left: 0.5rem; }
  .at-md--2 {
    top: -0.5rem; }
  .ar-md--2 {
    right: -0.5rem; }
  .ab-md--2 {
    bottom: -0.5rem; }
  .al-md--2 {
    left: -0.5rem; }
  .at-md-3 {
    top: 1rem; }
  .ar-md-3 {
    right: 1rem; }
  .ab-md-3 {
    bottom: 1rem; }
  .al-md-3 {
    left: 1rem; }
  .at-md--3 {
    top: -1rem; }
  .ar-md--3 {
    right: -1rem; }
  .ab-md--3 {
    bottom: -1rem; }
  .al-md--3 {
    left: -1rem; }
  .at-md-4 {
    top: 2rem; }
  .ar-md-4 {
    right: 2rem; }
  .ab-md-4 {
    bottom: 2rem; }
  .al-md-4 {
    left: 2rem; }
  .at-md--4 {
    top: -2rem; }
  .ar-md--4 {
    right: -2rem; }
  .ab-md--4 {
    bottom: -2rem; }
  .al-md--4 {
    left: -2rem; }
  .at-md-5 {
    top: 4rem; }
  .ar-md-5 {
    right: 4rem; }
  .ab-md-5 {
    bottom: 4rem; }
  .al-md-5 {
    left: 4rem; }
  .at-md--5 {
    top: -4rem; }
  .ar-md--5 {
    right: -4rem; }
  .ab-md--5 {
    bottom: -4rem; }
  .al-md--5 {
    left: -4rem; }
  .at-md-6 {
    top: 8rem; }
  .ar-md-6 {
    right: 8rem; }
  .ab-md-6 {
    bottom: 8rem; }
  .al-md-6 {
    left: 8rem; }
  .at-md--6 {
    top: -8rem; }
  .ar-md--6 {
    right: -8rem; }
  .ab-md--6 {
    bottom: -8rem; }
  .al-md--6 {
    left: -8rem; }
  .at-md-7 {
    top: 16rem; }
  .ar-md-7 {
    right: 16rem; }
  .ab-md-7 {
    bottom: 16rem; }
  .al-md-7 {
    left: 16rem; }
  .at-md--7 {
    top: -16rem; }
  .ar-md--7 {
    right: -16rem; }
  .ab-md--7 {
    bottom: -16rem; }
  .al-md--7 {
    left: -16rem; }
  .at-md-0 {
    top: 0; }
  .ar-md-0 {
    right: 0; }
  .ab-md-0 {
    bottom: 0; }
  .al-md-0 {
    left: 0; }
  .at-md--0 {
    top: 0; }
  .ar-md--0 {
    right: 0; }
  .ab-md--0 {
    bottom: 0; }
  .al-md--0 {
    left: 0; } }

@media (min-width: 992px) {
  .at-lg-1 {
    top: -0.25rem; }
  .ar-lg-1 {
    right: -0.25rem; }
  .ab-lg-1 {
    bottom: -0.25rem; }
  .al-lg-1 {
    left: -0.25rem; }
  .at-lg--1 {
    top: 0.25rem; }
  .ar-lg--1 {
    right: 0.25rem; }
  .ab-lg--1 {
    bottom: 0.25rem; }
  .al-lg--1 {
    left: 0.25rem; }
  .at-lg-2 {
    top: 0.5rem; }
  .ar-lg-2 {
    right: 0.5rem; }
  .ab-lg-2 {
    bottom: 0.5rem; }
  .al-lg-2 {
    left: 0.5rem; }
  .at-lg--2 {
    top: -0.5rem; }
  .ar-lg--2 {
    right: -0.5rem; }
  .ab-lg--2 {
    bottom: -0.5rem; }
  .al-lg--2 {
    left: -0.5rem; }
  .at-lg-3 {
    top: 1rem; }
  .ar-lg-3 {
    right: 1rem; }
  .ab-lg-3 {
    bottom: 1rem; }
  .al-lg-3 {
    left: 1rem; }
  .at-lg--3 {
    top: -1rem; }
  .ar-lg--3 {
    right: -1rem; }
  .ab-lg--3 {
    bottom: -1rem; }
  .al-lg--3 {
    left: -1rem; }
  .at-lg-4 {
    top: 2rem; }
  .ar-lg-4 {
    right: 2rem; }
  .ab-lg-4 {
    bottom: 2rem; }
  .al-lg-4 {
    left: 2rem; }
  .at-lg--4 {
    top: -2rem; }
  .ar-lg--4 {
    right: -2rem; }
  .ab-lg--4 {
    bottom: -2rem; }
  .al-lg--4 {
    left: -2rem; }
  .at-lg-5 {
    top: 4rem; }
  .ar-lg-5 {
    right: 4rem; }
  .ab-lg-5 {
    bottom: 4rem; }
  .al-lg-5 {
    left: 4rem; }
  .at-lg--5 {
    top: -4rem; }
  .ar-lg--5 {
    right: -4rem; }
  .ab-lg--5 {
    bottom: -4rem; }
  .al-lg--5 {
    left: -4rem; }
  .at-lg-6 {
    top: 8rem; }
  .ar-lg-6 {
    right: 8rem; }
  .ab-lg-6 {
    bottom: 8rem; }
  .al-lg-6 {
    left: 8rem; }
  .at-lg--6 {
    top: -8rem; }
  .ar-lg--6 {
    right: -8rem; }
  .ab-lg--6 {
    bottom: -8rem; }
  .al-lg--6 {
    left: -8rem; }
  .at-lg-7 {
    top: 16rem; }
  .ar-lg-7 {
    right: 16rem; }
  .ab-lg-7 {
    bottom: 16rem; }
  .al-lg-7 {
    left: 16rem; }
  .at-lg--7 {
    top: -16rem; }
  .ar-lg--7 {
    right: -16rem; }
  .ab-lg--7 {
    bottom: -16rem; }
  .al-lg--7 {
    left: -16rem; }
  .at-lg-0 {
    top: 0; }
  .ar-lg-0 {
    right: 0; }
  .ab-lg-0 {
    bottom: 0; }
  .al-lg-0 {
    left: 0; }
  .at-lg--0 {
    top: 0; }
  .ar-lg--0 {
    right: 0; }
  .ab-lg--0 {
    bottom: 0; }
  .al-lg--0 {
    left: 0; } }

@media (min-width: 1200px) {
  .at-xl-1 {
    top: -0.25rem; }
  .ar-xl-1 {
    right: -0.25rem; }
  .ab-xl-1 {
    bottom: -0.25rem; }
  .al-xl-1 {
    left: -0.25rem; }
  .at-xl--1 {
    top: 0.25rem; }
  .ar-xl--1 {
    right: 0.25rem; }
  .ab-xl--1 {
    bottom: 0.25rem; }
  .al-xl--1 {
    left: 0.25rem; }
  .at-xl-2 {
    top: 0.5rem; }
  .ar-xl-2 {
    right: 0.5rem; }
  .ab-xl-2 {
    bottom: 0.5rem; }
  .al-xl-2 {
    left: 0.5rem; }
  .at-xl--2 {
    top: -0.5rem; }
  .ar-xl--2 {
    right: -0.5rem; }
  .ab-xl--2 {
    bottom: -0.5rem; }
  .al-xl--2 {
    left: -0.5rem; }
  .at-xl-3 {
    top: 1rem; }
  .ar-xl-3 {
    right: 1rem; }
  .ab-xl-3 {
    bottom: 1rem; }
  .al-xl-3 {
    left: 1rem; }
  .at-xl--3 {
    top: -1rem; }
  .ar-xl--3 {
    right: -1rem; }
  .ab-xl--3 {
    bottom: -1rem; }
  .al-xl--3 {
    left: -1rem; }
  .at-xl-4 {
    top: 2rem; }
  .ar-xl-4 {
    right: 2rem; }
  .ab-xl-4 {
    bottom: 2rem; }
  .al-xl-4 {
    left: 2rem; }
  .at-xl--4 {
    top: -2rem; }
  .ar-xl--4 {
    right: -2rem; }
  .ab-xl--4 {
    bottom: -2rem; }
  .al-xl--4 {
    left: -2rem; }
  .at-xl-5 {
    top: 4rem; }
  .ar-xl-5 {
    right: 4rem; }
  .ab-xl-5 {
    bottom: 4rem; }
  .al-xl-5 {
    left: 4rem; }
  .at-xl--5 {
    top: -4rem; }
  .ar-xl--5 {
    right: -4rem; }
  .ab-xl--5 {
    bottom: -4rem; }
  .al-xl--5 {
    left: -4rem; }
  .at-xl-6 {
    top: 8rem; }
  .ar-xl-6 {
    right: 8rem; }
  .ab-xl-6 {
    bottom: 8rem; }
  .al-xl-6 {
    left: 8rem; }
  .at-xl--6 {
    top: -8rem; }
  .ar-xl--6 {
    right: -8rem; }
  .ab-xl--6 {
    bottom: -8rem; }
  .al-xl--6 {
    left: -8rem; }
  .at-xl-7 {
    top: 16rem; }
  .ar-xl-7 {
    right: 16rem; }
  .ab-xl-7 {
    bottom: 16rem; }
  .al-xl-7 {
    left: 16rem; }
  .at-xl--7 {
    top: -16rem; }
  .ar-xl--7 {
    right: -16rem; }
  .ab-xl--7 {
    bottom: -16rem; }
  .al-xl--7 {
    left: -16rem; }
  .at-xl-0 {
    top: 0; }
  .ar-xl-0 {
    right: 0; }
  .ab-xl-0 {
    bottom: 0; }
  .al-xl-0 {
    left: 0; }
  .at-xl--0 {
    top: 0; }
  .ar-xl--0 {
    right: 0; }
  .ab-xl--0 {
    bottom: 0; }
  .al-xl--0 {
    left: 0; } }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0; }

.fixed-left {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0; }

.fixed-right {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0; }

.fixed-center {
  position: fixed;
  left: 50%;
  top: 50%; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.position-relative {
  position: relative; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

.d-print-block {
  display: none !important; }
  @media print {
    .d-print-block {
      display: block !important; } }

.d-print-inline {
  display: none !important; }
  @media print {
    .d-print-inline {
      display: inline !important; } }

.d-print-inline-block {
  display: none !important; }
  @media print {
    .d-print-inline-block {
      display: inline-block !important; } }

@media print {
  .d-print-none {
    display: none !important; } }

.bg-cover {
  background-size: cover; }

.bg-position-lt {
  background-position: left top; }

.bg-position-lc {
  background-position: left center; }

.bg-position-lb {
  background-position: left bottom; }

.bg-position-ct {
  background-position: center top; }

.bg-position-cc {
  background-position: center center; }

.bg-position-cb {
  background-position: center bottom; }

.bg-position-rt {
  background-position: right top; }

.bg-position-rc {
  background-position: right center; }

.bg-position-rb {
  background-position: right bottom; }

.waves-effect {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none; }
  .waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }
  .waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, 0.2); }
  .waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4); }

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: transparent;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1; }

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em; }

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em; }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }
  .waves-input-wrapper.waves-button {
    padding: 0; }
  .waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%; }

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
  .waves-float:active {
    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }

.waves-block {
  display: block; }

.transition {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.hover .hover-zoom {
  transition: 0.2s linear; }

.hover .hover-shine::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -100%;
  width: 300%;
  height: 200%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0)) no-repeat;
  background-size: 20% 100%;
  transform: skewX(70deg);
  transition: 0.2s linear;
  background-position: 0 0; }

.hover:hover {
  opacity: 1; }
  .hover:hover .hover-zoom {
    transform: scale(1.2);
    transition: 0.2s linear; }
  .hover:hover .hover-shine::after {
    transition: 0.2s linear;
    background-position: 100% 130%; }

.dropdown-menu {
  font-size: 0.9rem; }
  @media (min-width: 992px) {
    .dropdown-menu {
      /*display: block;
    opacity: 0;
    visibility: hidden;
    z-index: 1;

    @include transform(translateY(8px));
    @include transition(all .3s);*/ } }
  .dropdown-menu.dropdown-menu-inverse {
    background: #282f37 !important;
    border-color: #242a31 !important; }
    .dropdown-menu.dropdown-menu-inverse .dropdown-item {
      color: #dadada !important; }
      .dropdown-menu.dropdown-menu-inverse .dropdown-item:hover, .dropdown-menu.dropdown-menu-inverse .dropdown-item:active, .dropdown-menu.dropdown-menu-inverse .dropdown-item:focus {
        color: #fff !important;
        background: #31353e !important; }
    .dropdown-menu.dropdown-menu-inverse .dropdown-divider {
      background: #191e23; }

@media (min-width: 992px) {
  .show > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    z-index: 1000;
    transform: none; } }

.navbar .dropdown-toggle::after {
  display: none; }

.dropdown-submenu .dropdown-toggle i {
  font-size: 10px;
  position: absolute;
  right: 14px;
  top: 8px;
  color: #a3a7bd; }

@media (max-width: 991px) {
  .dropdown-submenu .dropdown-menu {
    border-color: #e8e8e8; }
    .dropdown-submenu .dropdown-menu .dropdown-item {
      padding-left: 2rem; } }

@media (min-width: 992px) {
  .dropdown-submenu .dropdown-menu {
    left: 98%;
    top: -2px; } }

.dropdown-extend {
  position: initial; }

.dropdown-extend-menu {
  width: 100%; }
  @media (min-width: 768px) {
    .dropdown-extend-menu {
      padding: 20px 30px; } }
  @media (min-width: 768px) {
    .dropdown-extend-menu .dropdown-item {
      margin: 5px 0; } }
  .dropdown-extend-menu .dropdown-item i {
    margin-right: 3px;
    font-size: 14px;
    color: #6b7386; }
    @media (max-width: 767px) {
      .dropdown-extend-menu .dropdown-item i {
        display: none; } }

/*--- nav ---*/
.iconav {
  background-color: #fff;
  border: 1px solid #eee;
  overflow-y: auto; }
  @media (min-width: 768px) {
    .iconav {
      width: 70px;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      margin-top: 0;
      margin-bottom: 0; } }
  .iconav .iconav-brand {
    display: block;
    padding-top: 27px;
    padding-bottom: 27px;
    font-size: 32px;
    line-height: 1;
    color: #8691b5;
    text-align: center;
    border-bottom: 0;
    background-color: #f3f4f7; }
  .iconav .nav-item + .nav-item .nav-link {
    border-top: 1px solid #eee; }
  @media (max-width: 767px) {
    .iconav .nav-slider {
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap; } }
  .iconav .nav-link {
    position: relative;
    text-align: center;
    font-size: 23px;
    color: #7d8292; }
    .iconav .nav-link.active {
      background-color: #f4f4f7;
      color: #53565f; }
  .iconav .nav-link-label {
    font-size: 13px;
    display: block;
    text-align: center; }

.nav-bordered.nav-vertical .nav-link.active:after {
  height: 80%;
  width: 3px;
  bottom: inherit;
  top: 2px;
  left: -5px;
  margin: auto 0; }

.nav-bordered.nav-vertical .nav-header {
  text-transform: uppercase;
  padding: 0.5em 1em;
  color: #676767;
  letter-spacing: .5px;
  font-size: 90%; }

.nav-bordered.nav-vertical li + .nav-header {
  margin-top: 20px; }

.nav-bordered .nav-link.active {
  color: #333;
  position: relative; }
  .nav-bordered .nav-link.active:after {
    content: '';
    position: absolute;
    height: 3px;
    background-color: #6f6f6f;
    width: 75%;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto; }

/* navbar light */
.navbar-light {
  background-color: #fff;
  box-shadow: 0 1px 1px #ddd;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  @media (min-width: 992px) {
    .navbar-light {
      padding: 0 1rem; } }
  .navbar-light .navbar-brand {
    font-size: 21px;
    letter-spacing: .5px;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear; }
  @media (min-width: 992px) {
    .navbar-light .dropdown-menu {
      border-color: #fbfbfb;
      box-shadow: 0 13px 20px rgba(0, 0, 0, 0.07);
      margin-top: 0;
      border-radius: 0 0 0.25rem 0.25rem; }
      .navbar-light .dropdown-menu .dropdown-item {
        color: #555;
        padding: 4px 1.5rem;
        padding-right: 30px; }
        .navbar-light .dropdown-menu .dropdown-item:active {
          background-color: #f7f7f9; } }
  .navbar-light .nav-item .nav-link {
    font-weight: 500;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    transition: color 0.15s linear; }
    @media (min-width: 992px) {
      .navbar-light .nav-item .nav-link {
        padding: 32px 10px;
        margin: 0 8px; } }
    .navbar-light .nav-item .nav-link:hover, .navbar-light .nav-item .nav-link:focus {
      color: #222;
      background: none; }
    @media (min-width: 1200px) {
      .navbar-light .nav-item .nav-link--rounded {
        text-transform: capitalize;
        border: 1px solid #aaa;
        color: #555;
        border-radius: 25px;
        margin-left: 20px;
        margin-top: 22px;
        padding: 8px 20px 9px;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out; }
        .navbar-light .nav-item .nav-link--rounded:hover {
          color: #333;
          border-color: #444; }
        .navbar-light .nav-item .nav-link--rounded:active {
          transform: scale(0.93); } }
    .navbar-light .nav-item .nav-link i {
      margin-left: 4px;
      font-size: 10px; }

/* navbar inverse (dark) */
.navbar-inverse {
  background-color: #282F37;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  @media (min-width: 992px) {
    .navbar-inverse {
      padding: 0 1rem; } }
  .navbar-inverse .navbar-brand {
    font-size: 21px;
    letter-spacing: .5px;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear; }
  @media (min-width: 992px) {
    .navbar-inverse .dropdown-menu {
      border-color: #fbfbfb;
      box-shadow: 0 13px 20px rgba(0, 0, 0, 0.07);
      margin-top: -1px;
      border-radius: 0 0 0.25rem 0.25rem; }
      .navbar-inverse .dropdown-menu .dropdown-item {
        color: #555;
        padding: 4px 1.5rem;
        padding-right: 30px; }
        .navbar-inverse .dropdown-menu .dropdown-item:active {
          background-color: #f7f7f9; } }
  .navbar-inverse .nav-item .nav-link {
    color: #dadada;
    font-weight: 500;
    font-size: 13px;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    transition: color 0.15s linear; }
    @media (min-width: 992px) {
      .navbar-inverse .nav-item .nav-link {
        margin: 0 9px;
        padding: 32px 10px; } }
    .navbar-inverse .nav-item .nav-link:hover, .navbar-inverse .nav-item .nav-link:focus {
      color: #fff;
      background: none; }
    @media (min-width: 1200px) {
      .navbar-inverse .nav-item .nav-link--rounded {
        text-transform: capitalize;
        border: 1px solid #868DA0;
        color: #E3E6EA;
        border-radius: 25px;
        margin-left: 20px;
        margin-top: 22px;
        padding: 8px 20px 9px;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out; }
        .navbar-inverse .nav-item .nav-link--rounded:hover {
          border-color: #fff; }
        .navbar-inverse .nav-item .nav-link--rounded:active {
          transform: scale(0.93); } }
    .navbar-inverse .nav-item .nav-link i {
      margin-left: 4px;
      font-size: 10px; }

/* navbar fixed bottom */
.navbar-fixed-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 999; }
  .navbar-fixed-bottom.navbar-fixed-bottom--stick {
    position: fixed;
    bottom: inherit;
    top: 0; }

/* extra navbar-transparent utility for navbar inverse and light */
@media (min-width: 992px) {
  .navbar-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999; } }

@media (min-width: 992px) {
  .navbar-transparent .dropdown-menu {
    border-radius: 0.25rem;
    margin-top: -7px; } }

.navbar-inverse.navbar-transparent .nav-item .nav-link {
  color: #fff; }
  @media (min-width: 992px) {
    .navbar-inverse.navbar-transparent .nav-item .nav-link--rounded {
      border-color: #fff;
      color: #fff; }
      .navbar-inverse.navbar-transparent .nav-item .nav-link--rounded:hover {
        background-color: #fff;
        color: #333; } }

/* navbar-brand for logo centered */
@media (min-width: 992px) {
  .navbar-brand--centered {
    position: absolute;
    left: calc(50% - 70px); } }

.sf-tabs {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  font-weight: 300;
  font-size: 1.25rem; }
  .sf-tabs nav {
    text-align: center; }
    .sf-tabs nav ul {
      position: relative;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      margin: 0 auto;
      padding: 0;
      max-width: 1200px;
      list-style: none;
      -ms-box-orient: horizontal;
      -ms-box-pack: center;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center; }
      .sf-tabs nav ul li {
        position: relative;
        z-index: 1;
        display: block;
        margin: 0;
        text-align: center;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .sf-tabs nav ul li.sf-tab-current a {
          color: #74777b; }
          .sf-tabs nav ul li.sf-tab-current a:focus {
            outline: none; }
    .sf-tabs nav a {
      position: relative;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 2.5; }
      .sf-tabs nav a span {
        vertical-align: middle;
        font-size: 0.75rem; }
      .sf-tabs nav a:hover {
        color: #0056b3;
        text-decoration: none; }

/*--- ---*/
.content-wrap {
  position: relative; }
  .content-wrap section {
    display: none;
    margin: 0 auto;
    padding: 1rem;
    max-width: 1200px;
    text-align: center; }
    .content-wrap section.content-current {
      display: block; }
    .content-wrap section p {
      margin: 0;
      padding: 0.75rem 0;
      color: rgba(40, 44, 42, 0.05);
      font-weight: 900;
      font-size: 4rem;
      line-height: 1; }

.no-js .content-wrap section {
  display: block;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

.no-flexbox nav ul {
  display: block; }
  .no-flexbox nav ul li {
    min-width: 15%;
    display: inline-block; }

/*--- THEME CIRCLE-FILL ---*/
.sf-tabs-circle-fill {
  max-width: 700px;
  border: 1px solid #2CC185; }
  .sf-tabs-circle-fill nav ul li {
    overflow: hidden;
    border-right: 1px solid #2CC185; }
  .sf-tabs-circle-fill nav li a {
    padding: 1.5rem 0;
    color: #fff;
    font-size: 1.25rem; }
  .sf-tabs-circle-fill nav li:first-child {
    border-left: none; }
  .sf-tabs-circle-fill nav li:last-child {
    border: none; }
  .sf-tabs-circle-fill nav li::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
    border: 1px solid #2CC185;
    border-radius: 50%;
    background: #2CC185;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s; }
  .sf-tabs-circle-fill nav li.sf-tab-current::before {
    -webkit-transform: scale3d(2.5, 2.5, 1);
    transform: scale3d(2.5, 2.5, 1); }
  .sf-tabs-circle-fill nav li.sf-tab-current a {
    color: #fff; }
  .sf-tabs-circle-fill nav a {
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
    .sf-tabs-circle-fill nav a span {
      display: none; }
  .sf-tabs-circle-fill .content-wrap {
    border-top: 1px solid #2CC185; }

/*--- THEME BOOK ---*/
.sf-tabs-book {
  max-width: 1200px; }
  .sf-tabs-book nav {
    padding: 0 1rem; }
    .sf-tabs-book nav ul li {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .sf-tabs-book nav ul li a {
        padding: 0 1.5em 0 0.3em;
        color: #0d9564;
        -webkit-transition: color 0.2s;
        transition: color 0.2s; }
        .sf-tabs-book nav ul li a:hover {
          color: #fff; }
        .sf-tabs-book nav ul li a:focus {
          color: #fff; }
        .sf-tabs-book nav ul li a::after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: -1;
          outline: 1px solid transparent;
          border-radius: 10px 10px 0 0;
          background: #2CC185;
          box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05);
          content: '';
          -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
          transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
      .sf-tabs-book nav ul li.sf-tab-current a {
        color: #2CC185; }
        .sf-tabs-book nav ul li.sf-tab-current a:hover {
          color: #2CC185; }
        .sf-tabs-book nav ul li.sf-tab-current a span {
          font-weight: 500;
          font-size: 0.75em; }
        .sf-tabs-book nav ul li.sf-tab-current a::after {
          background: #fff;
          box-shadow: none; }
  .sf-tabs-book .content-wrap {
    background: #fff;
    box-shadow: none; }

/*--- THEME TOPLINE ---*/
.sf-tabs-topline {
  max-width: 1200px; }
  .sf-tabs-topline nav li {
    border: 1px solid rgba(40, 44, 42, 0.1); }
    .sf-tabs-topline nav li:not(:last-child) {
      border-right: none; }
    .sf-tabs-topline nav li.sf-tab-current {
      border-top-color: #2CC185;
      border-bottom: none; }
      .sf-tabs-topline nav li.sf-tab-current a {
        background: none;
        box-shadow: inset 0 3px 0 #2CC185;
        color: #2CC185; }
  .sf-tabs-topline nav a {
    padding: 0.65em 0 0.5em;
    background: rgba(40, 44, 42, 0.05);
    color: #74777b;
    line-height: 1;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
    .sf-tabs-topline nav a:hover {
      color: #2CC185; }
    .sf-tabs-topline nav a:focus {
      color: #2CC185; }
    .sf-tabs-topline nav a span {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 700;
      font-size: 0.5em; }

/*--- THEME BAR ---*/
.sf-tabs-bar nav {
  background: rgba(40, 44, 42, 0.05); }
  .sf-tabs-bar nav ul {
    border: 4px solid transparent; }
    .sf-tabs-bar nav ul li a {
      margin: 0 2px;
      background-color: #f7f7f7;
      color: #74777b;
      transition: background-color 0.2s, color 0.2s; }
      .sf-tabs-bar nav ul li a:hover {
        color: #2CC185; }
      .sf-tabs-bar nav ul li a:focus {
        color: #2CC185; }
      .sf-tabs-bar nav ul li a span {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 500;
        font-size: 0.6em; }
      .sf-tabs-bar nav ul li a.sf-tab-current a {
        background: #2CC185;
        color: #fff; }

/* --- THEME ICONBOX ---*/
.sf-tabs-iconbox nav {
  background: rgba(255, 255, 255, 0.4); }
  .sf-tabs-iconbox nav ul li a {
    overflow: visible;
    padding: 2em 0;
    line-height: 1;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
    .sf-tabs-iconbox nav ul li a span {
      font-weight: 700;
      font-size: 0.7em; }
  .sf-tabs-iconbox nav ul li.sf-tab-current a {
    background: #fff;
    box-shadow: -1px 0 0 #fff; }
    .sf-tabs-iconbox nav ul li.sf-tab-current a::after {
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -10px;
      width: 0;
      height: 0;
      border: solid transparent;
      border-width: 10px;
      border-top-color: #fff;
      content: '';
      pointer-events: none; }
  .sf-tabs-iconbox nav ul li:first-child::before {
    position: absolute;
    top: 20%;
    right: 0;
    z-index: -1;
    width: 1px;
    height: 60%;
    background: rgba(0, 0, 0, 0.07);
    content: ''; }
  .sf-tabs-iconbox nav ul li:first-child::before {
    right: auto;
    left: 0; }
  .sf-tabs-iconbox nav ul li::after {
    position: absolute;
    top: 20%;
    right: 0;
    z-index: -1;
    width: 1px;
    height: 60%;
    background: rgba(0, 0, 0, 0.07);
    content: ''; }

/* --- THEME ICONBOX ---*/
.sf-tabs-underline nav {
  background: #fff; }
  .sf-tabs-underline nav a {
    padding: 0.25em 0 0.5em;
    border-left: 1px solid #e7ecea;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
    .sf-tabs-underline nav a span {
      font-weight: 700; }
  .sf-tabs-underline nav li:last-child a {
    border-right: 1px solid #e7ecea; }
  .sf-tabs-underline nav li a {
    border-right: 1px solid #e7ecea; }
    .sf-tabs-underline nav li a::after {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.3rem;
      background: #2CC185;
      content: '';
      -webkit-transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: translate3d(0, 150%, 0);
      transform: translate3d(0, 150%, 0); }
  .sf-tabs-underline nav li.sf-tab-current a::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

/* --- THEME LINETRIANGLE ---*/
.sf-tabs-linetriangle nav a {
  overflow: visible;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  .sf-tabs-linetriangle nav a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1em; }

.sf-tabs-linetriangle nav li.sf-tab-current a::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: '';
  pointer-events: none; }

.sf-tabs-linetriangle nav li.sf-tab-current a::before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: '';
  pointer-events: none; }

.sf-tabs-linetriangle nav li.sf-tab-current a::after {
  margin-left: -10px;
  border-width: 10px;
  border-top-color: #e7ecea; }

.sf-tabs-linetriangle nav li.sf-tab-current a::before {
  margin-left: -11px;
  border-width: 11px;
  border-top-color: rgba(0, 0, 0, 0.2); }

/* --- THEME LINETRIANGLE ---*/
.sf-tabs-iconfall {
  overflow: visible; }
  .sf-tabs-iconfall nav a {
    display: flex;
    flex-direction: column;
    overflow: visible;
    padding: 1rem 0 2rem;
    color: #74777b;
    line-height: 1;
    -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); }
    .sf-tabs-iconfall nav a:hover {
      color: #2CC185; }
    .sf-tabs-iconfall nav a:focus {
      color: #2CC185; }
    .sf-tabs-iconfall nav a span {
      font-weight: 700; }
    .sf-tabs-iconfall nav a i {
      margin: 0 0 0.35em;
      opacity: 0;
      -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
      transition: transform 0.2s, opacity 0.2s;
      -webkit-transform: translate3d(0, -100px, 0);
      transform: translate3d(0, -100px, 0);
      pointer-events: none; }
  .sf-tabs-iconfall nav li.sf-tab-current {
    color: #2CC185; }
    .sf-tabs-iconfall nav li.sf-tab-current i {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .sf-tabs-iconfall nav li::before {
    position: absolute;
    bottom: 1em;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 4px;
    background: #2CC185;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1); }
  .sf-tabs-iconfall nav li::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

/* --- THEME LINEMOVE ---*/
.sf-tabs-linemove nav {
  background: #fff; }
  .sf-tabs-linemove nav li:last-child::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #2CC185;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s; }
  .sf-tabs-linemove nav li:first-child.sf-tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-400%, 0, 0);
    transform: translate3d(-400%, 0, 0); }
  .sf-tabs-linemove nav li:nth-child(2).sf-tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-300%, 0, 0);
    transform: translate3d(-300%, 0, 0); }
  .sf-tabs-linemove nav li:nth-child(3).sf-tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0); }
  .sf-tabs-linemove nav li:nth-child(4).sf-tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .sf-tabs-linemove nav li.sf-tab-current a {
    color: #2CC185;
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0); }
  .sf-tabs-linemove nav a {
    padding: 1em 0;
    color: #74777b;
    line-height: 1;
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, transform 0.3s; }
    .sf-tabs-linemove nav a li.sf-tab-current a {
      color: #2CC185;
      -webkit-transform: translate3d(0, 8px, 0);
      transform: translate3d(0, 8px, 0); }
    .sf-tabs-linemove nav a span {
      font-weight: 700; }

/*--- THEME LINE ---*/
.sf-tabs-line nav ul {
  padding: 0 2em;
  max-width: none;
  box-shadow: inset 0 -2px #d1d3d2; }

.sf-tabs-line nav a {
  padding: 0.7em 0.4em;
  box-shadow: inset 0 -2px #d1d3d2;
  color: #74777b;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 0.8em;
  line-height: 1;
  -webkit-transition: color 0.3s, box-shadow 0.3s;
  transition: color 0.3s, box-shadow 0.3s; }
  .sf-tabs-line nav a:hover {
    box-shadow: inset 0 -2px #74777b; }
  .sf-tabs-line nav a:focus {
    box-shadow: inset 0 -2px #74777b; }

.sf-tabs-line nav li.sf-tab-current a {
  box-shadow: inset 0 -2px #2CC185;
  color: #2CC185; }

/*--- THEME CIRCLE ---*/
.sf-tabs-circle {
  overflow: visible; }
  .sf-tabs-circle nav li::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border: 1px solid #2CC185;
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  .sf-tabs-circle nav li.sf-tab-current::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .sf-tabs-circle nav a {
    display: flex;
    flex-direction: column;
    overflow: visible;
    color: #74777b;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.1;
    -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    padding: 1rem 0; }
    .sf-tabs-circle nav a span {
      display: inline-block;
      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
      transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); }
    .sf-tabs-circle nav a:hover {
      color: #4a4a4b; }
    .sf-tabs-circle nav a:focus {
      color: #4a4a4b; }
  .sf-tabs-circle nav li.sf-tab-current a {
    color: #2CC185; }
    .sf-tabs-circle nav li.sf-tab-current a span {
      -webkit-transform: translate3d(0, 4px, 0);
      transform: translate3d(0, 4px, 0); }

/*--- THEME SHAPE ---*/
.sf-tabs-shape {
  max-width: 1200px; }
  .sf-tabs-shape nav ul li {
    margin: 0 3rem; }
    .sf-tabs-shape nav ul li:first-child {
      margin-left: 0; }
    .sf-tabs-shape nav ul li.sf-tab-current {
      z-index: 100; }
  .sf-tabs-shape nav li a {
    overflow: visible;
    margin: 0 -3rem 0 0;
    padding: 0;
    color: #fff;
    font-weight: 500; }
    .sf-tabs-shape nav li a svg {
      position: absolute;
      left: 100%;
      margin: 0;
      width: 3rem;
      height: 100%;
      fill: #bdc2c9;
      pointer-events: none;
      -webkit-transition: none;
      transition: none; }
      .sf-tabs-shape nav li a svg:nth-child(2) {
        right: 100%;
        left: auto;
        -webkit-transform: scale3d(-1, 1, 1);
        transform: scale3d(-1, 1, 1); }
      .sf-tabs-shape nav li a svg use {
        pointer-events: auto; }
    .sf-tabs-shape nav li a span {
      display: block;
      overflow: hidden;
      padding: 0.65rem 0;
      background-color: #bdc2c9;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-transition: none;
      transition: none; }
    .sf-tabs-shape nav li a:hover span {
      background-color: #2CC185; }
    .sf-tabs-shape nav li a:hover svg {
      fill: #2CC185; }
  .sf-tabs-shape nav li:first-child a span {
    padding-left: 2rem;
    border-radius: 30px 0 0 0; }
  .sf-tabs-shape nav li:last-child a span {
    /*padding-left: 2rem;*/
    border-radius: 0 30px 0 0; }
  .sf-tabs-shape nav li:last-child a svg {
    right: 100%;
    left: auto;
    -webkit-transform: scale3d(-1, 1, 1);
    transform: scale3d(-1, 1, 1); }
  .sf-tabs-shape nav li.sf-tab-current a span {
    background: #fff; }
  .sf-tabs-shape nav li.sf-tab-current a svg {
    fill: #fff; }
  .sf-tabs-shape .content-wrap {
    background: #fff; }

/*--- THEME LINEBOX ---*/
.sf-tabs-linebox nav ul li {
  margin: 0 0.5rem;
  -webkit-flex: none;
  flex: none; }

.sf-tabs-linebox nav a {
  padding: 0 1.5rem;
  color: #74777b;
  font-weight: 700;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .sf-tabs-linebox nav a:hover {
    color: #2CC185; }
    .sf-tabs-linebox nav a:hover::after {
      background: #2CC185; }
  .sf-tabs-linebox nav a:focus {
    color: #2CC185; }
    .sf-tabs-linebox nav a:focus::after {
      background: #2CC185; }
  .sf-tabs-linebox nav a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #d2d8d6;
    content: '';
    -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, transform 0.3s;
    -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); }

.sf-tabs-linebox nav li.sf-tab-current a {
  color: #fff; }
  .sf-tabs-linebox nav li.sf-tab-current a::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

/*--- THEME FLIP ---*/
.sf-tabs-flip {
  max-width: 1200px; }
  .sf-tabs-flip nav a {
    padding: 0.5em 0;
    color: #2CC185;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
    .sf-tabs-flip nav a:hover {
      color: #74777b; }
    .sf-tabs-flip nav a:focus {
      color: #74777b; }
    .sf-tabs-flip nav a span {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 700;
      font-size: 0.625em; }
    .sf-tabs-flip nav a::after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background-color: #f0f0f0;
      content: '';
      -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s;
      -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-perspective-origin: 50% 100%;
      perspective-origin: 50% 100%; }
  .sf-tabs-flip nav li.sf-tab-current a {
    color: #74777b; }
    .sf-tabs-flip nav li.sf-tab-current a::after {
      background-color: #fff;
      -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
      transform: perspective(900px) rotate3d(1, 0, 0, 0deg); }
  .sf-tabs-flip .content-wrap {
    background: #fff; }

/*--- THEME FLIPUP ---*/
.sf-tabs-flipup nav ul li a {
  padding: 1.9em 0;
  border-right: 1px solid #2CC185;
  line-height: 1;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .sf-tabs-flipup nav ul li a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    height: calc(100% + 1px);
    border: 1px solid #2CC185;
    background: #2CC185;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  .sf-tabs-flipup nav ul li a span {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    display: block;
    font-weight: 700;
    font-size: 0.7em;
    line-height: 1.5; }

.sf-tabs-flipup nav ul li:last-child a {
  border: none; }

.sf-tabs-flipup nav ul li.sf-tab-current {
  z-index: 100; }
  .sf-tabs-flipup nav ul li.sf-tab-current a {
    color: #fff; }
    .sf-tabs-flipup nav ul li.sf-tab-current a::after {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .sf-tabs-flipup nav ul li.sf-tab-current a span {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    .sf-tabs-flipup nav ul li.sf-tab-current a i {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }

.flatpickr-calendar {
  visibility: hidden;
  display: none; }

.sf-form.input-group label {
  top: 0;
  margin-bottom: 0; }

.sf-form.input-group .input-group-text {
  background-color: #e0e0e0; }
  .sf-form.input-group .input-group-text.md-addon {
    border: none;
    background-color: transparent;
    font-weight: 500; }

.sf-form.input-group .sf-form-control {
  margin: 0;
  padding: 0.375rem 0.75rem; }

.sf-form.input-group .input-group-text [type=checkbox] + label,
.input-group .input-group-text [type=checkbox] + label {
  padding-left: 18px;
  height: 20px; }

.sf-form.input-group .input-group-text [type=radio] + label,
.input-group .input-group-text [type=radio] + label {
  padding-left: 24px;
  height: 24px; }

.sf-form {
  display: flex;
  position: relative; }
  .sf-form.sf-form-label input[type=text].sf-form-control,
  .sf-form.sf-form-label input[type=password].sf-form-control,
  .sf-form.sf-form-label input[type=email].sf-form-control,
  .sf-form.sf-form-label input[type=url].sf-form-control,
  .sf-form.sf-form-label input[type="file"].sf-form-control,
  .sf-form.sf-form-label input[type=time].sf-form-control,
  .sf-form.sf-form-label input[type=date].sf-form-control,
  .sf-form.sf-form-label input[type=datetime].sf-form-control,
  .sf-form.sf-form-label input[type=datetime-local].sf-form-control,
  .sf-form.sf-form-label input[type=tel].sf-form-control,
  .sf-form.sf-form-label input[type=number].sf-form-control,
  .sf-form.sf-form-label input[type=search].sf-form-control,
  .sf-form.sf-form-label textarea.sf-form-control {
    padding: 1.75rem 1rem 0.75rem 1rem; }
  .sf-form.sf-form-label input[type=text] + label,
  .sf-form.sf-form-label input[type=password] + label,
  .sf-form.sf-form-label input[type=email] + label,
  .sf-form.sf-form-label input[type=url] + label,
  .sf-form.sf-form-label input[type="file"] + label,
  .sf-form.sf-form-label input[type=time] + label,
  .sf-form.sf-form-label input[type=date] + label,
  .sf-form.sf-form-label input[type=datetime] + label,
  .sf-form.sf-form-label input[type=datetime-local] + label,
  .sf-form.sf-form-label input[type=tel] + label,
  .sf-form.sf-form-label input[type=number] + label,
  .sf-form.sf-form-label input[type=search] + label,
  .sf-form.sf-form-label textarea + label {
    display: inline-block; }
  .sf-form input[type=text],
  .sf-form input[type=password],
  .sf-form input[type=email],
  .sf-form input[type=url],
  .sf-form input[type="file"],
  .sf-form input[type=time],
  .sf-form input[type=date],
  .sf-form input[type=datetime],
  .sf-form input[type=datetime-local],
  .sf-form input[type=tel],
  .sf-form input[type=number],
  .sf-form input[type=search],
  .sf-form textarea {
    outline: none;
    box-shadow: none;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    box-sizing: content-box;
    background-color: white; }
    .sf-form input[type=text].b-default,
    .sf-form input[type=password].b-default,
    .sf-form input[type=email].b-default,
    .sf-form input[type=url].b-default,
    .sf-form input[type="file"].b-default,
    .sf-form input[type=time].b-default,
    .sf-form input[type=date].b-default,
    .sf-form input[type=datetime].b-default,
    .sf-form input[type=datetime-local].b-default,
    .sf-form input[type=tel].b-default,
    .sf-form input[type=number].b-default,
    .sf-form input[type=search].b-default,
    .sf-form textarea.b-default {
      border-color: #adb5bd; }
    .sf-form input[type=text].doc-active,
    .sf-form input[type=password].doc-active,
    .sf-form input[type=email].doc-active,
    .sf-form input[type=url].doc-active,
    .sf-form input[type="file"].doc-active,
    .sf-form input[type=time].doc-active,
    .sf-form input[type=date].doc-active,
    .sf-form input[type=datetime].doc-active,
    .sf-form input[type=datetime-local].doc-active,
    .sf-form input[type=tel].doc-active,
    .sf-form input[type=number].doc-active,
    .sf-form input[type=search].doc-active,
    .sf-form textarea.doc-active {
      box-shadow: none;
      border: 1px solid #448AFF; }
      .sf-form input[type=text].doc-active + label,
      .sf-form input[type=password].doc-active + label,
      .sf-form input[type=email].doc-active + label,
      .sf-form input[type=url].doc-active + label,
      .sf-form input[type="file"].doc-active + label,
      .sf-form input[type=time].doc-active + label,
      .sf-form input[type=date].doc-active + label,
      .sf-form input[type=datetime].doc-active + label,
      .sf-form input[type=datetime-local].doc-active + label,
      .sf-form input[type=tel].doc-active + label,
      .sf-form input[type=number].doc-active + label,
      .sf-form input[type=search].doc-active + label,
      .sf-form textarea.doc-active + label {
        color: #448AFF;
        transform: translateY(-110%); }
    .sf-form input[type=text].active:focus,
    .sf-form input[type=password].active:focus,
    .sf-form input[type=email].active:focus,
    .sf-form input[type=url].active:focus,
    .sf-form input[type="file"].active:focus,
    .sf-form input[type=time].active:focus,
    .sf-form input[type=date].active:focus,
    .sf-form input[type=datetime].active:focus,
    .sf-form input[type=datetime-local].active:focus,
    .sf-form input[type=tel].active:focus,
    .sf-form input[type=number].active:focus,
    .sf-form input[type=search].active:focus,
    .sf-form textarea.active:focus {
      box-shadow: none;
      border: 1px solid #448AFF; }
      .sf-form input[type=text].active:focus + label,
      .sf-form input[type=password].active:focus + label,
      .sf-form input[type=email].active:focus + label,
      .sf-form input[type=url].active:focus + label,
      .sf-form input[type="file"].active:focus + label,
      .sf-form input[type=time].active:focus + label,
      .sf-form input[type=date].active:focus + label,
      .sf-form input[type=datetime].active:focus + label,
      .sf-form input[type=datetime-local].active:focus + label,
      .sf-form input[type=tel].active:focus + label,
      .sf-form input[type=number].active:focus + label,
      .sf-form input[type=search].active:focus + label,
      .sf-form textarea.active:focus + label {
        color: #448AFF;
        transform: translateY(-110%); }
    .sf-form input[type=text]:hover:not([readonly]),
    .sf-form input[type=password]:hover:not([readonly]),
    .sf-form input[type=email]:hover:not([readonly]),
    .sf-form input[type=url]:hover:not([readonly]),
    .sf-form input[type="file"]:hover:not([readonly]),
    .sf-form input[type=time]:hover:not([readonly]),
    .sf-form input[type=date]:hover:not([readonly]),
    .sf-form input[type=datetime]:hover:not([readonly]),
    .sf-form input[type=datetime-local]:hover:not([readonly]),
    .sf-form input[type=tel]:hover:not([readonly]),
    .sf-form input[type=number]:hover:not([readonly]),
    .sf-form input[type=search]:hover:not([readonly]),
    .sf-form textarea:hover:not([readonly]) {
      border: 1px solid #adb5bd; }
    .sf-form input[type=text]:placeholder, .sf-form input[type=text]:-moz-placeholder, .sf-form input[type=text]::-webkit-input-placeholder, .sf-form input[type=text]:-ms-input-placeholder, .sf-form input[type=text]:-ms-input-placeholder,
    .sf-form input[type=password]:placeholder,
    .sf-form input[type=password]:-moz-placeholder,
    .sf-form input[type=password]::-webkit-input-placeholder,
    .sf-form input[type=password]:-ms-input-placeholder,
    .sf-form input[type=password]:-ms-input-placeholder,
    .sf-form input[type=email]:placeholder,
    .sf-form input[type=email]:-moz-placeholder,
    .sf-form input[type=email]::-webkit-input-placeholder,
    .sf-form input[type=email]:-ms-input-placeholder,
    .sf-form input[type=email]:-ms-input-placeholder,
    .sf-form input[type=url]:placeholder,
    .sf-form input[type=url]:-moz-placeholder,
    .sf-form input[type=url]::-webkit-input-placeholder,
    .sf-form input[type=url]:-ms-input-placeholder,
    .sf-form input[type=url]:-ms-input-placeholder,
    .sf-form input[type="file"]:placeholder,
    .sf-form input[type="file"]:-moz-placeholder,
    .sf-form input[type="file"]::-webkit-input-placeholder,
    .sf-form input[type="file"]:-ms-input-placeholder,
    .sf-form input[type="file"]:-ms-input-placeholder,
    .sf-form input[type=time]:placeholder,
    .sf-form input[type=time]:-moz-placeholder,
    .sf-form input[type=time]::-webkit-input-placeholder,
    .sf-form input[type=time]:-ms-input-placeholder,
    .sf-form input[type=time]:-ms-input-placeholder,
    .sf-form input[type=date]:placeholder,
    .sf-form input[type=date]:-moz-placeholder,
    .sf-form input[type=date]::-webkit-input-placeholder,
    .sf-form input[type=date]:-ms-input-placeholder,
    .sf-form input[type=date]:-ms-input-placeholder,
    .sf-form input[type=datetime]:placeholder,
    .sf-form input[type=datetime]:-moz-placeholder,
    .sf-form input[type=datetime]::-webkit-input-placeholder,
    .sf-form input[type=datetime]:-ms-input-placeholder,
    .sf-form input[type=datetime]:-ms-input-placeholder,
    .sf-form input[type=datetime-local]:placeholder,
    .sf-form input[type=datetime-local]:-moz-placeholder,
    .sf-form input[type=datetime-local]::-webkit-input-placeholder,
    .sf-form input[type=datetime-local]:-ms-input-placeholder,
    .sf-form input[type=datetime-local]:-ms-input-placeholder,
    .sf-form input[type=tel]:placeholder,
    .sf-form input[type=tel]:-moz-placeholder,
    .sf-form input[type=tel]::-webkit-input-placeholder,
    .sf-form input[type=tel]:-ms-input-placeholder,
    .sf-form input[type=tel]:-ms-input-placeholder,
    .sf-form input[type=number]:placeholder,
    .sf-form input[type=number]:-moz-placeholder,
    .sf-form input[type=number]::-webkit-input-placeholder,
    .sf-form input[type=number]:-ms-input-placeholder,
    .sf-form input[type=number]:-ms-input-placeholder,
    .sf-form input[type=search]:placeholder,
    .sf-form input[type=search]:-moz-placeholder,
    .sf-form input[type=search]::-webkit-input-placeholder,
    .sf-form input[type=search]:-ms-input-placeholder,
    .sf-form input[type=search]:-ms-input-placeholder,
    .sf-form textarea:placeholder,
    .sf-form textarea:-moz-placeholder,
    .sf-form textarea::-webkit-input-placeholder,
    .sf-form textarea:-ms-input-placeholder,
    .sf-form textarea:-ms-input-placeholder {
      color: #ced4da; }
    .sf-form input[type=text].sf-form-control,
    .sf-form input[type=password].sf-form-control,
    .sf-form input[type=email].sf-form-control,
    .sf-form input[type=url].sf-form-control,
    .sf-form input[type="file"].sf-form-control,
    .sf-form input[type=time].sf-form-control,
    .sf-form input[type=date].sf-form-control,
    .sf-form input[type=datetime].sf-form-control,
    .sf-form input[type=datetime-local].sf-form-control,
    .sf-form input[type=tel].sf-form-control,
    .sf-form input[type=number].sf-form-control,
    .sf-form input[type=search].sf-form-control,
    .sf-form textarea.sf-form-control {
      display: block;
      line-height: 1.5;
      font-size: 1rem;
      padding: 0.75rem 1rem;
      width: 100%;
      background-image: none;
      background-color: #fff;
      background-clip: padding-box;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      -webkit-appearance: none;
      vertical-align: middle; }
      .sf-form input[type=text].sf-form-control:disabled, .sf-form input[type=text].sf-form-control[readonly],
      .sf-form input[type=password].sf-form-control:disabled,
      .sf-form input[type=password].sf-form-control[readonly],
      .sf-form input[type=email].sf-form-control:disabled,
      .sf-form input[type=email].sf-form-control[readonly],
      .sf-form input[type=url].sf-form-control:disabled,
      .sf-form input[type=url].sf-form-control[readonly],
      .sf-form input[type="file"].sf-form-control:disabled,
      .sf-form input[type="file"].sf-form-control[readonly],
      .sf-form input[type=time].sf-form-control:disabled,
      .sf-form input[type=time].sf-form-control[readonly],
      .sf-form input[type=date].sf-form-control:disabled,
      .sf-form input[type=date].sf-form-control[readonly],
      .sf-form input[type=datetime].sf-form-control:disabled,
      .sf-form input[type=datetime].sf-form-control[readonly],
      .sf-form input[type=datetime-local].sf-form-control:disabled,
      .sf-form input[type=datetime-local].sf-form-control[readonly],
      .sf-form input[type=tel].sf-form-control:disabled,
      .sf-form input[type=tel].sf-form-control[readonly],
      .sf-form input[type=number].sf-form-control:disabled,
      .sf-form input[type=number].sf-form-control[readonly],
      .sf-form input[type=search].sf-form-control:disabled,
      .sf-form input[type=search].sf-form-control[readonly],
      .sf-form textarea.sf-form-control:disabled,
      .sf-form textarea.sf-form-control[readonly] {
        background-color: #e9ecef;
        border-color: #dee2e6; }
        .sf-form input[type=text].sf-form-control:disabled:hover, .sf-form input[type=text].sf-form-control[readonly]:hover,
        .sf-form input[type=password].sf-form-control:disabled:hover,
        .sf-form input[type=password].sf-form-control[readonly]:hover,
        .sf-form input[type=email].sf-form-control:disabled:hover,
        .sf-form input[type=email].sf-form-control[readonly]:hover,
        .sf-form input[type=url].sf-form-control:disabled:hover,
        .sf-form input[type=url].sf-form-control[readonly]:hover,
        .sf-form input[type="file"].sf-form-control:disabled:hover,
        .sf-form input[type="file"].sf-form-control[readonly]:hover,
        .sf-form input[type=time].sf-form-control:disabled:hover,
        .sf-form input[type=time].sf-form-control[readonly]:hover,
        .sf-form input[type=date].sf-form-control:disabled:hover,
        .sf-form input[type=date].sf-form-control[readonly]:hover,
        .sf-form input[type=datetime].sf-form-control:disabled:hover,
        .sf-form input[type=datetime].sf-form-control[readonly]:hover,
        .sf-form input[type=datetime-local].sf-form-control:disabled:hover,
        .sf-form input[type=datetime-local].sf-form-control[readonly]:hover,
        .sf-form input[type=tel].sf-form-control:disabled:hover,
        .sf-form input[type=tel].sf-form-control[readonly]:hover,
        .sf-form input[type=number].sf-form-control:disabled:hover,
        .sf-form input[type=number].sf-form-control[readonly]:hover,
        .sf-form input[type=search].sf-form-control:disabled:hover,
        .sf-form input[type=search].sf-form-control[readonly]:hover,
        .sf-form textarea.sf-form-control:disabled:hover,
        .sf-form textarea.sf-form-control[readonly]:hover {
          border-color: #dee2e6 !important; }
    .sf-form input[type=text].sf-form-control-lg,
    .sf-form input[type=password].sf-form-control-lg,
    .sf-form input[type=email].sf-form-control-lg,
    .sf-form input[type=url].sf-form-control-lg,
    .sf-form input[type="file"].sf-form-control-lg,
    .sf-form input[type=time].sf-form-control-lg,
    .sf-form input[type=date].sf-form-control-lg,
    .sf-form input[type=datetime].sf-form-control-lg,
    .sf-form input[type=datetime-local].sf-form-control-lg,
    .sf-form input[type=tel].sf-form-control-lg,
    .sf-form input[type=number].sf-form-control-lg,
    .sf-form input[type=search].sf-form-control-lg,
    .sf-form textarea.sf-form-control-lg {
      padding: 2rem 1.25rem 1rem 1.25rem !important; }
      .sf-form input[type=text].sf-form-control-lg + label,
      .sf-form input[type=password].sf-form-control-lg + label,
      .sf-form input[type=email].sf-form-control-lg + label,
      .sf-form input[type=url].sf-form-control-lg + label,
      .sf-form input[type="file"].sf-form-control-lg + label,
      .sf-form input[type=time].sf-form-control-lg + label,
      .sf-form input[type=date].sf-form-control-lg + label,
      .sf-form input[type=datetime].sf-form-control-lg + label,
      .sf-form input[type=datetime-local].sf-form-control-lg + label,
      .sf-form input[type=tel].sf-form-control-lg + label,
      .sf-form input[type=number].sf-form-control-lg + label,
      .sf-form input[type=search].sf-form-control-lg + label,
      .sf-form textarea.sf-form-control-lg + label {
        font-size: 1.5rem;
        padding: 0 1.25rem; }
        .sf-form input[type=text].sf-form-control-lg + label.active,
        .sf-form input[type=password].sf-form-control-lg + label.active,
        .sf-form input[type=email].sf-form-control-lg + label.active,
        .sf-form input[type=url].sf-form-control-lg + label.active,
        .sf-form input[type="file"].sf-form-control-lg + label.active,
        .sf-form input[type=time].sf-form-control-lg + label.active,
        .sf-form input[type=date].sf-form-control-lg + label.active,
        .sf-form input[type=datetime].sf-form-control-lg + label.active,
        .sf-form input[type=datetime-local].sf-form-control-lg + label.active,
        .sf-form input[type=tel].sf-form-control-lg + label.active,
        .sf-form input[type=number].sf-form-control-lg + label.active,
        .sf-form input[type=search].sf-form-control-lg + label.active,
        .sf-form textarea.sf-form-control-lg + label.active {
          font-size: 1rem; }
    .sf-form input[type=text].sf-form-control-sm,
    .sf-form input[type=password].sf-form-control-sm,
    .sf-form input[type=email].sf-form-control-sm,
    .sf-form input[type=url].sf-form-control-sm,
    .sf-form input[type="file"].sf-form-control-sm,
    .sf-form input[type=time].sf-form-control-sm,
    .sf-form input[type=date].sf-form-control-sm,
    .sf-form input[type=datetime].sf-form-control-sm,
    .sf-form input[type=datetime-local].sf-form-control-sm,
    .sf-form input[type=tel].sf-form-control-sm,
    .sf-form input[type=number].sf-form-control-sm,
    .sf-form input[type=search].sf-form-control-sm,
    .sf-form textarea.sf-form-control-sm {
      padding: 1.5rem 0.75rem 0.5rem 0.75rem !important; }
      .sf-form input[type=text].sf-form-control-sm + label,
      .sf-form input[type=password].sf-form-control-sm + label,
      .sf-form input[type=email].sf-form-control-sm + label,
      .sf-form input[type=url].sf-form-control-sm + label,
      .sf-form input[type="file"].sf-form-control-sm + label,
      .sf-form input[type=time].sf-form-control-sm + label,
      .sf-form input[type=date].sf-form-control-sm + label,
      .sf-form input[type=datetime].sf-form-control-sm + label,
      .sf-form input[type=datetime-local].sf-form-control-sm + label,
      .sf-form input[type=tel].sf-form-control-sm + label,
      .sf-form input[type=number].sf-form-control-sm + label,
      .sf-form input[type=search].sf-form-control-sm + label,
      .sf-form textarea.sf-form-control-sm + label {
        font-size: 0.75rem;
        padding: 0 0.75rem; }
        .sf-form input[type=text].sf-form-control-sm + label.active,
        .sf-form input[type=password].sf-form-control-sm + label.active,
        .sf-form input[type=email].sf-form-control-sm + label.active,
        .sf-form input[type=url].sf-form-control-sm + label.active,
        .sf-form input[type="file"].sf-form-control-sm + label.active,
        .sf-form input[type=time].sf-form-control-sm + label.active,
        .sf-form input[type=date].sf-form-control-sm + label.active,
        .sf-form input[type=datetime].sf-form-control-sm + label.active,
        .sf-form input[type=datetime-local].sf-form-control-sm + label.active,
        .sf-form input[type=tel].sf-form-control-sm + label.active,
        .sf-form input[type=number].sf-form-control-sm + label.active,
        .sf-form input[type=search].sf-form-control-sm + label.active,
        .sf-form textarea.sf-form-control-sm + label.active {
          font-size: 0.5rem; }
    .sf-form input[type=text]:focus:not([readonly]),
    .sf-form input[type=password]:focus:not([readonly]),
    .sf-form input[type=email]:focus:not([readonly]),
    .sf-form input[type=url]:focus:not([readonly]),
    .sf-form input[type="file"]:focus:not([readonly]),
    .sf-form input[type=time]:focus:not([readonly]),
    .sf-form input[type=date]:focus:not([readonly]),
    .sf-form input[type=datetime]:focus:not([readonly]),
    .sf-form input[type=datetime-local]:focus:not([readonly]),
    .sf-form input[type=tel]:focus:not([readonly]),
    .sf-form input[type=number]:focus:not([readonly]),
    .sf-form input[type=search]:focus:not([readonly]),
    .sf-form textarea:focus:not([readonly]) {
      box-shadow: none;
      border: 1px solid #448AFF; }
      .sf-form input[type=text]:focus:not([readonly]):hover,
      .sf-form input[type=password]:focus:not([readonly]):hover,
      .sf-form input[type=email]:focus:not([readonly]):hover,
      .sf-form input[type=url]:focus:not([readonly]):hover,
      .sf-form input[type="file"]:focus:not([readonly]):hover,
      .sf-form input[type=time]:focus:not([readonly]):hover,
      .sf-form input[type=date]:focus:not([readonly]):hover,
      .sf-form input[type=datetime]:focus:not([readonly]):hover,
      .sf-form input[type=datetime-local]:focus:not([readonly]):hover,
      .sf-form input[type=tel]:focus:not([readonly]):hover,
      .sf-form input[type=number]:focus:not([readonly]):hover,
      .sf-form input[type=search]:focus:not([readonly]):hover,
      .sf-form textarea:focus:not([readonly]):hover {
        border: 1px solid #448AFF; }
      .sf-form input[type=text]:focus:not([readonly]) + label,
      .sf-form input[type=password]:focus:not([readonly]) + label,
      .sf-form input[type=email]:focus:not([readonly]) + label,
      .sf-form input[type=url]:focus:not([readonly]) + label,
      .sf-form input[type="file"]:focus:not([readonly]) + label,
      .sf-form input[type=time]:focus:not([readonly]) + label,
      .sf-form input[type=date]:focus:not([readonly]) + label,
      .sf-form input[type=datetime]:focus:not([readonly]) + label,
      .sf-form input[type=datetime-local]:focus:not([readonly]) + label,
      .sf-form input[type=tel]:focus:not([readonly]) + label,
      .sf-form input[type=number]:focus:not([readonly]) + label,
      .sf-form input[type=search]:focus:not([readonly]) + label,
      .sf-form textarea:focus:not([readonly]) + label {
        color: #448AFF;
        transform: translateY(-110%); }
    .sf-form input[type=text] + label,
    .sf-form input[type=password] + label,
    .sf-form input[type=email] + label,
    .sf-form input[type=url] + label,
    .sf-form input[type="file"] + label,
    .sf-form input[type=time] + label,
    .sf-form input[type=date] + label,
    .sf-form input[type=datetime] + label,
    .sf-form input[type=datetime-local] + label,
    .sf-form input[type=tel] + label,
    .sf-form input[type=number] + label,
    .sf-form input[type=search] + label,
    .sf-form textarea + label {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      transition: 0.2s;
      cursor: default;
      color: #868e96;
      padding: 0 1rem;
      width: 100%;
      font-size: 1rem;
      display: none; }
      .sf-form input[type=text] + label:after,
      .sf-form input[type=password] + label:after,
      .sf-form input[type=email] + label:after,
      .sf-form input[type=url] + label:after,
      .sf-form input[type="file"] + label:after,
      .sf-form input[type=time] + label:after,
      .sf-form input[type=date] + label:after,
      .sf-form input[type=datetime] + label:after,
      .sf-form input[type=datetime-local] + label:after,
      .sf-form input[type=tel] + label:after,
      .sf-form input[type=number] + label:after,
      .sf-form input[type=search] + label:after,
      .sf-form textarea + label:after {
        content: "";
        position: absolute;
        top: calc(200% + 1rem);
        left: 0;
        opacity: 0;
        transition: .2s opacity ease-out, .2s color ease-out; }
      .sf-form input[type=text] + label.active,
      .sf-form input[type=password] + label.active,
      .sf-form input[type=email] + label.active,
      .sf-form input[type=url] + label.active,
      .sf-form input[type="file"] + label.active,
      .sf-form input[type=time] + label.active,
      .sf-form input[type=date] + label.active,
      .sf-form input[type=datetime] + label.active,
      .sf-form input[type=datetime-local] + label.active,
      .sf-form input[type=tel] + label.active,
      .sf-form input[type=number] + label.active,
      .sf-form input[type=search] + label.active,
      .sf-form textarea + label.active {
        font-size: 0.75rem;
        transform: translateY(-110%); }
      .sf-form input[type=text] + label + small.text-muted,
      .sf-form input[type=password] + label + small.text-muted,
      .sf-form input[type=email] + label + small.text-muted,
      .sf-form input[type=url] + label + small.text-muted,
      .sf-form input[type="file"] + label + small.text-muted,
      .sf-form input[type=time] + label + small.text-muted,
      .sf-form input[type=date] + label + small.text-muted,
      .sf-form input[type=datetime] + label + small.text-muted,
      .sf-form input[type=datetime-local] + label + small.text-muted,
      .sf-form input[type=tel] + label + small.text-muted,
      .sf-form input[type=number] + label + small.text-muted,
      .sf-form input[type=search] + label + small.text-muted,
      .sf-form textarea + label + small.text-muted {
        margin-left: 1rem;
        display: flex;
        align-items: center; }
      .sf-form input[type=text] + label + span.character-counter,
      .sf-form input[type=password] + label + span.character-counter,
      .sf-form input[type=email] + label + span.character-counter,
      .sf-form input[type=url] + label + span.character-counter,
      .sf-form input[type="file"] + label + span.character-counter,
      .sf-form input[type=time] + label + span.character-counter,
      .sf-form input[type=date] + label + span.character-counter,
      .sf-form input[type=datetime] + label + span.character-counter,
      .sf-form input[type=datetime-local] + label + span.character-counter,
      .sf-form input[type=tel] + label + span.character-counter,
      .sf-form input[type=number] + label + span.character-counter,
      .sf-form input[type=search] + label + span.character-counter,
      .sf-form textarea + label + span.character-counter {
        position: absolute;
        top: 100%; }
    .sf-form input[type=text].valid, .sf-form input[type=text]:focus.valid,
    .sf-form input[type=password].valid,
    .sf-form input[type=password]:focus.valid,
    .sf-form input[type=email].valid,
    .sf-form input[type=email]:focus.valid,
    .sf-form input[type=url].valid,
    .sf-form input[type=url]:focus.valid,
    .sf-form input[type="file"].valid,
    .sf-form input[type="file"]:focus.valid,
    .sf-form input[type=time].valid,
    .sf-form input[type=time]:focus.valid,
    .sf-form input[type=date].valid,
    .sf-form input[type=date]:focus.valid,
    .sf-form input[type=datetime].valid,
    .sf-form input[type=datetime]:focus.valid,
    .sf-form input[type=datetime-local].valid,
    .sf-form input[type=datetime-local]:focus.valid,
    .sf-form input[type=tel].valid,
    .sf-form input[type=tel]:focus.valid,
    .sf-form input[type=number].valid,
    .sf-form input[type=number]:focus.valid,
    .sf-form input[type=search].valid,
    .sf-form input[type=search]:focus.valid,
    .sf-form textarea.valid,
    .sf-form textarea:focus.valid {
      border: 1px solid #4CAF50 !important;
      box-shadow: none; }
      .sf-form input[type=text].valid:focus, .sf-form input[type=text]:focus.valid:focus,
      .sf-form input[type=password].valid:focus,
      .sf-form input[type=password]:focus.valid:focus,
      .sf-form input[type=email].valid:focus,
      .sf-form input[type=email]:focus.valid:focus,
      .sf-form input[type=url].valid:focus,
      .sf-form input[type=url]:focus.valid:focus,
      .sf-form input[type="file"].valid:focus,
      .sf-form input[type="file"]:focus.valid:focus,
      .sf-form input[type=time].valid:focus,
      .sf-form input[type=time]:focus.valid:focus,
      .sf-form input[type=date].valid:focus,
      .sf-form input[type=date]:focus.valid:focus,
      .sf-form input[type=datetime].valid:focus,
      .sf-form input[type=datetime]:focus.valid:focus,
      .sf-form input[type=datetime-local].valid:focus,
      .sf-form input[type=datetime-local]:focus.valid:focus,
      .sf-form input[type=tel].valid:focus,
      .sf-form input[type=tel]:focus.valid:focus,
      .sf-form input[type=number].valid:focus,
      .sf-form input[type=number]:focus.valid:focus,
      .sf-form input[type=search].valid:focus,
      .sf-form input[type=search]:focus.valid:focus,
      .sf-form textarea.valid:focus,
      .sf-form textarea:focus.valid:focus {
        border: 1px solid #4CAF50;
        box-shadow: none; }
      .sf-form input[type=text].valid:hover, .sf-form input[type=text]:focus.valid:hover,
      .sf-form input[type=password].valid:hover,
      .sf-form input[type=password]:focus.valid:hover,
      .sf-form input[type=email].valid:hover,
      .sf-form input[type=email]:focus.valid:hover,
      .sf-form input[type=url].valid:hover,
      .sf-form input[type=url]:focus.valid:hover,
      .sf-form input[type="file"].valid:hover,
      .sf-form input[type="file"]:focus.valid:hover,
      .sf-form input[type=time].valid:hover,
      .sf-form input[type=time]:focus.valid:hover,
      .sf-form input[type=date].valid:hover,
      .sf-form input[type=date]:focus.valid:hover,
      .sf-form input[type=datetime].valid:hover,
      .sf-form input[type=datetime]:focus.valid:hover,
      .sf-form input[type=datetime-local].valid:hover,
      .sf-form input[type=datetime-local]:focus.valid:hover,
      .sf-form input[type=tel].valid:hover,
      .sf-form input[type=tel]:focus.valid:hover,
      .sf-form input[type=number].valid:hover,
      .sf-form input[type=number]:focus.valid:hover,
      .sf-form input[type=search].valid:hover,
      .sf-form input[type=search]:focus.valid:hover,
      .sf-form textarea.valid:hover,
      .sf-form textarea:focus.valid:hover {
        border: 1px solid #4CAF50;
        box-shadow: none; }
      .sf-form input[type=text].valid + label, .sf-form input[type=text]:focus.valid + label,
      .sf-form input[type=password].valid + label,
      .sf-form input[type=password]:focus.valid + label,
      .sf-form input[type=email].valid + label,
      .sf-form input[type=email]:focus.valid + label,
      .sf-form input[type=url].valid + label,
      .sf-form input[type=url]:focus.valid + label,
      .sf-form input[type="file"].valid + label,
      .sf-form input[type="file"]:focus.valid + label,
      .sf-form input[type=time].valid + label,
      .sf-form input[type=time]:focus.valid + label,
      .sf-form input[type=date].valid + label,
      .sf-form input[type=date]:focus.valid + label,
      .sf-form input[type=datetime].valid + label,
      .sf-form input[type=datetime]:focus.valid + label,
      .sf-form input[type=datetime-local].valid + label,
      .sf-form input[type=datetime-local]:focus.valid + label,
      .sf-form input[type=tel].valid + label,
      .sf-form input[type=tel]:focus.valid + label,
      .sf-form input[type=number].valid + label,
      .sf-form input[type=number]:focus.valid + label,
      .sf-form input[type=search].valid + label,
      .sf-form input[type=search]:focus.valid + label,
      .sf-form textarea.valid + label,
      .sf-form textarea:focus.valid + label {
        color: #4CAF50; }
    .sf-form input[type=text].invalid, .sf-form input[type=text]:focus.invalid,
    .sf-form input[type=password].invalid,
    .sf-form input[type=password]:focus.invalid,
    .sf-form input[type=email].invalid,
    .sf-form input[type=email]:focus.invalid,
    .sf-form input[type=url].invalid,
    .sf-form input[type=url]:focus.invalid,
    .sf-form input[type="file"].invalid,
    .sf-form input[type="file"]:focus.invalid,
    .sf-form input[type=time].invalid,
    .sf-form input[type=time]:focus.invalid,
    .sf-form input[type=date].invalid,
    .sf-form input[type=date]:focus.invalid,
    .sf-form input[type=datetime].invalid,
    .sf-form input[type=datetime]:focus.invalid,
    .sf-form input[type=datetime-local].invalid,
    .sf-form input[type=datetime-local]:focus.invalid,
    .sf-form input[type=tel].invalid,
    .sf-form input[type=tel]:focus.invalid,
    .sf-form input[type=number].invalid,
    .sf-form input[type=number]:focus.invalid,
    .sf-form input[type=search].invalid,
    .sf-form input[type=search]:focus.invalid,
    .sf-form textarea.invalid,
    .sf-form textarea:focus.invalid {
      border: 1px solid #F44336 !important;
      box-shadow: none; }
      .sf-form input[type=text].invalid:focus, .sf-form input[type=text]:focus.invalid:focus,
      .sf-form input[type=password].invalid:focus,
      .sf-form input[type=password]:focus.invalid:focus,
      .sf-form input[type=email].invalid:focus,
      .sf-form input[type=email]:focus.invalid:focus,
      .sf-form input[type=url].invalid:focus,
      .sf-form input[type=url]:focus.invalid:focus,
      .sf-form input[type="file"].invalid:focus,
      .sf-form input[type="file"]:focus.invalid:focus,
      .sf-form input[type=time].invalid:focus,
      .sf-form input[type=time]:focus.invalid:focus,
      .sf-form input[type=date].invalid:focus,
      .sf-form input[type=date]:focus.invalid:focus,
      .sf-form input[type=datetime].invalid:focus,
      .sf-form input[type=datetime]:focus.invalid:focus,
      .sf-form input[type=datetime-local].invalid:focus,
      .sf-form input[type=datetime-local]:focus.invalid:focus,
      .sf-form input[type=tel].invalid:focus,
      .sf-form input[type=tel]:focus.invalid:focus,
      .sf-form input[type=number].invalid:focus,
      .sf-form input[type=number]:focus.invalid:focus,
      .sf-form input[type=search].invalid:focus,
      .sf-form input[type=search]:focus.invalid:focus,
      .sf-form textarea.invalid:focus,
      .sf-form textarea:focus.invalid:focus {
        border: 1px solid #F44336 !important;
        box-shadow: none; }
      .sf-form input[type=text].invalid:hover, .sf-form input[type=text]:focus.invalid:hover,
      .sf-form input[type=password].invalid:hover,
      .sf-form input[type=password]:focus.invalid:hover,
      .sf-form input[type=email].invalid:hover,
      .sf-form input[type=email]:focus.invalid:hover,
      .sf-form input[type=url].invalid:hover,
      .sf-form input[type=url]:focus.invalid:hover,
      .sf-form input[type="file"].invalid:hover,
      .sf-form input[type="file"]:focus.invalid:hover,
      .sf-form input[type=time].invalid:hover,
      .sf-form input[type=time]:focus.invalid:hover,
      .sf-form input[type=date].invalid:hover,
      .sf-form input[type=date]:focus.invalid:hover,
      .sf-form input[type=datetime].invalid:hover,
      .sf-form input[type=datetime]:focus.invalid:hover,
      .sf-form input[type=datetime-local].invalid:hover,
      .sf-form input[type=datetime-local]:focus.invalid:hover,
      .sf-form input[type=tel].invalid:hover,
      .sf-form input[type=tel]:focus.invalid:hover,
      .sf-form input[type=number].invalid:hover,
      .sf-form input[type=number]:focus.invalid:hover,
      .sf-form input[type=search].invalid:hover,
      .sf-form input[type=search]:focus.invalid:hover,
      .sf-form textarea.invalid:hover,
      .sf-form textarea:focus.invalid:hover {
        border: 1px solid #F44336 !important;
        box-shadow: none; }
      .sf-form input[type=text].invalid + label, .sf-form input[type=text]:focus.invalid + label,
      .sf-form input[type=password].invalid + label,
      .sf-form input[type=password]:focus.invalid + label,
      .sf-form input[type=email].invalid + label,
      .sf-form input[type=email]:focus.invalid + label,
      .sf-form input[type=url].invalid + label,
      .sf-form input[type=url]:focus.invalid + label,
      .sf-form input[type="file"].invalid + label,
      .sf-form input[type="file"]:focus.invalid + label,
      .sf-form input[type=time].invalid + label,
      .sf-form input[type=time]:focus.invalid + label,
      .sf-form input[type=date].invalid + label,
      .sf-form input[type=date]:focus.invalid + label,
      .sf-form input[type=datetime].invalid + label,
      .sf-form input[type=datetime]:focus.invalid + label,
      .sf-form input[type=datetime-local].invalid + label,
      .sf-form input[type=datetime-local]:focus.invalid + label,
      .sf-form input[type=tel].invalid + label,
      .sf-form input[type=tel]:focus.invalid + label,
      .sf-form input[type=number].invalid + label,
      .sf-form input[type=number]:focus.invalid + label,
      .sf-form input[type=search].invalid + label,
      .sf-form input[type=search]:focus.invalid + label,
      .sf-form textarea.invalid + label,
      .sf-form textarea:focus.invalid + label {
        color: #F44336 !important; }
    .sf-form input[type=text].valid + label:after, .sf-form input[type=text]:focus.valid + label:after,
    .sf-form input[type=password].valid + label:after,
    .sf-form input[type=password]:focus.valid + label:after,
    .sf-form input[type=email].valid + label:after,
    .sf-form input[type=email]:focus.valid + label:after,
    .sf-form input[type=url].valid + label:after,
    .sf-form input[type=url]:focus.valid + label:after,
    .sf-form input[type="file"].valid + label:after,
    .sf-form input[type="file"]:focus.valid + label:after,
    .sf-form input[type=time].valid + label:after,
    .sf-form input[type=time]:focus.valid + label:after,
    .sf-form input[type=date].valid + label:after,
    .sf-form input[type=date]:focus.valid + label:after,
    .sf-form input[type=datetime].valid + label:after,
    .sf-form input[type=datetime]:focus.valid + label:after,
    .sf-form input[type=datetime-local].valid + label:after,
    .sf-form input[type=datetime-local]:focus.valid + label:after,
    .sf-form input[type=tel].valid + label:after,
    .sf-form input[type=tel]:focus.valid + label:after,
    .sf-form input[type=number].valid + label:after,
    .sf-form input[type=number]:focus.valid + label:after,
    .sf-form input[type=search].valid + label:after,
    .sf-form input[type=search]:focus.valid + label:after,
    .sf-form textarea.valid + label:after,
    .sf-form textarea:focus.valid + label:after {
      content: attr(data-success);
      color: #4CAF50 !important;
      opacity: 1; }
    .sf-form input[type=text].invalid + label:after, .sf-form input[type=text]:focus.invalid + label:after,
    .sf-form input[type=password].invalid + label:after,
    .sf-form input[type=password]:focus.invalid + label:after,
    .sf-form input[type=email].invalid + label:after,
    .sf-form input[type=email]:focus.invalid + label:after,
    .sf-form input[type=url].invalid + label:after,
    .sf-form input[type=url]:focus.invalid + label:after,
    .sf-form input[type="file"].invalid + label:after,
    .sf-form input[type="file"]:focus.invalid + label:after,
    .sf-form input[type=time].invalid + label:after,
    .sf-form input[type=time]:focus.invalid + label:after,
    .sf-form input[type=date].invalid + label:after,
    .sf-form input[type=date]:focus.invalid + label:after,
    .sf-form input[type=datetime].invalid + label:after,
    .sf-form input[type=datetime]:focus.invalid + label:after,
    .sf-form input[type=datetime-local].invalid + label:after,
    .sf-form input[type=datetime-local]:focus.invalid + label:after,
    .sf-form input[type=tel].invalid + label:after,
    .sf-form input[type=tel]:focus.invalid + label:after,
    .sf-form input[type=number].invalid + label:after,
    .sf-form input[type=number]:focus.invalid + label:after,
    .sf-form input[type=search].invalid + label:after,
    .sf-form input[type=search]:focus.invalid + label:after,
    .sf-form textarea.invalid + label:after,
    .sf-form textarea:focus.invalid + label:after {
      content: attr(data-error);
      color: #F44336 !important;
      opacity: 1; }
    .sf-form input[type=text].sf-form-control.valid + label:after,
    .sf-form input[type=text].sf-form-control:focus.valid + label:after,
    .sf-form input[type=password].sf-form-control.valid + label:after,
    .sf-form input[type=password].sf-form-control:focus.valid + label:after,
    .sf-form input[type=email].sf-form-control.valid + label:after,
    .sf-form input[type=email].sf-form-control:focus.valid + label:after,
    .sf-form input[type=url].sf-form-control.valid + label:after,
    .sf-form input[type=url].sf-form-control:focus.valid + label:after,
    .sf-form input[type="file"].sf-form-control.valid + label:after,
    .sf-form input[type="file"].sf-form-control:focus.valid + label:after,
    .sf-form input[type=time].sf-form-control.valid + label:after,
    .sf-form input[type=time].sf-form-control:focus.valid + label:after,
    .sf-form input[type=date].sf-form-control.valid + label:after,
    .sf-form input[type=date].sf-form-control:focus.valid + label:after,
    .sf-form input[type=datetime].sf-form-control.valid + label:after,
    .sf-form input[type=datetime].sf-form-control:focus.valid + label:after,
    .sf-form input[type=datetime-local].sf-form-control.valid + label:after,
    .sf-form input[type=datetime-local].sf-form-control:focus.valid + label:after,
    .sf-form input[type=tel].sf-form-control.valid + label:after,
    .sf-form input[type=tel].sf-form-control:focus.valid + label:after,
    .sf-form input[type=number].sf-form-control.valid + label:after,
    .sf-form input[type=number].sf-form-control:focus.valid + label:after,
    .sf-form input[type=search].sf-form-control.valid + label:after,
    .sf-form input[type=search].sf-form-control:focus.valid + label:after,
    .sf-form textarea.sf-form-control.valid + label:after,
    .sf-form textarea.sf-form-control:focus.valid + label:after {
      top: 3.5rem; }
    .sf-form input[type=text].sf-form-control.invalid + label:after,
    .sf-form input[type=text].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=password].sf-form-control.invalid + label:after,
    .sf-form input[type=password].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=email].sf-form-control.invalid + label:after,
    .sf-form input[type=email].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=url].sf-form-control.invalid + label:after,
    .sf-form input[type=url].sf-form-control:focus.invalid + label:after,
    .sf-form input[type="file"].sf-form-control.invalid + label:after,
    .sf-form input[type="file"].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=time].sf-form-control.invalid + label:after,
    .sf-form input[type=time].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=date].sf-form-control.invalid + label:after,
    .sf-form input[type=date].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=datetime].sf-form-control.invalid + label:after,
    .sf-form input[type=datetime].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=datetime-local].sf-form-control.invalid + label:after,
    .sf-form input[type=datetime-local].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=tel].sf-form-control.invalid + label:after,
    .sf-form input[type=tel].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=number].sf-form-control.invalid + label:after,
    .sf-form input[type=number].sf-form-control:focus.invalid + label:after,
    .sf-form input[type=search].sf-form-control.invalid + label:after,
    .sf-form input[type=search].sf-form-control:focus.invalid + label:after,
    .sf-form textarea.sf-form-control.invalid + label:after,
    .sf-form textarea.sf-form-control:focus.invalid + label:after {
      top: 3.5rem; }
    .sf-form input[type=text].sf-form-control-lg.valid + label:after,
    .sf-form input[type=text].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=password].sf-form-control-lg.valid + label:after,
    .sf-form input[type=password].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=email].sf-form-control-lg.valid + label:after,
    .sf-form input[type=email].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=url].sf-form-control-lg.valid + label:after,
    .sf-form input[type=url].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type="file"].sf-form-control-lg.valid + label:after,
    .sf-form input[type="file"].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=time].sf-form-control-lg.valid + label:after,
    .sf-form input[type=time].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=date].sf-form-control-lg.valid + label:after,
    .sf-form input[type=date].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=datetime].sf-form-control-lg.valid + label:after,
    .sf-form input[type=datetime].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=datetime-local].sf-form-control-lg.valid + label:after,
    .sf-form input[type=datetime-local].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=tel].sf-form-control-lg.valid + label:after,
    .sf-form input[type=tel].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=number].sf-form-control-lg.valid + label:after,
    .sf-form input[type=number].sf-form-control-lg:focus.valid + label:after,
    .sf-form input[type=search].sf-form-control-lg.valid + label:after,
    .sf-form input[type=search].sf-form-control-lg:focus.valid + label:after,
    .sf-form textarea.sf-form-control-lg.valid + label:after,
    .sf-form textarea.sf-form-control-lg:focus.valid + label:after {
      top: 4rem; }
    .sf-form input[type=text].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=text].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=password].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=password].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=email].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=email].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=url].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=url].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type="file"].sf-form-control-lg.invalid + label:after,
    .sf-form input[type="file"].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=time].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=time].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=date].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=date].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=datetime].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=datetime].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=datetime-local].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=datetime-local].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=tel].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=tel].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=number].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=number].sf-form-control-lg:focus.invalid + label:after,
    .sf-form input[type=search].sf-form-control-lg.invalid + label:after,
    .sf-form input[type=search].sf-form-control-lg:focus.invalid + label:after,
    .sf-form textarea.sf-form-control-lg.invalid + label:after,
    .sf-form textarea.sf-form-control-lg:focus.invalid + label:after {
      top: 4rem; }
    .sf-form input[type=text].sf-form-control-sm.valid + label:after,
    .sf-form input[type=text].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=password].sf-form-control-sm.valid + label:after,
    .sf-form input[type=password].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=email].sf-form-control-sm.valid + label:after,
    .sf-form input[type=email].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=url].sf-form-control-sm.valid + label:after,
    .sf-form input[type=url].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type="file"].sf-form-control-sm.valid + label:after,
    .sf-form input[type="file"].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=time].sf-form-control-sm.valid + label:after,
    .sf-form input[type=time].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=date].sf-form-control-sm.valid + label:after,
    .sf-form input[type=date].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=datetime].sf-form-control-sm.valid + label:after,
    .sf-form input[type=datetime].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=datetime-local].sf-form-control-sm.valid + label:after,
    .sf-form input[type=datetime-local].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=tel].sf-form-control-sm.valid + label:after,
    .sf-form input[type=tel].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=number].sf-form-control-sm.valid + label:after,
    .sf-form input[type=number].sf-form-control-sm:focus.valid + label:after,
    .sf-form input[type=search].sf-form-control-sm.valid + label:after,
    .sf-form input[type=search].sf-form-control-sm:focus.valid + label:after,
    .sf-form textarea.sf-form-control-sm.valid + label:after,
    .sf-form textarea.sf-form-control-sm:focus.valid + label:after {
      top: 3rem; }
    .sf-form input[type=text].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=text].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=password].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=password].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=email].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=email].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=url].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=url].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type="file"].sf-form-control-sm.invalid + label:after,
    .sf-form input[type="file"].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=time].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=time].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=date].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=date].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=datetime].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=datetime].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=datetime-local].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=datetime-local].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=tel].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=tel].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=number].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=number].sf-form-control-sm:focus.invalid + label:after,
    .sf-form input[type=search].sf-form-control-sm.invalid + label:after,
    .sf-form input[type=search].sf-form-control-sm:focus.invalid + label:after,
    .sf-form textarea.sf-form-control-sm.invalid + label:after,
    .sf-form textarea.sf-form-control-sm:focus.invalid + label:after {
      top: 3rem; }
  .sf-form .prefix {
    position: absolute;
    transition: color 0.2s;
    top: calc(50% - 0.75rem);
    font-size: 1.5rem;
    padding: 0 1rem;
    color: #868e96; }
    .sf-form .prefix.active {
      color: #448AFF; }
    .sf-form .prefix ~ input,
    .sf-form .prefix ~ textarea {
      padding-left: 3.5rem !important; }
      .sf-form .prefix ~ input ~ label,
      .sf-form .prefix ~ textarea ~ label {
        padding-left: 3.5rem; }
      .sf-form .prefix ~ input ~ label.active,
      .sf-form .prefix ~ textarea ~ label.active {
        padding-left: 3.5rem !important; }
      .sf-form .prefix ~ input ~ .form-text,
      .sf-form .prefix ~ textarea ~ .form-text {
        padding-left: 3.25rem !important; }
  .sf-form textarea + label {
    top: 2rem !important; }
    .sf-form textarea + label + small.text-muted {
      margin-left: 0.5rem; }
    .sf-form textarea + label + span.character-counter {
      position: absolute;
      top: 100%; }
  .sf-form .active + label {
    font-size: 0.75rem; }
  .sf-form textarea {
    overflow-y: hidden;
    resize: none; }

.form-check-input[type="radio"],
label.btn input[type="radio"], .form-check-input[type="checkbox"],
label.btn input[type="checkbox"] {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.form-check-input[type="radio"] + label,
label.btn input[type="radio"] + label, .form-check-input[type="checkbox"] + label,
label.btn input[type="checkbox"] + label {
  position: relative;
  padding-left: 2.19rem;
  cursor: pointer;
  display: inline-block;
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 1rem; }

.sf-form input[type="text"].form-control:focus:required:invalid, .sf-form input[type="text"].active:required:invalid,
.sf-form input[type="number"].form-control:focus:required:invalid,
.sf-form input[type="number"].active:required:invalid,
.sf-form input[type="tel"].form-control:focus:required:invalid,
.sf-form input[type="tel"].active:required:invalid,
.sf-form input[type="email"].form-control:focus:required:invalid,
.sf-form input[type="email"].active:required:invalid,
.sf-form input[type="password"].form-control:focus:required:invalid,
.sf-form input[type="password"].active:required:invalid,
.sf-form input[type="datetime"].form-control:focus:required:invalid,
.sf-form input[type="datetime"].active:required:invalid,
.sf-form input[type="time"].form-control:focus:required:invalid,
.sf-form input[type="time"].active:required:invalid,
.sf-form input[type="month"].form-control:focus:required:invalid,
.sf-form input[type="month"].active:required:invalid,
.sf-form input[type="week"].form-control:focus:required:invalid,
.sf-form input[type="week"].active:required:invalid,
.sf-form input[type="search"].form-control:focus:required:invalid,
.sf-form input[type="search"].active:required:invalid,
.sf-form input[type="url"].form-control:focus:required:invalid,
.sf-form input[type="url"].active:required:invalid {
  border-color: #F44336 !important;
  -moz-appearance: textfield; }
  .sf-form input[type="text"].form-control:focus:required:invalid::-webkit-outer-spin-button, .sf-form input[type="text"].form-control:focus:required:invalid::-webkit-inner-spin-button, .sf-form input[type="text"].active:required:invalid::-webkit-outer-spin-button, .sf-form input[type="text"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="number"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="number"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="number"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="number"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="tel"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="tel"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="tel"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="tel"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="email"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="email"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="email"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="email"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="password"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="password"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="password"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="password"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="datetime"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="datetime"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="datetime"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="datetime"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="time"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="time"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="time"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="time"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="month"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="month"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="month"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="month"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="week"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="week"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="week"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="week"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="search"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="search"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="search"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="search"].active:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="url"].form-control:focus:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="url"].form-control:focus:required:invalid::-webkit-inner-spin-button,
  .sf-form input[type="url"].active:required:invalid::-webkit-outer-spin-button,
  .sf-form input[type="url"].active:required:invalid::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .sf-form input[type="text"].form-control:focus:required:invalid + label.active, .sf-form input[type="text"].active:required:invalid + label.active,
  .sf-form input[type="number"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="number"].active:required:invalid + label.active,
  .sf-form input[type="tel"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="tel"].active:required:invalid + label.active,
  .sf-form input[type="email"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="email"].active:required:invalid + label.active,
  .sf-form input[type="password"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="password"].active:required:invalid + label.active,
  .sf-form input[type="datetime"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="datetime"].active:required:invalid + label.active,
  .sf-form input[type="time"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="time"].active:required:invalid + label.active,
  .sf-form input[type="month"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="month"].active:required:invalid + label.active,
  .sf-form input[type="week"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="week"].active:required:invalid + label.active,
  .sf-form input[type="search"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="search"].active:required:invalid + label.active,
  .sf-form input[type="url"].form-control:focus:required:invalid + label.active,
  .sf-form input[type="url"].active:required:invalid + label.active {
    color: #F44336 !important; }
    .sf-form input[type="text"].form-control:focus:required:invalid + label.active[data-error]:after, .sf-form input[type="text"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="number"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="number"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="tel"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="tel"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="email"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="email"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="password"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="password"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="datetime"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="datetime"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="time"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="time"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="month"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="month"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="week"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="week"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="search"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="search"].active:required:invalid + label.active[data-error]:after,
    .sf-form input[type="url"].form-control:focus:required:invalid + label.active[data-error]:after,
    .sf-form input[type="url"].active:required:invalid + label.active[data-error]:after {
      content: attr(data-error);
      color: #F44336 !important;
      opacity: 1; }

.sf-form input[type="text"].form-control, .sf-form input[type="text"].active,
.sf-form input[type="number"].form-control,
.sf-form input[type="number"].active,
.sf-form input[type="tel"].form-control,
.sf-form input[type="tel"].active,
.sf-form input[type="email"].form-control,
.sf-form input[type="email"].active,
.sf-form input[type="password"].form-control,
.sf-form input[type="password"].active,
.sf-form input[type="datetime"].form-control,
.sf-form input[type="datetime"].active,
.sf-form input[type="time"].form-control,
.sf-form input[type="time"].active,
.sf-form input[type="month"].form-control,
.sf-form input[type="month"].active,
.sf-form input[type="week"].form-control,
.sf-form input[type="week"].active,
.sf-form input[type="search"].form-control,
.sf-form input[type="search"].active,
.sf-form input[type="url"].form-control,
.sf-form input[type="url"].active {
  /*&:not(:required) {
                &:not(:placeholder-shown) {

                }
            }*/ }
  .sf-form input[type="text"].form-control:required:valid, .sf-form input[type="text"].active:required:valid,
  .sf-form input[type="number"].form-control:required:valid,
  .sf-form input[type="number"].active:required:valid,
  .sf-form input[type="tel"].form-control:required:valid,
  .sf-form input[type="tel"].active:required:valid,
  .sf-form input[type="email"].form-control:required:valid,
  .sf-form input[type="email"].active:required:valid,
  .sf-form input[type="password"].form-control:required:valid,
  .sf-form input[type="password"].active:required:valid,
  .sf-form input[type="datetime"].form-control:required:valid,
  .sf-form input[type="datetime"].active:required:valid,
  .sf-form input[type="time"].form-control:required:valid,
  .sf-form input[type="time"].active:required:valid,
  .sf-form input[type="month"].form-control:required:valid,
  .sf-form input[type="month"].active:required:valid,
  .sf-form input[type="week"].form-control:required:valid,
  .sf-form input[type="week"].active:required:valid,
  .sf-form input[type="search"].form-control:required:valid,
  .sf-form input[type="search"].active:required:valid,
  .sf-form input[type="url"].form-control:required:valid,
  .sf-form input[type="url"].active:required:valid {
    border-color: #4CAF50 !important;
    -moz-appearance: textfield; }
    .sf-form input[type="text"].form-control:required:valid::-webkit-outer-spin-button, .sf-form input[type="text"].form-control:required:valid::-webkit-inner-spin-button, .sf-form input[type="text"].active:required:valid::-webkit-outer-spin-button, .sf-form input[type="text"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="number"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="number"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="number"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="number"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="tel"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="tel"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="tel"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="tel"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="email"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="email"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="email"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="email"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="password"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="password"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="password"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="password"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="datetime"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="datetime"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="datetime"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="datetime"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="time"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="time"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="time"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="time"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="month"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="month"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="month"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="month"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="week"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="week"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="week"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="week"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="search"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="search"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="search"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="search"].active:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="url"].form-control:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="url"].form-control:required:valid::-webkit-inner-spin-button,
    .sf-form input[type="url"].active:required:valid::-webkit-outer-spin-button,
    .sf-form input[type="url"].active:required:valid::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .sf-form input[type="text"].form-control:required:valid ~ span.inputvalid:before, .sf-form input[type="text"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="number"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="number"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="tel"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="tel"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="email"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="email"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="password"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="password"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="datetime"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="datetime"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="time"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="time"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="month"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="month"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="week"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="week"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="search"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="search"].active:required:valid ~ span.inputvalid:before,
    .sf-form input[type="url"].form-control:required:valid ~ span.inputvalid:before,
    .sf-form input[type="url"].active:required:valid ~ span.inputvalid:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      margin: 1.3em;
      padding: 0.65em;
      background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTA0LjUwMiw3NS40OTZjLTkuOTk3LTkuOTk4LTI2LjIwNS05Ljk5OC0zNi4yMDQsMEwxNjEuNTk0LDM4Mi4yMDNMNDMuNzAyLDI2NC4zMTFjLTkuOTk3LTkuOTk4LTI2LjIwNS05Ljk5Ny0zNi4yMDQsMCAgICBjLTkuOTk4LDkuOTk3LTkuOTk4LDI2LjIwNSwwLDM2LjIwM2wxMzUuOTk0LDEzNS45OTJjOS45OTQsOS45OTcsMjYuMjE0LDkuOTksMzYuMjA0LDBMNTA0LjUwMiwxMTEuNyAgICBDNTE0LjUsMTAxLjcwMyw1MTQuNDk5LDg1LjQ5NCw1MDQuNTAyLDc1LjQ5NnoiIGZpbGw9IiM0Y2FmNTAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
      background-position: 50% 50%;
      background-size: cover;
      background-repeat: no-repeat; }
    .sf-form input[type="text"].form-control:required:valid + label, .sf-form input[type="text"].active:required:valid + label,
    .sf-form input[type="number"].form-control:required:valid + label,
    .sf-form input[type="number"].active:required:valid + label,
    .sf-form input[type="tel"].form-control:required:valid + label,
    .sf-form input[type="tel"].active:required:valid + label,
    .sf-form input[type="email"].form-control:required:valid + label,
    .sf-form input[type="email"].active:required:valid + label,
    .sf-form input[type="password"].form-control:required:valid + label,
    .sf-form input[type="password"].active:required:valid + label,
    .sf-form input[type="datetime"].form-control:required:valid + label,
    .sf-form input[type="datetime"].active:required:valid + label,
    .sf-form input[type="time"].form-control:required:valid + label,
    .sf-form input[type="time"].active:required:valid + label,
    .sf-form input[type="month"].form-control:required:valid + label,
    .sf-form input[type="month"].active:required:valid + label,
    .sf-form input[type="week"].form-control:required:valid + label,
    .sf-form input[type="week"].active:required:valid + label,
    .sf-form input[type="search"].form-control:required:valid + label,
    .sf-form input[type="search"].active:required:valid + label,
    .sf-form input[type="url"].form-control:required:valid + label,
    .sf-form input[type="url"].active:required:valid + label {
      color: #4CAF50 !important; }
      .sf-form input[type="text"].form-control:required:valid + label[data-success]:after, .sf-form input[type="text"].active:required:valid + label[data-success]:after,
      .sf-form input[type="number"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="number"].active:required:valid + label[data-success]:after,
      .sf-form input[type="tel"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="tel"].active:required:valid + label[data-success]:after,
      .sf-form input[type="email"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="email"].active:required:valid + label[data-success]:after,
      .sf-form input[type="password"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="password"].active:required:valid + label[data-success]:after,
      .sf-form input[type="datetime"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="datetime"].active:required:valid + label[data-success]:after,
      .sf-form input[type="time"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="time"].active:required:valid + label[data-success]:after,
      .sf-form input[type="month"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="month"].active:required:valid + label[data-success]:after,
      .sf-form input[type="week"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="week"].active:required:valid + label[data-success]:after,
      .sf-form input[type="search"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="search"].active:required:valid + label[data-success]:after,
      .sf-form input[type="url"].form-control:required:valid + label[data-success]:after,
      .sf-form input[type="url"].active:required:valid + label[data-success]:after {
        content: attr(data-success);
        opacity: 1;
        color: #4CAF50 !important; }

.sf-form input[type="number"]::-webkit-inner-spin-button, .sf-form input[type="time"]::-webkit-inner-spin-button, .sf-form input[type="month"]::-webkit-inner-spin-button, .sf-form input[type="week"]::-webkit-inner-spin-button, .sf-form input[type="datetime"]::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.sf-form input[type="number"]::-webkit-outer-spin-button, .sf-form input[type="time"]::-webkit-outer-spin-button, .sf-form input[type="month"]::-webkit-outer-spin-button, .sf-form input[type="week"]::-webkit-outer-spin-button, .sf-form input[type="datetime"]::-webkit-outer-spin-button {
  -webkit-appearance: none; }

.sf-form.form-default input[type=text].active:focus,
.sf-form.form-default input[type=password].active:focus,
.sf-form.form-default input[type=email].active:focus,
.sf-form.form-default input[type=url].active:focus,
.sf-form.form-default input[type=time].active:focus,
.sf-form.form-default input[type=date].active:focus,
.sf-form.form-default input[type=datetime].active:focus,
.sf-form.form-default input[type=datetime-local].active:focus,
.sf-form.form-default input[type=tel].active:focus,
.sf-form.form-default input[type=number].active:focus,
.sf-form.form-default input[type=search].active:focus,
.sf-form.form-default textarea.active:focus {
  border: 1px solid #37474F !important; }
  .sf-form.form-default input[type=text].active:focus + label,
  .sf-form.form-default input[type=password].active:focus + label,
  .sf-form.form-default input[type=email].active:focus + label,
  .sf-form.form-default input[type=url].active:focus + label,
  .sf-form.form-default input[type=time].active:focus + label,
  .sf-form.form-default input[type=date].active:focus + label,
  .sf-form.form-default input[type=datetime].active:focus + label,
  .sf-form.form-default input[type=datetime-local].active:focus + label,
  .sf-form.form-default input[type=tel].active:focus + label,
  .sf-form.form-default input[type=number].active:focus + label,
  .sf-form.form-default input[type=search].active:focus + label,
  .sf-form.form-default textarea.active:focus + label {
    color: #37474F !important; }

.sf-form.form-default input[type=text]:focus:not([readonly]),
.sf-form.form-default input[type=password]:focus:not([readonly]),
.sf-form.form-default input[type=email]:focus:not([readonly]),
.sf-form.form-default input[type=url]:focus:not([readonly]),
.sf-form.form-default input[type=time]:focus:not([readonly]),
.sf-form.form-default input[type=date]:focus:not([readonly]),
.sf-form.form-default input[type=datetime]:focus:not([readonly]),
.sf-form.form-default input[type=datetime-local]:focus:not([readonly]),
.sf-form.form-default input[type=tel]:focus:not([readonly]),
.sf-form.form-default input[type=number]:focus:not([readonly]),
.sf-form.form-default input[type=search]:focus:not([readonly]),
.sf-form.form-default textarea:focus:not([readonly]) {
  border: 1px solid #37474F !important; }
  .sf-form.form-default input[type=text]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=password]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=email]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=url]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=time]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=date]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=datetime]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=datetime-local]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=tel]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=number]:focus:not([readonly]) + label,
  .sf-form.form-default input[type=search]:focus:not([readonly]) + label,
  .sf-form.form-default textarea:focus:not([readonly]) + label {
    color: #37474F !important; }

.sf-form.form-primary input[type=text].active:focus,
.sf-form.form-primary input[type=password].active:focus,
.sf-form.form-primary input[type=email].active:focus,
.sf-form.form-primary input[type=url].active:focus,
.sf-form.form-primary input[type=time].active:focus,
.sf-form.form-primary input[type=date].active:focus,
.sf-form.form-primary input[type=datetime].active:focus,
.sf-form.form-primary input[type=datetime-local].active:focus,
.sf-form.form-primary input[type=tel].active:focus,
.sf-form.form-primary input[type=number].active:focus,
.sf-form.form-primary input[type=search].active:focus,
.sf-form.form-primary textarea.active:focus {
  border: 1px solid #448AFF !important; }
  .sf-form.form-primary input[type=text].active:focus + label,
  .sf-form.form-primary input[type=password].active:focus + label,
  .sf-form.form-primary input[type=email].active:focus + label,
  .sf-form.form-primary input[type=url].active:focus + label,
  .sf-form.form-primary input[type=time].active:focus + label,
  .sf-form.form-primary input[type=date].active:focus + label,
  .sf-form.form-primary input[type=datetime].active:focus + label,
  .sf-form.form-primary input[type=datetime-local].active:focus + label,
  .sf-form.form-primary input[type=tel].active:focus + label,
  .sf-form.form-primary input[type=number].active:focus + label,
  .sf-form.form-primary input[type=search].active:focus + label,
  .sf-form.form-primary textarea.active:focus + label {
    color: #448AFF !important; }

.sf-form.form-primary input[type=text]:focus:not([readonly]),
.sf-form.form-primary input[type=password]:focus:not([readonly]),
.sf-form.form-primary input[type=email]:focus:not([readonly]),
.sf-form.form-primary input[type=url]:focus:not([readonly]),
.sf-form.form-primary input[type=time]:focus:not([readonly]),
.sf-form.form-primary input[type=date]:focus:not([readonly]),
.sf-form.form-primary input[type=datetime]:focus:not([readonly]),
.sf-form.form-primary input[type=datetime-local]:focus:not([readonly]),
.sf-form.form-primary input[type=tel]:focus:not([readonly]),
.sf-form.form-primary input[type=number]:focus:not([readonly]),
.sf-form.form-primary input[type=search]:focus:not([readonly]),
.sf-form.form-primary textarea:focus:not([readonly]) {
  border: 1px solid #448AFF !important; }
  .sf-form.form-primary input[type=text]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=password]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=email]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=url]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=time]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=date]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=datetime]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=datetime-local]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=tel]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=number]:focus:not([readonly]) + label,
  .sf-form.form-primary input[type=search]:focus:not([readonly]) + label,
  .sf-form.form-primary textarea:focus:not([readonly]) + label {
    color: #448AFF !important; }

.sf-form.form-secondary input[type=text].active:focus,
.sf-form.form-secondary input[type=password].active:focus,
.sf-form.form-secondary input[type=email].active:focus,
.sf-form.form-secondary input[type=url].active:focus,
.sf-form.form-secondary input[type=time].active:focus,
.sf-form.form-secondary input[type=date].active:focus,
.sf-form.form-secondary input[type=datetime].active:focus,
.sf-form.form-secondary input[type=datetime-local].active:focus,
.sf-form.form-secondary input[type=tel].active:focus,
.sf-form.form-secondary input[type=number].active:focus,
.sf-form.form-secondary input[type=search].active:focus,
.sf-form.form-secondary textarea.active:focus {
  border: 1px solid #C51162 !important; }
  .sf-form.form-secondary input[type=text].active:focus + label,
  .sf-form.form-secondary input[type=password].active:focus + label,
  .sf-form.form-secondary input[type=email].active:focus + label,
  .sf-form.form-secondary input[type=url].active:focus + label,
  .sf-form.form-secondary input[type=time].active:focus + label,
  .sf-form.form-secondary input[type=date].active:focus + label,
  .sf-form.form-secondary input[type=datetime].active:focus + label,
  .sf-form.form-secondary input[type=datetime-local].active:focus + label,
  .sf-form.form-secondary input[type=tel].active:focus + label,
  .sf-form.form-secondary input[type=number].active:focus + label,
  .sf-form.form-secondary input[type=search].active:focus + label,
  .sf-form.form-secondary textarea.active:focus + label {
    color: #C51162 !important; }

.sf-form.form-secondary input[type=text]:focus:not([readonly]),
.sf-form.form-secondary input[type=password]:focus:not([readonly]),
.sf-form.form-secondary input[type=email]:focus:not([readonly]),
.sf-form.form-secondary input[type=url]:focus:not([readonly]),
.sf-form.form-secondary input[type=time]:focus:not([readonly]),
.sf-form.form-secondary input[type=date]:focus:not([readonly]),
.sf-form.form-secondary input[type=datetime]:focus:not([readonly]),
.sf-form.form-secondary input[type=datetime-local]:focus:not([readonly]),
.sf-form.form-secondary input[type=tel]:focus:not([readonly]),
.sf-form.form-secondary input[type=number]:focus:not([readonly]),
.sf-form.form-secondary input[type=search]:focus:not([readonly]),
.sf-form.form-secondary textarea:focus:not([readonly]) {
  border: 1px solid #C51162 !important; }
  .sf-form.form-secondary input[type=text]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=password]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=email]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=url]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=time]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=date]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=datetime]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=datetime-local]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=tel]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=number]:focus:not([readonly]) + label,
  .sf-form.form-secondary input[type=search]:focus:not([readonly]) + label,
  .sf-form.form-secondary textarea:focus:not([readonly]) + label {
    color: #C51162 !important; }

.sf-form.form-success input[type=text].active:focus,
.sf-form.form-success input[type=password].active:focus,
.sf-form.form-success input[type=email].active:focus,
.sf-form.form-success input[type=url].active:focus,
.sf-form.form-success input[type=time].active:focus,
.sf-form.form-success input[type=date].active:focus,
.sf-form.form-success input[type=datetime].active:focus,
.sf-form.form-success input[type=datetime-local].active:focus,
.sf-form.form-success input[type=tel].active:focus,
.sf-form.form-success input[type=number].active:focus,
.sf-form.form-success input[type=search].active:focus,
.sf-form.form-success textarea.active:focus {
  border: 1px solid #4CAF50 !important; }
  .sf-form.form-success input[type=text].active:focus + label,
  .sf-form.form-success input[type=password].active:focus + label,
  .sf-form.form-success input[type=email].active:focus + label,
  .sf-form.form-success input[type=url].active:focus + label,
  .sf-form.form-success input[type=time].active:focus + label,
  .sf-form.form-success input[type=date].active:focus + label,
  .sf-form.form-success input[type=datetime].active:focus + label,
  .sf-form.form-success input[type=datetime-local].active:focus + label,
  .sf-form.form-success input[type=tel].active:focus + label,
  .sf-form.form-success input[type=number].active:focus + label,
  .sf-form.form-success input[type=search].active:focus + label,
  .sf-form.form-success textarea.active:focus + label {
    color: #4CAF50 !important; }

.sf-form.form-success input[type=text]:focus:not([readonly]),
.sf-form.form-success input[type=password]:focus:not([readonly]),
.sf-form.form-success input[type=email]:focus:not([readonly]),
.sf-form.form-success input[type=url]:focus:not([readonly]),
.sf-form.form-success input[type=time]:focus:not([readonly]),
.sf-form.form-success input[type=date]:focus:not([readonly]),
.sf-form.form-success input[type=datetime]:focus:not([readonly]),
.sf-form.form-success input[type=datetime-local]:focus:not([readonly]),
.sf-form.form-success input[type=tel]:focus:not([readonly]),
.sf-form.form-success input[type=number]:focus:not([readonly]),
.sf-form.form-success input[type=search]:focus:not([readonly]),
.sf-form.form-success textarea:focus:not([readonly]) {
  border: 1px solid #4CAF50 !important; }
  .sf-form.form-success input[type=text]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=password]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=email]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=url]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=time]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=date]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=datetime]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=datetime-local]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=tel]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=number]:focus:not([readonly]) + label,
  .sf-form.form-success input[type=search]:focus:not([readonly]) + label,
  .sf-form.form-success textarea:focus:not([readonly]) + label {
    color: #4CAF50 !important; }

.sf-form.form-info input[type=text].active:focus,
.sf-form.form-info input[type=password].active:focus,
.sf-form.form-info input[type=email].active:focus,
.sf-form.form-info input[type=url].active:focus,
.sf-form.form-info input[type=time].active:focus,
.sf-form.form-info input[type=date].active:focus,
.sf-form.form-info input[type=datetime].active:focus,
.sf-form.form-info input[type=datetime-local].active:focus,
.sf-form.form-info input[type=tel].active:focus,
.sf-form.form-info input[type=number].active:focus,
.sf-form.form-info input[type=search].active:focus,
.sf-form.form-info textarea.active:focus {
  border: 1px solid #03A9F4 !important; }
  .sf-form.form-info input[type=text].active:focus + label,
  .sf-form.form-info input[type=password].active:focus + label,
  .sf-form.form-info input[type=email].active:focus + label,
  .sf-form.form-info input[type=url].active:focus + label,
  .sf-form.form-info input[type=time].active:focus + label,
  .sf-form.form-info input[type=date].active:focus + label,
  .sf-form.form-info input[type=datetime].active:focus + label,
  .sf-form.form-info input[type=datetime-local].active:focus + label,
  .sf-form.form-info input[type=tel].active:focus + label,
  .sf-form.form-info input[type=number].active:focus + label,
  .sf-form.form-info input[type=search].active:focus + label,
  .sf-form.form-info textarea.active:focus + label {
    color: #03A9F4 !important; }

.sf-form.form-info input[type=text]:focus:not([readonly]),
.sf-form.form-info input[type=password]:focus:not([readonly]),
.sf-form.form-info input[type=email]:focus:not([readonly]),
.sf-form.form-info input[type=url]:focus:not([readonly]),
.sf-form.form-info input[type=time]:focus:not([readonly]),
.sf-form.form-info input[type=date]:focus:not([readonly]),
.sf-form.form-info input[type=datetime]:focus:not([readonly]),
.sf-form.form-info input[type=datetime-local]:focus:not([readonly]),
.sf-form.form-info input[type=tel]:focus:not([readonly]),
.sf-form.form-info input[type=number]:focus:not([readonly]),
.sf-form.form-info input[type=search]:focus:not([readonly]),
.sf-form.form-info textarea:focus:not([readonly]) {
  border: 1px solid #03A9F4 !important; }
  .sf-form.form-info input[type=text]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=password]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=email]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=url]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=time]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=date]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=datetime]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=datetime-local]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=tel]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=number]:focus:not([readonly]) + label,
  .sf-form.form-info input[type=search]:focus:not([readonly]) + label,
  .sf-form.form-info textarea:focus:not([readonly]) + label {
    color: #03A9F4 !important; }

.sf-form.form-warning input[type=text].active:focus,
.sf-form.form-warning input[type=password].active:focus,
.sf-form.form-warning input[type=email].active:focus,
.sf-form.form-warning input[type=url].active:focus,
.sf-form.form-warning input[type=time].active:focus,
.sf-form.form-warning input[type=date].active:focus,
.sf-form.form-warning input[type=datetime].active:focus,
.sf-form.form-warning input[type=datetime-local].active:focus,
.sf-form.form-warning input[type=tel].active:focus,
.sf-form.form-warning input[type=number].active:focus,
.sf-form.form-warning input[type=search].active:focus,
.sf-form.form-warning textarea.active:focus {
  border: 1px solid #FFB300 !important; }
  .sf-form.form-warning input[type=text].active:focus + label,
  .sf-form.form-warning input[type=password].active:focus + label,
  .sf-form.form-warning input[type=email].active:focus + label,
  .sf-form.form-warning input[type=url].active:focus + label,
  .sf-form.form-warning input[type=time].active:focus + label,
  .sf-form.form-warning input[type=date].active:focus + label,
  .sf-form.form-warning input[type=datetime].active:focus + label,
  .sf-form.form-warning input[type=datetime-local].active:focus + label,
  .sf-form.form-warning input[type=tel].active:focus + label,
  .sf-form.form-warning input[type=number].active:focus + label,
  .sf-form.form-warning input[type=search].active:focus + label,
  .sf-form.form-warning textarea.active:focus + label {
    color: #FFB300 !important; }

.sf-form.form-warning input[type=text]:focus:not([readonly]),
.sf-form.form-warning input[type=password]:focus:not([readonly]),
.sf-form.form-warning input[type=email]:focus:not([readonly]),
.sf-form.form-warning input[type=url]:focus:not([readonly]),
.sf-form.form-warning input[type=time]:focus:not([readonly]),
.sf-form.form-warning input[type=date]:focus:not([readonly]),
.sf-form.form-warning input[type=datetime]:focus:not([readonly]),
.sf-form.form-warning input[type=datetime-local]:focus:not([readonly]),
.sf-form.form-warning input[type=tel]:focus:not([readonly]),
.sf-form.form-warning input[type=number]:focus:not([readonly]),
.sf-form.form-warning input[type=search]:focus:not([readonly]),
.sf-form.form-warning textarea:focus:not([readonly]) {
  border: 1px solid #FFB300 !important; }
  .sf-form.form-warning input[type=text]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=password]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=email]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=url]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=time]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=date]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=datetime]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=datetime-local]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=tel]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=number]:focus:not([readonly]) + label,
  .sf-form.form-warning input[type=search]:focus:not([readonly]) + label,
  .sf-form.form-warning textarea:focus:not([readonly]) + label {
    color: #FFB300 !important; }

.sf-form.form-danger input[type=text].active:focus,
.sf-form.form-danger input[type=password].active:focus,
.sf-form.form-danger input[type=email].active:focus,
.sf-form.form-danger input[type=url].active:focus,
.sf-form.form-danger input[type=time].active:focus,
.sf-form.form-danger input[type=date].active:focus,
.sf-form.form-danger input[type=datetime].active:focus,
.sf-form.form-danger input[type=datetime-local].active:focus,
.sf-form.form-danger input[type=tel].active:focus,
.sf-form.form-danger input[type=number].active:focus,
.sf-form.form-danger input[type=search].active:focus,
.sf-form.form-danger textarea.active:focus {
  border: 1px solid #F44336 !important; }
  .sf-form.form-danger input[type=text].active:focus + label,
  .sf-form.form-danger input[type=password].active:focus + label,
  .sf-form.form-danger input[type=email].active:focus + label,
  .sf-form.form-danger input[type=url].active:focus + label,
  .sf-form.form-danger input[type=time].active:focus + label,
  .sf-form.form-danger input[type=date].active:focus + label,
  .sf-form.form-danger input[type=datetime].active:focus + label,
  .sf-form.form-danger input[type=datetime-local].active:focus + label,
  .sf-form.form-danger input[type=tel].active:focus + label,
  .sf-form.form-danger input[type=number].active:focus + label,
  .sf-form.form-danger input[type=search].active:focus + label,
  .sf-form.form-danger textarea.active:focus + label {
    color: #F44336 !important; }

.sf-form.form-danger input[type=text]:focus:not([readonly]),
.sf-form.form-danger input[type=password]:focus:not([readonly]),
.sf-form.form-danger input[type=email]:focus:not([readonly]),
.sf-form.form-danger input[type=url]:focus:not([readonly]),
.sf-form.form-danger input[type=time]:focus:not([readonly]),
.sf-form.form-danger input[type=date]:focus:not([readonly]),
.sf-form.form-danger input[type=datetime]:focus:not([readonly]),
.sf-form.form-danger input[type=datetime-local]:focus:not([readonly]),
.sf-form.form-danger input[type=tel]:focus:not([readonly]),
.sf-form.form-danger input[type=number]:focus:not([readonly]),
.sf-form.form-danger input[type=search]:focus:not([readonly]),
.sf-form.form-danger textarea:focus:not([readonly]) {
  border: 1px solid #F44336 !important; }
  .sf-form.form-danger input[type=text]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=password]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=email]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=url]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=time]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=date]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=datetime]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=datetime-local]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=tel]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=number]:focus:not([readonly]) + label,
  .sf-form.form-danger input[type=search]:focus:not([readonly]) + label,
  .sf-form.form-danger textarea:focus:not([readonly]) + label {
    color: #F44336 !important; }

.sf-form-select {
  position: relative;
  display: flex;
  flex-direction: column; }
  .sf-form-select.selected label {
    border: 1px solid #448AFF; }
    .sf-form-select.selected label:after {
      border-color: #448AFF; }
  .sf-form-select select {
    display: none; }
    .sf-form-select select:disabled + label {
      background-color: #e9ecef;
      border: 1px solid #e9ecef;
      cursor: default; }
      .sf-form-select select:disabled + label:after {
        border-color: #868e96;
        transform: rotate(-45deg);
        top: calc(100% - 50% - 0.3rem) !important; }
    .sf-form-select select:disabled ~ .select-items {
      display: none !important; }
  .sf-form-select label {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    color: #868e96;
    cursor: pointer;
    margin: 0;
    padding: 0.75rem 3rem 0.75rem 1rem;
    font-size: 1rem; }
    .sf-form-select label:after {
      content: "";
      position: absolute;
      top: calc(100% - 50% - 0.3rem);
      right: 1.2rem;
      width: 0.6rem;
      height: 0.6rem;
      border: none;
      border-bottom: 2px solid #dee2e6;
      border-left: 2px solid #dee2e6;
      transform: rotate(-45deg);
      font-size: 1rem; }
    .sf-form-select label:hover {
      border: 1px solid #448AFF; }
      .sf-form-select label:hover:after {
        border-color: #448AFF; }
      .sf-form-select label:hover + .select-items {
        border-color: #448AFF; }
    .sf-form-select label.active {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      border: 1px solid #448AFF; }
      .sf-form-select label.active:after {
        transform: rotate(135deg);
        top: calc(100% - 1.7rem); }
  .sf-form-select .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 3;
    padding-bottom: 1px;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
    .sf-form-select .select-items:hover {
      border-color: #448AFF; }
    .sf-form-select .select-items.inactive {
      display: none; }
    .sf-form-select .select-items div {
      padding: 0.75rem 2.85rem 0.75rem 1rem;
      cursor: pointer;
      background-color: white;
      color: #868e96;
      top: 100%;
      font-size: 1rem; }
      .sf-form-select .select-items div:hover {
        background-color: #448AFF;
        border-color: #448AFF;
        color: #fff; }
      .sf-form-select .select-items div.active {
        background-color: #448AFF;
        border-color: #448AFF;
        color: #fff; }
      .sf-form-select .select-items div.same-as-selected {
        background-color: #448AFF;
        border-color: #448AFF;
        color: #fff; }
  .sf-form-select.sf-form-control-sm label {
    font-size: 0.875rem; }
    .sf-form-select.sf-form-control-sm label:after {
      top: calc(100% - 50% - .25rem);
      right: 1.25rem;
      width: .5rem;
      height: .5rem; }
    .sf-form-select.sf-form-control-sm label + .select-items {
      font-size: 0.875rem; }
      .sf-form-select.sf-form-control-sm label + .select-items div {
        font-size: 0.875rem; }
  .sf-form-select.sf-form-control-lg label {
    font-size: 1.25rem; }
    .sf-form-select.sf-form-control-lg label:after {
      top: calc(100% - 50% - .35rem);
      right: 1.2rem;
      width: .7rem;
      height: .7rem; }
    .sf-form-select.sf-form-control-lg label + .select-items {
      font-size: 1.25rem; }
      .sf-form-select.sf-form-control-lg label + .select-items div {
        font-size: 1.25rem; }

.sf-form-select.form-default label.active {
  border-color: #37474F; }
  .sf-form-select.form-default label.active:after {
    border-color: #37474F; }

.sf-form-select.form-default label:hover {
  border-color: #37474F; }
  .sf-form-select.form-default label:hover:after {
    border-color: #37474F; }

.sf-form-select.form-default label + .select-items {
  border-color: #37474F; }
  .sf-form-select.form-default label + .select-items:hover {
    border-color: #37474F; }
  .sf-form-select.form-default label + .select-items div:hover {
    background-color: #37474F;
    border-color: #37474F; }
  .sf-form-select.form-default label + .select-items div.active {
    background-color: #37474F;
    border-color: #37474F; }
  .sf-form-select.form-default label + .select-items div.same-as-selected {
    background-color: #37474F;
    border-color: #37474F; }

.sf-form-select.form-primary label.active {
  border-color: #448AFF; }
  .sf-form-select.form-primary label.active:after {
    border-color: #448AFF; }

.sf-form-select.form-primary label:hover {
  border-color: #448AFF; }
  .sf-form-select.form-primary label:hover:after {
    border-color: #448AFF; }

.sf-form-select.form-primary label + .select-items {
  border-color: #448AFF; }
  .sf-form-select.form-primary label + .select-items:hover {
    border-color: #448AFF; }
  .sf-form-select.form-primary label + .select-items div:hover {
    background-color: #448AFF;
    border-color: #448AFF; }
  .sf-form-select.form-primary label + .select-items div.active {
    background-color: #448AFF;
    border-color: #448AFF; }
  .sf-form-select.form-primary label + .select-items div.same-as-selected {
    background-color: #448AFF;
    border-color: #448AFF; }

.sf-form-select.form-secondary label.active {
  border-color: #C51162; }
  .sf-form-select.form-secondary label.active:after {
    border-color: #C51162; }

.sf-form-select.form-secondary label:hover {
  border-color: #C51162; }
  .sf-form-select.form-secondary label:hover:after {
    border-color: #C51162; }

.sf-form-select.form-secondary label + .select-items {
  border-color: #C51162; }
  .sf-form-select.form-secondary label + .select-items:hover {
    border-color: #C51162; }
  .sf-form-select.form-secondary label + .select-items div:hover {
    background-color: #C51162;
    border-color: #C51162; }
  .sf-form-select.form-secondary label + .select-items div.active {
    background-color: #C51162;
    border-color: #C51162; }
  .sf-form-select.form-secondary label + .select-items div.same-as-selected {
    background-color: #C51162;
    border-color: #C51162; }

.sf-form-select.form-success label.active {
  border-color: #4CAF50; }
  .sf-form-select.form-success label.active:after {
    border-color: #4CAF50; }

.sf-form-select.form-success label:hover {
  border-color: #4CAF50; }
  .sf-form-select.form-success label:hover:after {
    border-color: #4CAF50; }

.sf-form-select.form-success label + .select-items {
  border-color: #4CAF50; }
  .sf-form-select.form-success label + .select-items:hover {
    border-color: #4CAF50; }
  .sf-form-select.form-success label + .select-items div:hover {
    background-color: #4CAF50;
    border-color: #4CAF50; }
  .sf-form-select.form-success label + .select-items div.active {
    background-color: #4CAF50;
    border-color: #4CAF50; }
  .sf-form-select.form-success label + .select-items div.same-as-selected {
    background-color: #4CAF50;
    border-color: #4CAF50; }

.sf-form-select.form-info label.active {
  border-color: #03A9F4; }
  .sf-form-select.form-info label.active:after {
    border-color: #03A9F4; }

.sf-form-select.form-info label:hover {
  border-color: #03A9F4; }
  .sf-form-select.form-info label:hover:after {
    border-color: #03A9F4; }

.sf-form-select.form-info label + .select-items {
  border-color: #03A9F4; }
  .sf-form-select.form-info label + .select-items:hover {
    border-color: #03A9F4; }
  .sf-form-select.form-info label + .select-items div:hover {
    background-color: #03A9F4;
    border-color: #03A9F4; }
  .sf-form-select.form-info label + .select-items div.active {
    background-color: #03A9F4;
    border-color: #03A9F4; }
  .sf-form-select.form-info label + .select-items div.same-as-selected {
    background-color: #03A9F4;
    border-color: #03A9F4; }

.sf-form-select.form-warning label.active {
  border-color: #FFB300; }
  .sf-form-select.form-warning label.active:after {
    border-color: #FFB300; }

.sf-form-select.form-warning label:hover {
  border-color: #FFB300; }
  .sf-form-select.form-warning label:hover:after {
    border-color: #FFB300; }

.sf-form-select.form-warning label + .select-items {
  border-color: #FFB300; }
  .sf-form-select.form-warning label + .select-items:hover {
    border-color: #FFB300; }
  .sf-form-select.form-warning label + .select-items div:hover {
    background-color: #FFB300;
    border-color: #FFB300; }
  .sf-form-select.form-warning label + .select-items div.active {
    background-color: #FFB300;
    border-color: #FFB300; }
  .sf-form-select.form-warning label + .select-items div.same-as-selected {
    background-color: #FFB300;
    border-color: #FFB300; }

.sf-form-select.form-danger label.active {
  border-color: #F44336; }
  .sf-form-select.form-danger label.active:after {
    border-color: #F44336; }

.sf-form-select.form-danger label:hover {
  border-color: #F44336; }
  .sf-form-select.form-danger label:hover:after {
    border-color: #F44336; }

.sf-form-select.form-danger label + .select-items {
  border-color: #F44336; }
  .sf-form-select.form-danger label + .select-items:hover {
    border-color: #F44336; }
  .sf-form-select.form-danger label + .select-items div:hover {
    background-color: #F44336;
    border-color: #F44336; }
  .sf-form-select.form-danger label + .select-items div.active {
    background-color: #F44336;
    border-color: #F44336; }
  .sf-form-select.form-danger label + .select-items div.same-as-selected {
    background-color: #F44336;
    border-color: #F44336; }

.b-1 {
  border-width: 1px;
  border-color: transparent;
  border-style: solid; }

.bt-1 {
  border-top-width: 1px;
  border-top-style: solid; }

.br-1 {
  border-right-width: 1px;
  border-right-style: solid; }

.bb-1 {
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.bl-1 {
  border-left-width: 1px;
  border-left-style: solid; }

.bx-1 {
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: transparent;
  border-left-style: solid;
  border-right-style: solid; }

.by-1 {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: transparent;
  border-top-style: solid;
  border-bottom-style: solid; }

.b-2 {
  border-width: 2px;
  border-color: transparent;
  border-style: solid; }

.bt-2 {
  border-top-width: 2px;
  border-top-style: solid; }

.br-2 {
  border-right-width: 2px;
  border-right-style: solid; }

.bb-2 {
  border-bottom-width: 2px;
  border-bottom-style: solid; }

.bl-2 {
  border-left-width: 2px;
  border-left-style: solid; }

.bx-2 {
  border-left-width: 2px;
  border-right-width: 2px;
  border-color: transparent;
  border-left-style: solid;
  border-right-style: solid; }

.by-2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-color: transparent;
  border-top-style: solid;
  border-bottom-style: solid; }

.b-3 {
  border-width: 3px;
  border-color: transparent;
  border-style: solid; }

.bt-3 {
  border-top-width: 3px;
  border-top-style: solid; }

.br-3 {
  border-right-width: 3px;
  border-right-style: solid; }

.bb-3 {
  border-bottom-width: 3px;
  border-bottom-style: solid; }

.bl-3 {
  border-left-width: 3px;
  border-left-style: solid; }

.bx-3 {
  border-left-width: 3px;
  border-right-width: 3px;
  border-color: transparent;
  border-left-style: solid;
  border-right-style: solid; }

.by-3 {
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-color: transparent;
  border-top-style: solid;
  border-bottom-style: solid; }

.b-4 {
  border-width: 4px;
  border-color: transparent;
  border-style: solid; }

.bt-4 {
  border-top-width: 4px;
  border-top-style: solid; }

.br-4 {
  border-right-width: 4px;
  border-right-style: solid; }

.bb-4 {
  border-bottom-width: 4px;
  border-bottom-style: solid; }

.bl-4 {
  border-left-width: 4px;
  border-left-style: solid; }

.bx-4 {
  border-left-width: 4px;
  border-right-width: 4px;
  border-color: transparent;
  border-left-style: solid;
  border-right-style: solid; }

.by-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-color: transparent;
  border-top-style: solid;
  border-bottom-style: solid; }

.b-5 {
  border-width: 5px;
  border-color: transparent;
  border-style: solid; }

.bt-5 {
  border-top-width: 5px;
  border-top-style: solid; }

.br-5 {
  border-right-width: 5px;
  border-right-style: solid; }

.bb-5 {
  border-bottom-width: 5px;
  border-bottom-style: solid; }

.bl-5 {
  border-left-width: 5px;
  border-left-style: solid; }

.bx-5 {
  border-left-width: 5px;
  border-right-width: 5px;
  border-color: transparent;
  border-left-style: solid;
  border-right-style: solid; }

.by-5 {
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-color: transparent;
  border-top-style: solid;
  border-bottom-style: solid; }

.b-0 {
  border-width: 0; }

.bt-0 {
  border-top-width: 0; }

.br-0 {
  border-right-width: 0; }

.bb-0 {
  border-bottom-width: 0; }

.bl-0 {
  border-left-width: 0; }

.bx-0 {
  border-left-width: 0;
  border-right-width: 0; }

.by-0 {
  border-top-width: 0;
  border-bottom-width: 0; }

@media (min-width: 576px) {
  .b-sm-1 {
    border-width: 1px;
    border-color: transparent;
    border-style: solid; }
  .bt-sm-1 {
    border-top-width: 1px;
    border-top-style: solid; }
  .br-sm-1 {
    border-right-width: 1px;
    border-right-style: solid; }
  .bb-sm-1 {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .bl-sm-1 {
    border-left-width: 1px;
    border-left-style: solid; }
  .bx-sm-1 {
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-sm-1 {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-sm-2 {
    border-width: 2px;
    border-color: transparent;
    border-style: solid; }
  .bt-sm-2 {
    border-top-width: 2px;
    border-top-style: solid; }
  .br-sm-2 {
    border-right-width: 2px;
    border-right-style: solid; }
  .bb-sm-2 {
    border-bottom-width: 2px;
    border-bottom-style: solid; }
  .bl-sm-2 {
    border-left-width: 2px;
    border-left-style: solid; }
  .bx-sm-2 {
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-sm-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-sm-3 {
    border-width: 3px;
    border-color: transparent;
    border-style: solid; }
  .bt-sm-3 {
    border-top-width: 3px;
    border-top-style: solid; }
  .br-sm-3 {
    border-right-width: 3px;
    border-right-style: solid; }
  .bb-sm-3 {
    border-bottom-width: 3px;
    border-bottom-style: solid; }
  .bl-sm-3 {
    border-left-width: 3px;
    border-left-style: solid; }
  .bx-sm-3 {
    border-left-width: 3px;
    border-right-width: 3px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-sm-3 {
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-sm-4 {
    border-width: 4px;
    border-color: transparent;
    border-style: solid; }
  .bt-sm-4 {
    border-top-width: 4px;
    border-top-style: solid; }
  .br-sm-4 {
    border-right-width: 4px;
    border-right-style: solid; }
  .bb-sm-4 {
    border-bottom-width: 4px;
    border-bottom-style: solid; }
  .bl-sm-4 {
    border-left-width: 4px;
    border-left-style: solid; }
  .bx-sm-4 {
    border-left-width: 4px;
    border-right-width: 4px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-sm-4 {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-sm-5 {
    border-width: 5px;
    border-color: transparent;
    border-style: solid; }
  .bt-sm-5 {
    border-top-width: 5px;
    border-top-style: solid; }
  .br-sm-5 {
    border-right-width: 5px;
    border-right-style: solid; }
  .bb-sm-5 {
    border-bottom-width: 5px;
    border-bottom-style: solid; }
  .bl-sm-5 {
    border-left-width: 5px;
    border-left-style: solid; }
  .bx-sm-5 {
    border-left-width: 5px;
    border-right-width: 5px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-sm-5 {
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-sm-0 {
    border-width: 0; }
  .bt-sm-0 {
    border-top-width: 0; }
  .br-sm-0 {
    border-right-width: 0; }
  .bb-sm-0 {
    border-bottom-width: 0; }
  .bl-sm-0 {
    border-left-width: 0; }
  .bx-sm-0 {
    border-left-width: 0;
    border-right-width: 0; }
  .by-sm-0 {
    border-top-width: 0;
    border-bottom-width: 0; } }

@media (min-width: 768px) {
  .b-md-1 {
    border-width: 1px;
    border-color: transparent;
    border-style: solid; }
  .bt-md-1 {
    border-top-width: 1px;
    border-top-style: solid; }
  .br-md-1 {
    border-right-width: 1px;
    border-right-style: solid; }
  .bb-md-1 {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .bl-md-1 {
    border-left-width: 1px;
    border-left-style: solid; }
  .bx-md-1 {
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-md-1 {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-md-2 {
    border-width: 2px;
    border-color: transparent;
    border-style: solid; }
  .bt-md-2 {
    border-top-width: 2px;
    border-top-style: solid; }
  .br-md-2 {
    border-right-width: 2px;
    border-right-style: solid; }
  .bb-md-2 {
    border-bottom-width: 2px;
    border-bottom-style: solid; }
  .bl-md-2 {
    border-left-width: 2px;
    border-left-style: solid; }
  .bx-md-2 {
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-md-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-md-3 {
    border-width: 3px;
    border-color: transparent;
    border-style: solid; }
  .bt-md-3 {
    border-top-width: 3px;
    border-top-style: solid; }
  .br-md-3 {
    border-right-width: 3px;
    border-right-style: solid; }
  .bb-md-3 {
    border-bottom-width: 3px;
    border-bottom-style: solid; }
  .bl-md-3 {
    border-left-width: 3px;
    border-left-style: solid; }
  .bx-md-3 {
    border-left-width: 3px;
    border-right-width: 3px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-md-3 {
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-md-4 {
    border-width: 4px;
    border-color: transparent;
    border-style: solid; }
  .bt-md-4 {
    border-top-width: 4px;
    border-top-style: solid; }
  .br-md-4 {
    border-right-width: 4px;
    border-right-style: solid; }
  .bb-md-4 {
    border-bottom-width: 4px;
    border-bottom-style: solid; }
  .bl-md-4 {
    border-left-width: 4px;
    border-left-style: solid; }
  .bx-md-4 {
    border-left-width: 4px;
    border-right-width: 4px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-md-4 {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-md-5 {
    border-width: 5px;
    border-color: transparent;
    border-style: solid; }
  .bt-md-5 {
    border-top-width: 5px;
    border-top-style: solid; }
  .br-md-5 {
    border-right-width: 5px;
    border-right-style: solid; }
  .bb-md-5 {
    border-bottom-width: 5px;
    border-bottom-style: solid; }
  .bl-md-5 {
    border-left-width: 5px;
    border-left-style: solid; }
  .bx-md-5 {
    border-left-width: 5px;
    border-right-width: 5px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-md-5 {
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-md-0 {
    border-width: 0; }
  .bt-md-0 {
    border-top-width: 0; }
  .br-md-0 {
    border-right-width: 0; }
  .bb-md-0 {
    border-bottom-width: 0; }
  .bl-md-0 {
    border-left-width: 0; }
  .bx-md-0 {
    border-left-width: 0;
    border-right-width: 0; }
  .by-md-0 {
    border-top-width: 0;
    border-bottom-width: 0; } }

@media (min-width: 992px) {
  .b-lg-1 {
    border-width: 1px;
    border-color: transparent;
    border-style: solid; }
  .bt-lg-1 {
    border-top-width: 1px;
    border-top-style: solid; }
  .br-lg-1 {
    border-right-width: 1px;
    border-right-style: solid; }
  .bb-lg-1 {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .bl-lg-1 {
    border-left-width: 1px;
    border-left-style: solid; }
  .bx-lg-1 {
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-lg-1 {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-lg-2 {
    border-width: 2px;
    border-color: transparent;
    border-style: solid; }
  .bt-lg-2 {
    border-top-width: 2px;
    border-top-style: solid; }
  .br-lg-2 {
    border-right-width: 2px;
    border-right-style: solid; }
  .bb-lg-2 {
    border-bottom-width: 2px;
    border-bottom-style: solid; }
  .bl-lg-2 {
    border-left-width: 2px;
    border-left-style: solid; }
  .bx-lg-2 {
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-lg-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-lg-3 {
    border-width: 3px;
    border-color: transparent;
    border-style: solid; }
  .bt-lg-3 {
    border-top-width: 3px;
    border-top-style: solid; }
  .br-lg-3 {
    border-right-width: 3px;
    border-right-style: solid; }
  .bb-lg-3 {
    border-bottom-width: 3px;
    border-bottom-style: solid; }
  .bl-lg-3 {
    border-left-width: 3px;
    border-left-style: solid; }
  .bx-lg-3 {
    border-left-width: 3px;
    border-right-width: 3px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-lg-3 {
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-lg-4 {
    border-width: 4px;
    border-color: transparent;
    border-style: solid; }
  .bt-lg-4 {
    border-top-width: 4px;
    border-top-style: solid; }
  .br-lg-4 {
    border-right-width: 4px;
    border-right-style: solid; }
  .bb-lg-4 {
    border-bottom-width: 4px;
    border-bottom-style: solid; }
  .bl-lg-4 {
    border-left-width: 4px;
    border-left-style: solid; }
  .bx-lg-4 {
    border-left-width: 4px;
    border-right-width: 4px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-lg-4 {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-lg-5 {
    border-width: 5px;
    border-color: transparent;
    border-style: solid; }
  .bt-lg-5 {
    border-top-width: 5px;
    border-top-style: solid; }
  .br-lg-5 {
    border-right-width: 5px;
    border-right-style: solid; }
  .bb-lg-5 {
    border-bottom-width: 5px;
    border-bottom-style: solid; }
  .bl-lg-5 {
    border-left-width: 5px;
    border-left-style: solid; }
  .bx-lg-5 {
    border-left-width: 5px;
    border-right-width: 5px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-lg-5 {
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-lg-0 {
    border-width: 0; }
  .bt-lg-0 {
    border-top-width: 0; }
  .br-lg-0 {
    border-right-width: 0; }
  .bb-lg-0 {
    border-bottom-width: 0; }
  .bl-lg-0 {
    border-left-width: 0; }
  .bx-lg-0 {
    border-left-width: 0;
    border-right-width: 0; }
  .by-lg-0 {
    border-top-width: 0;
    border-bottom-width: 0; } }

@media (min-width: 1200px) {
  .b-xl-1 {
    border-width: 1px;
    border-color: transparent;
    border-style: solid; }
  .bt-xl-1 {
    border-top-width: 1px;
    border-top-style: solid; }
  .br-xl-1 {
    border-right-width: 1px;
    border-right-style: solid; }
  .bb-xl-1 {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .bl-xl-1 {
    border-left-width: 1px;
    border-left-style: solid; }
  .bx-xl-1 {
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-xl-1 {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-xl-2 {
    border-width: 2px;
    border-color: transparent;
    border-style: solid; }
  .bt-xl-2 {
    border-top-width: 2px;
    border-top-style: solid; }
  .br-xl-2 {
    border-right-width: 2px;
    border-right-style: solid; }
  .bb-xl-2 {
    border-bottom-width: 2px;
    border-bottom-style: solid; }
  .bl-xl-2 {
    border-left-width: 2px;
    border-left-style: solid; }
  .bx-xl-2 {
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-xl-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-xl-3 {
    border-width: 3px;
    border-color: transparent;
    border-style: solid; }
  .bt-xl-3 {
    border-top-width: 3px;
    border-top-style: solid; }
  .br-xl-3 {
    border-right-width: 3px;
    border-right-style: solid; }
  .bb-xl-3 {
    border-bottom-width: 3px;
    border-bottom-style: solid; }
  .bl-xl-3 {
    border-left-width: 3px;
    border-left-style: solid; }
  .bx-xl-3 {
    border-left-width: 3px;
    border-right-width: 3px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-xl-3 {
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-xl-4 {
    border-width: 4px;
    border-color: transparent;
    border-style: solid; }
  .bt-xl-4 {
    border-top-width: 4px;
    border-top-style: solid; }
  .br-xl-4 {
    border-right-width: 4px;
    border-right-style: solid; }
  .bb-xl-4 {
    border-bottom-width: 4px;
    border-bottom-style: solid; }
  .bl-xl-4 {
    border-left-width: 4px;
    border-left-style: solid; }
  .bx-xl-4 {
    border-left-width: 4px;
    border-right-width: 4px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-xl-4 {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-xl-5 {
    border-width: 5px;
    border-color: transparent;
    border-style: solid; }
  .bt-xl-5 {
    border-top-width: 5px;
    border-top-style: solid; }
  .br-xl-5 {
    border-right-width: 5px;
    border-right-style: solid; }
  .bb-xl-5 {
    border-bottom-width: 5px;
    border-bottom-style: solid; }
  .bl-xl-5 {
    border-left-width: 5px;
    border-left-style: solid; }
  .bx-xl-5 {
    border-left-width: 5px;
    border-right-width: 5px;
    border-color: transparent;
    border-left-style: solid;
    border-right-style: solid; }
  .by-xl-5 {
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-color: transparent;
    border-top-style: solid;
    border-bottom-style: solid; }
  .b-xl-0 {
    border-width: 0; }
  .bt-xl-0 {
    border-top-width: 0; }
  .br-xl-0 {
    border-right-width: 0; }
  .bb-xl-0 {
    border-bottom-width: 0; }
  .bl-xl-0 {
    border-left-width: 0; }
  .bx-xl-0 {
    border-left-width: 0;
    border-right-width: 0; }
  .by-xl-0 {
    border-top-width: 0;
    border-bottom-width: 0; } }

.b-dotted {
  border-style: dotted; }

.b-dashed {
  border-style: dashed; }

.b-double {
  border-style: double; }

.r-1 {
  border-radius: 0.125rem; }

.rt-1 {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem; }

.rb-1 {
  border-bottom-left-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem; }

.rl-1 {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem; }

.rr-1 {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem; }

.rtl-1 {
  border-top-left-radius: 0.125rem; }

.rtr-1 {
  border-top-right-radius: 0.125rem; }

.rbl-1 {
  border-bottom-left-radius: 0.125rem; }

.rbr-1 {
  border-bottom-right-radius: 0.125rem; }

.r-2 {
  border-radius: 0.25rem; }

.rt-2 {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.rb-2 {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.rl-2 {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.rr-2 {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.rtl-2 {
  border-top-left-radius: 0.25rem; }

.rtr-2 {
  border-top-right-radius: 0.25rem; }

.rbl-2 {
  border-bottom-left-radius: 0.25rem; }

.rbr-2 {
  border-bottom-right-radius: 0.25rem; }

.r-3 {
  border-radius: 0.5rem; }

.rt-3 {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem; }

.rb-3 {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

.rl-3 {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; }

.rr-3 {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

.rtl-3 {
  border-top-left-radius: 0.5rem; }

.rtr-3 {
  border-top-right-radius: 0.5rem; }

.rbl-3 {
  border-bottom-left-radius: 0.5rem; }

.rbr-3 {
  border-bottom-right-radius: 0.5rem; }

.r-4 {
  border-radius: 1rem; }

.rt-4 {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem; }

.rb-4 {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem; }

.rl-4 {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem; }

.rr-4 {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem; }

.rtl-4 {
  border-top-left-radius: 1rem; }

.rtr-4 {
  border-top-right-radius: 1rem; }

.rbl-4 {
  border-bottom-left-radius: 1rem; }

.rbr-4 {
  border-bottom-right-radius: 1rem; }

.r-5 {
  border-radius: 2rem; }

.rt-5 {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem; }

.rb-5 {
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem; }

.rl-5 {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem; }

.rr-5 {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem; }

.rtl-5 {
  border-top-left-radius: 2rem; }

.rtr-5 {
  border-top-right-radius: 2rem; }

.rbl-5 {
  border-bottom-left-radius: 2rem; }

.rbr-5 {
  border-bottom-right-radius: 2rem; }

.r-6 {
  border-radius: 4rem; }

.rt-6 {
  border-top-left-radius: 4rem;
  border-top-right-radius: 4rem; }

.rb-6 {
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem; }

.rl-6 {
  border-top-left-radius: 4rem;
  border-bottom-left-radius: 4rem; }

.rr-6 {
  border-top-right-radius: 4rem;
  border-bottom-right-radius: 4rem; }

.rtl-6 {
  border-top-left-radius: 4rem; }

.rtr-6 {
  border-top-right-radius: 4rem; }

.rbl-6 {
  border-bottom-left-radius: 4rem; }

.rbr-6 {
  border-bottom-right-radius: 4rem; }

.r-7 {
  border-radius: 8rem; }

.rt-7 {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem; }

.rb-7 {
  border-bottom-left-radius: 8rem;
  border-bottom-right-radius: 8rem; }

.rl-7 {
  border-top-left-radius: 8rem;
  border-bottom-left-radius: 8rem; }

.rr-7 {
  border-top-right-radius: 8rem;
  border-bottom-right-radius: 8rem; }

.rtl-7 {
  border-top-left-radius: 8rem; }

.rtr-7 {
  border-top-right-radius: 8rem; }

.rbl-7 {
  border-bottom-left-radius: 8rem; }

.rbr-7 {
  border-bottom-right-radius: 8rem; }

.r-0 {
  border-radius: 0; }

.rt-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.rb-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.rl-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.rr-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.rtl-0 {
  border-top-left-radius: 0; }

.rtr-0 {
  border-top-right-radius: 0; }

.rbl-0 {
  border-bottom-left-radius: 0; }

.rbr-0 {
  border-bottom-right-radius: 0; }

.circle {
  border-radius: 50%; }

@media (min-width: 576px) {
  .r-sm-1 {
    border-radius: 0.125rem; }
  .rt-sm-1 {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem; }
  .rb-sm-1 {
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem; }
  .rl-sm-1 {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem; }
  .rr-sm-1 {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem; }
  .rtl-sm-1 {
    border-top-left-radius: 0.125rem; }
  .rtr-sm-1 {
    border-top-right-radius: 0.125rem; }
  .rbl-sm-1 {
    border-bottom-left-radius: 0.125rem; }
  .rbr-sm-1 {
    border-bottom-right-radius: 0.125rem; }
  .r-sm-2 {
    border-radius: 0.25rem; }
  .rt-sm-2 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .rb-sm-2 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .rl-sm-2 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .rr-sm-2 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .rtl-sm-2 {
    border-top-left-radius: 0.25rem; }
  .rtr-sm-2 {
    border-top-right-radius: 0.25rem; }
  .rbl-sm-2 {
    border-bottom-left-radius: 0.25rem; }
  .rbr-sm-2 {
    border-bottom-right-radius: 0.25rem; }
  .r-sm-3 {
    border-radius: 0.5rem; }
  .rt-sm-3 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  .rb-sm-3 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  .rl-sm-3 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  .rr-sm-3 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  .rtl-sm-3 {
    border-top-left-radius: 0.5rem; }
  .rtr-sm-3 {
    border-top-right-radius: 0.5rem; }
  .rbl-sm-3 {
    border-bottom-left-radius: 0.5rem; }
  .rbr-sm-3 {
    border-bottom-right-radius: 0.5rem; }
  .r-sm-4 {
    border-radius: 1rem; }
  .rt-sm-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem; }
  .rb-sm-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  .rl-sm-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
  .rr-sm-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  .rtl-sm-4 {
    border-top-left-radius: 1rem; }
  .rtr-sm-4 {
    border-top-right-radius: 1rem; }
  .rbl-sm-4 {
    border-bottom-left-radius: 1rem; }
  .rbr-sm-4 {
    border-bottom-right-radius: 1rem; }
  .r-sm-5 {
    border-radius: 2rem; }
  .rt-sm-5 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem; }
  .rb-sm-5 {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem; }
  .rl-sm-5 {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem; }
  .rr-sm-5 {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem; }
  .rtl-sm-5 {
    border-top-left-radius: 2rem; }
  .rtr-sm-5 {
    border-top-right-radius: 2rem; }
  .rbl-sm-5 {
    border-bottom-left-radius: 2rem; }
  .rbr-sm-5 {
    border-bottom-right-radius: 2rem; }
  .r-sm-6 {
    border-radius: 4rem; }
  .rt-sm-6 {
    border-top-left-radius: 4rem;
    border-top-right-radius: 4rem; }
  .rb-sm-6 {
    border-bottom-left-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .rl-sm-6 {
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem; }
  .rr-sm-6 {
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .rtl-sm-6 {
    border-top-left-radius: 4rem; }
  .rtr-sm-6 {
    border-top-right-radius: 4rem; }
  .rbl-sm-6 {
    border-bottom-left-radius: 4rem; }
  .rbr-sm-6 {
    border-bottom-right-radius: 4rem; }
  .r-sm-7 {
    border-radius: 8rem; }
  .rt-sm-7 {
    border-top-left-radius: 8rem;
    border-top-right-radius: 8rem; }
  .rb-sm-7 {
    border-bottom-left-radius: 8rem;
    border-bottom-right-radius: 8rem; }
  .rl-sm-7 {
    border-top-left-radius: 8rem;
    border-bottom-left-radius: 8rem; }
  .rr-sm-7 {
    border-top-right-radius: 8rem;
    border-bottom-right-radius: 8rem; }
  .rtl-sm-7 {
    border-top-left-radius: 8rem; }
  .rtr-sm-7 {
    border-top-right-radius: 8rem; }
  .rbl-sm-7 {
    border-bottom-left-radius: 8rem; }
  .rbr-sm-7 {
    border-bottom-right-radius: 8rem; }
  .r-sm-0 {
    border-radius: 0; }
  .rt-sm-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .rb-sm-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .rl-sm-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .rr-sm-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .rtl-sm-0 {
    border-top-left-radius: 0; }
  .rtr-sm-0 {
    border-top-right-radius: 0; }
  .rbl-sm-0 {
    border-bottom-left-radius: 0; }
  .rbr-sm-0 {
    border-bottom-right-radius: 0; }
  .circle-sm {
    border-radius: 50%; } }

@media (min-width: 768px) {
  .r-md-1 {
    border-radius: 0.125rem; }
  .rt-md-1 {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem; }
  .rb-md-1 {
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem; }
  .rl-md-1 {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem; }
  .rr-md-1 {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem; }
  .rtl-md-1 {
    border-top-left-radius: 0.125rem; }
  .rtr-md-1 {
    border-top-right-radius: 0.125rem; }
  .rbl-md-1 {
    border-bottom-left-radius: 0.125rem; }
  .rbr-md-1 {
    border-bottom-right-radius: 0.125rem; }
  .r-md-2 {
    border-radius: 0.25rem; }
  .rt-md-2 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .rb-md-2 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .rl-md-2 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .rr-md-2 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .rtl-md-2 {
    border-top-left-radius: 0.25rem; }
  .rtr-md-2 {
    border-top-right-radius: 0.25rem; }
  .rbl-md-2 {
    border-bottom-left-radius: 0.25rem; }
  .rbr-md-2 {
    border-bottom-right-radius: 0.25rem; }
  .r-md-3 {
    border-radius: 0.5rem; }
  .rt-md-3 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  .rb-md-3 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  .rl-md-3 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  .rr-md-3 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  .rtl-md-3 {
    border-top-left-radius: 0.5rem; }
  .rtr-md-3 {
    border-top-right-radius: 0.5rem; }
  .rbl-md-3 {
    border-bottom-left-radius: 0.5rem; }
  .rbr-md-3 {
    border-bottom-right-radius: 0.5rem; }
  .r-md-4 {
    border-radius: 1rem; }
  .rt-md-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem; }
  .rb-md-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  .rl-md-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
  .rr-md-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  .rtl-md-4 {
    border-top-left-radius: 1rem; }
  .rtr-md-4 {
    border-top-right-radius: 1rem; }
  .rbl-md-4 {
    border-bottom-left-radius: 1rem; }
  .rbr-md-4 {
    border-bottom-right-radius: 1rem; }
  .r-md-5 {
    border-radius: 2rem; }
  .rt-md-5 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem; }
  .rb-md-5 {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem; }
  .rl-md-5 {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem; }
  .rr-md-5 {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem; }
  .rtl-md-5 {
    border-top-left-radius: 2rem; }
  .rtr-md-5 {
    border-top-right-radius: 2rem; }
  .rbl-md-5 {
    border-bottom-left-radius: 2rem; }
  .rbr-md-5 {
    border-bottom-right-radius: 2rem; }
  .r-md-6 {
    border-radius: 4rem; }
  .rt-md-6 {
    border-top-left-radius: 4rem;
    border-top-right-radius: 4rem; }
  .rb-md-6 {
    border-bottom-left-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .rl-md-6 {
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem; }
  .rr-md-6 {
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .rtl-md-6 {
    border-top-left-radius: 4rem; }
  .rtr-md-6 {
    border-top-right-radius: 4rem; }
  .rbl-md-6 {
    border-bottom-left-radius: 4rem; }
  .rbr-md-6 {
    border-bottom-right-radius: 4rem; }
  .r-md-7 {
    border-radius: 8rem; }
  .rt-md-7 {
    border-top-left-radius: 8rem;
    border-top-right-radius: 8rem; }
  .rb-md-7 {
    border-bottom-left-radius: 8rem;
    border-bottom-right-radius: 8rem; }
  .rl-md-7 {
    border-top-left-radius: 8rem;
    border-bottom-left-radius: 8rem; }
  .rr-md-7 {
    border-top-right-radius: 8rem;
    border-bottom-right-radius: 8rem; }
  .rtl-md-7 {
    border-top-left-radius: 8rem; }
  .rtr-md-7 {
    border-top-right-radius: 8rem; }
  .rbl-md-7 {
    border-bottom-left-radius: 8rem; }
  .rbr-md-7 {
    border-bottom-right-radius: 8rem; }
  .r-md-0 {
    border-radius: 0; }
  .rt-md-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .rb-md-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .rl-md-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .rr-md-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .rtl-md-0 {
    border-top-left-radius: 0; }
  .rtr-md-0 {
    border-top-right-radius: 0; }
  .rbl-md-0 {
    border-bottom-left-radius: 0; }
  .rbr-md-0 {
    border-bottom-right-radius: 0; }
  .circle-md {
    border-radius: 50%; } }

@media (min-width: 992px) {
  .r-lg-1 {
    border-radius: 0.125rem; }
  .rt-lg-1 {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem; }
  .rb-lg-1 {
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem; }
  .rl-lg-1 {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem; }
  .rr-lg-1 {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem; }
  .rtl-lg-1 {
    border-top-left-radius: 0.125rem; }
  .rtr-lg-1 {
    border-top-right-radius: 0.125rem; }
  .rbl-lg-1 {
    border-bottom-left-radius: 0.125rem; }
  .rbr-lg-1 {
    border-bottom-right-radius: 0.125rem; }
  .r-lg-2 {
    border-radius: 0.25rem; }
  .rt-lg-2 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .rb-lg-2 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .rl-lg-2 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .rr-lg-2 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .rtl-lg-2 {
    border-top-left-radius: 0.25rem; }
  .rtr-lg-2 {
    border-top-right-radius: 0.25rem; }
  .rbl-lg-2 {
    border-bottom-left-radius: 0.25rem; }
  .rbr-lg-2 {
    border-bottom-right-radius: 0.25rem; }
  .r-lg-3 {
    border-radius: 0.5rem; }
  .rt-lg-3 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  .rb-lg-3 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  .rl-lg-3 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  .rr-lg-3 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  .rtl-lg-3 {
    border-top-left-radius: 0.5rem; }
  .rtr-lg-3 {
    border-top-right-radius: 0.5rem; }
  .rbl-lg-3 {
    border-bottom-left-radius: 0.5rem; }
  .rbr-lg-3 {
    border-bottom-right-radius: 0.5rem; }
  .r-lg-4 {
    border-radius: 1rem; }
  .rt-lg-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem; }
  .rb-lg-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  .rl-lg-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
  .rr-lg-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  .rtl-lg-4 {
    border-top-left-radius: 1rem; }
  .rtr-lg-4 {
    border-top-right-radius: 1rem; }
  .rbl-lg-4 {
    border-bottom-left-radius: 1rem; }
  .rbr-lg-4 {
    border-bottom-right-radius: 1rem; }
  .r-lg-5 {
    border-radius: 2rem; }
  .rt-lg-5 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem; }
  .rb-lg-5 {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem; }
  .rl-lg-5 {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem; }
  .rr-lg-5 {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem; }
  .rtl-lg-5 {
    border-top-left-radius: 2rem; }
  .rtr-lg-5 {
    border-top-right-radius: 2rem; }
  .rbl-lg-5 {
    border-bottom-left-radius: 2rem; }
  .rbr-lg-5 {
    border-bottom-right-radius: 2rem; }
  .r-lg-6 {
    border-radius: 4rem; }
  .rt-lg-6 {
    border-top-left-radius: 4rem;
    border-top-right-radius: 4rem; }
  .rb-lg-6 {
    border-bottom-left-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .rl-lg-6 {
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem; }
  .rr-lg-6 {
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .rtl-lg-6 {
    border-top-left-radius: 4rem; }
  .rtr-lg-6 {
    border-top-right-radius: 4rem; }
  .rbl-lg-6 {
    border-bottom-left-radius: 4rem; }
  .rbr-lg-6 {
    border-bottom-right-radius: 4rem; }
  .r-lg-7 {
    border-radius: 8rem; }
  .rt-lg-7 {
    border-top-left-radius: 8rem;
    border-top-right-radius: 8rem; }
  .rb-lg-7 {
    border-bottom-left-radius: 8rem;
    border-bottom-right-radius: 8rem; }
  .rl-lg-7 {
    border-top-left-radius: 8rem;
    border-bottom-left-radius: 8rem; }
  .rr-lg-7 {
    border-top-right-radius: 8rem;
    border-bottom-right-radius: 8rem; }
  .rtl-lg-7 {
    border-top-left-radius: 8rem; }
  .rtr-lg-7 {
    border-top-right-radius: 8rem; }
  .rbl-lg-7 {
    border-bottom-left-radius: 8rem; }
  .rbr-lg-7 {
    border-bottom-right-radius: 8rem; }
  .r-lg-0 {
    border-radius: 0; }
  .rt-lg-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .rb-lg-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .rl-lg-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .rr-lg-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .rtl-lg-0 {
    border-top-left-radius: 0; }
  .rtr-lg-0 {
    border-top-right-radius: 0; }
  .rbl-lg-0 {
    border-bottom-left-radius: 0; }
  .rbr-lg-0 {
    border-bottom-right-radius: 0; }
  .circle-lg {
    border-radius: 50%; } }

@media (min-width: 1200px) {
  .r-xl-1 {
    border-radius: 0.125rem; }
  .rt-xl-1 {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem; }
  .rb-xl-1 {
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem; }
  .rl-xl-1 {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem; }
  .rr-xl-1 {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem; }
  .rtl-xl-1 {
    border-top-left-radius: 0.125rem; }
  .rtr-xl-1 {
    border-top-right-radius: 0.125rem; }
  .rbl-xl-1 {
    border-bottom-left-radius: 0.125rem; }
  .rbr-xl-1 {
    border-bottom-right-radius: 0.125rem; }
  .r-xl-2 {
    border-radius: 0.25rem; }
  .rt-xl-2 {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .rb-xl-2 {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .rl-xl-2 {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .rr-xl-2 {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .rtl-xl-2 {
    border-top-left-radius: 0.25rem; }
  .rtr-xl-2 {
    border-top-right-radius: 0.25rem; }
  .rbl-xl-2 {
    border-bottom-left-radius: 0.25rem; }
  .rbr-xl-2 {
    border-bottom-right-radius: 0.25rem; }
  .r-xl-3 {
    border-radius: 0.5rem; }
  .rt-xl-3 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  .rb-xl-3 {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  .rl-xl-3 {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  .rr-xl-3 {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  .rtl-xl-3 {
    border-top-left-radius: 0.5rem; }
  .rtr-xl-3 {
    border-top-right-radius: 0.5rem; }
  .rbl-xl-3 {
    border-bottom-left-radius: 0.5rem; }
  .rbr-xl-3 {
    border-bottom-right-radius: 0.5rem; }
  .r-xl-4 {
    border-radius: 1rem; }
  .rt-xl-4 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem; }
  .rb-xl-4 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  .rl-xl-4 {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
  .rr-xl-4 {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  .rtl-xl-4 {
    border-top-left-radius: 1rem; }
  .rtr-xl-4 {
    border-top-right-radius: 1rem; }
  .rbl-xl-4 {
    border-bottom-left-radius: 1rem; }
  .rbr-xl-4 {
    border-bottom-right-radius: 1rem; }
  .r-xl-5 {
    border-radius: 2rem; }
  .rt-xl-5 {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem; }
  .rb-xl-5 {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem; }
  .rl-xl-5 {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem; }
  .rr-xl-5 {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem; }
  .rtl-xl-5 {
    border-top-left-radius: 2rem; }
  .rtr-xl-5 {
    border-top-right-radius: 2rem; }
  .rbl-xl-5 {
    border-bottom-left-radius: 2rem; }
  .rbr-xl-5 {
    border-bottom-right-radius: 2rem; }
  .r-xl-6 {
    border-radius: 4rem; }
  .rt-xl-6 {
    border-top-left-radius: 4rem;
    border-top-right-radius: 4rem; }
  .rb-xl-6 {
    border-bottom-left-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .rl-xl-6 {
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem; }
  .rr-xl-6 {
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem; }
  .rtl-xl-6 {
    border-top-left-radius: 4rem; }
  .rtr-xl-6 {
    border-top-right-radius: 4rem; }
  .rbl-xl-6 {
    border-bottom-left-radius: 4rem; }
  .rbr-xl-6 {
    border-bottom-right-radius: 4rem; }
  .r-xl-7 {
    border-radius: 8rem; }
  .rt-xl-7 {
    border-top-left-radius: 8rem;
    border-top-right-radius: 8rem; }
  .rb-xl-7 {
    border-bottom-left-radius: 8rem;
    border-bottom-right-radius: 8rem; }
  .rl-xl-7 {
    border-top-left-radius: 8rem;
    border-bottom-left-radius: 8rem; }
  .rr-xl-7 {
    border-top-right-radius: 8rem;
    border-bottom-right-radius: 8rem; }
  .rtl-xl-7 {
    border-top-left-radius: 8rem; }
  .rtr-xl-7 {
    border-top-right-radius: 8rem; }
  .rbl-xl-7 {
    border-bottom-left-radius: 8rem; }
  .rbr-xl-7 {
    border-bottom-right-radius: 8rem; }
  .r-xl-0 {
    border-radius: 0; }
  .rt-xl-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .rb-xl-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .rl-xl-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .rr-xl-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .rtl-xl-0 {
    border-top-left-radius: 0; }
  .rtr-xl-0 {
    border-top-right-radius: 0; }
  .rbl-xl-0 {
    border-bottom-left-radius: 0; }
  .rbr-xl-0 {
    border-bottom-right-radius: 0; }
  .circle-xl {
    border-radius: 50%; } }