.ud-button {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  background-color: #b21623;
  border: 1px solid #b21623;
  color: #fff;
  line-height: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  outline: none !important;
  -webkit-transition: .1s;
  -o-transition: .1s;
  transition: .1s;
  width: 100%; }
  .ud-button span {
    font-size: 19px; }
  .ud-button + .ud-button {
    margin-left: 10px; }
  .ud-button:hover, .ud-button:focus {
    background-color: #c91927; }
  .ud-button.is-plain {
    background-color: #fff;
    border: 1px solid #b21623;
    color: #b21623; }
  .ud-button.is-disabled {
    background-color: #ccc;
    cursor: not-allowed; }
  .ud-button.is-round {
    border-radius: 50px !important; }
  .ud-button.is-circle {
    border-radius: 50% !important;
    width: 40px;
    height: 40px; }
  .ud-button.is-block {
    display: block;
    width: 100%;
    margin: 0 0 10px 0; }

.ud-input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  border: 1px solid #cecece;
  font-size: 14px;
  padding: .75em;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .ud-input input::-webkit-input-placeholder {
    color: #aaa; }
  .ud-input input:-ms-input-placeholder {
    color: #aaa; }
  .ud-input input::-ms-input-placeholder {
    color: #aaa; }
  .ud-input input::placeholder {
    color: #aaa; }
  .ud-input input:focus {
    outline: 0;
    border: 1px solid #b21623; }

.ud-textarea textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  border: 1px solid #cecece;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 14px;
  padding: .75em;
  width: 100%;
  -webkit-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  transition: border 0.2s ease; }
  .ud-textarea textarea::-webkit-input-placeholder {
    color: #aaa; }
  .ud-textarea textarea:-ms-input-placeholder {
    color: #aaa; }
  .ud-textarea textarea::-ms-input-placeholder {
    color: #aaa; }
  .ud-textarea textarea::placeholder {
    color: #aaa; }
  .ud-textarea textarea:focus {
    outline: 0;
    border: 1px solid #b21623; }

.ud-radio.flex-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ud-radio.flex-radio label {
    margin: 0 12px 0 0; }

.ud-radio label {
  margin-bottom: 5px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ud-radio label input {
    position: absolute;
    left: -999px;
    opacity: 0;
    pointer-events: none; }
    .ud-radio label input:checked + .input-decorator {
      border-color: #b21623; }
      .ud-radio label input:checked + .input-decorator:before {
        background-color: #b21623; }
  .ud-radio label .input-decorator {
    margin-right: 6px;
    width: 1em;
    height: 1em;
    border-radius: 3px;
    border: 1px solid #cecece;
    position: relative;
    cursor: pointer; }
    .ud-radio label .input-decorator::before {
      content: "";
      display: block;
      border-radius: 1em;
      background-size: contain;
      background-position: 100%;
      width: 50%;
      height: 50%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.ud-checkbox.flex-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ud-checkbox.flex-checkbox label {
    margin: 0 12px 0 0; }

.ud-checkbox label {
  margin-bottom: 5px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ud-checkbox label input {
    position: absolute;
    left: -999px;
    opacity: 0;
    pointer-events: none; }
    .ud-checkbox label input:checked + .input-decorator {
      border-color: #b21623; }
      .ud-checkbox label input:checked + .input-decorator:before {
        background-color: #b21623;
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>'); }
  .ud-checkbox label .input-decorator {
    margin-right: 6px;
    width: 1em;
    height: 1em;
    border-radius: 3px;
    border: 1px solid #cecece;
    position: relative;
    cursor: pointer; }
    .ud-checkbox label .input-decorator::before {
      content: "";
      display: block;
      background-size: contain;
      background-position: 100%;
      width: 90%;
      height: 90%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.ud-select {
  position: relative; }
  .ud-select:before {
    content: "";
    width: 0;
    height: 0;
    border-color: #cecece transparent transparent;
    border-style: solid;
    border-width: .3em .3em 0;
    top: 50%;
    margin-top: -.1em;
    right: 1em;
    position: absolute;
    z-index: 1; }
  .ud-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    border: 1px solid #cecece;
    background-color: #fff;
    font-size: 14px;
    padding: .75em;
    width: 100%;
    margin: 0;
    -webkit-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
    cursor: pointer; }
    .ud-select select::-webkit-input-placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .ud-select select:-ms-input-placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .ud-select select::-ms-input-placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .ud-select select::placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .ud-select select:focus {
      outline: 0;
      border: 1px solid #b21623; }
    .ud-select select[data-placeholder-selected] {
      color: #a8a8a8; }

.ud-switch label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ud-switch label input {
    position: absolute;
    left: -999px;
    opacity: 0;
    pointer-events: none; }
    .ud-switch label input:checked + .switch-decorator {
      background: #b21623; }
      .ud-switch label input:checked + .switch-decorator .circle {
        margin-left: 20px; }
  .ud-switch label .switch-decorator {
    width: 40px;
    height: 20px;
    border-radius: 20px;
    background: #ccc;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    padding-left: 2px;
    margin-right: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ud-switch label .switch-decorator .circle {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #f7f7f7;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }

.ud-image-upload input {
  width: 100%;
  max-width: 100%;
  margin-bottom: 5px; }

.ud-image-upload .image-preview {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px; }
  .ud-image-upload .image-preview > div {
    margin-bottom: 10px; }
    .ud-image-upload .image-preview > div .image-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ud-image-upload .image-preview > div .image-info p {
        margin-bottom: 5px;
        font-size: 14px; }

.ud-image-multi-upload input {
  width: 100%;
  max-width: 100%;
  margin-bottom: 5px; }
  .ud-image-multi-upload input .image-preview {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px; }
    .ud-image-multi-upload input .image-preview > div {
      margin-bottom: 10px; }
      .ud-image-multi-upload input .image-preview > div .image-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .ud-image-multi-upload input .image-preview > div .image-info p {
          margin-bottom: 5px;
          font-size: 14px; }

.ud-captcha {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ud-captcha .canvas-area {
    cursor: pointer;
    border: 1px solid #ced4da; }
    .ud-captcha .canvas-area img {
      height: 48px; }
  .ud-captcha .refresh {
    cursor: pointer;
    -webkit-transform: translate(10px, 5px);
    -ms-transform: translate(10px, 5px);
    transform: translate(10px, 5px); }

.vf-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }
  .vf-item .vf-item-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    text-align: right;
    margin: 8px 8px 0 0; }
  .vf-item .vf-item-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; }

.vf-accept {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .vf-accept .formulate-input {
    margin: 0 5px 0 0; }
  .vf-accept p {
    margin: 0; }
  .vf-accept .formulate-input-error {
    white-space: nowrap; }

.vf-captcha {
  border: 1px solid #ccc;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .vf-captcha #random {
    margin: 0 8px 0 12px;
    cursor: pointer; }
    .vf-captcha #random img {
      height: 48px;
      border: 1px solid #ced4da; }
  .vf-captcha .refresh {
    cursor: pointer;
    -webkit-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    transform: translate(0, 5px); }

.vf-date-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .vf-date-group select {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .vf-date-group p {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 8px; }
    .vf-date-group p:nth-of-type(3) {
      padding: 0 0px 0 8px; }
    @media (max-width: 340px) {
      .vf-date-group p {
        padding: 0 3px; }
        .vf-date-group p:nth-of-type(3) {
          padding: 0 0px 0 3px; } }

.vf-address-group > div {
  margin-bottom: 5px; }

.ud-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ud-flex > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%; }
  .ud-flex > div + div {
    margin-left: 5px; }

.ud-arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px; }
  .ud-arrow.right {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .ud-arrow.left {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  .ud-arrow.up {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .ud-arrow.down {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.ud-alert {
  position: fixed;
  z-index: 120;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7); }
  .ud-alert .modal-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ud-alert .modal-wrapper .modal-content {
      width: 90%;
      max-width: 460px;
      position: relative;
      background-color: #fff;
      max-height: 90%;
      overflow-y: auto;
      text-align: center;
      padding: 15px;
      -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3); }
      .ud-alert .modal-wrapper .modal-content p {
        text-align: center;
        font-size: 16px;
        margin-bottom: 20px;
        color: #666; }
      .ud-alert .modal-wrapper .modal-content .modal-close {
        position: absolute;
        padding: 10px 15px;
        right: 0px;
        top: 0px;
        cursor: pointer; }
        .ud-alert .modal-wrapper .modal-content .modal-close:hover i {
          color: #333; }
        .ud-alert .modal-wrapper .modal-content .modal-close i {
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
          font-size: 18px;
          color: #777; }
      .ud-alert .modal-wrapper .modal-content .modal-header p {
        margin-bottom: 15px;
        font-weight: bold; }

.ud-confirm {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7); }
  .ud-confirm .modal-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ud-confirm .modal-wrapper .modal-content {
      width: 90%;
      max-width: 460px;
      position: relative;
      background-color: #fff;
      max-height: 90%;
      overflow-y: auto;
      text-align: center;
      padding: 15px;
      -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3); }
      .ud-confirm .modal-wrapper .modal-content .modal-close {
        position: absolute;
        padding: 10px 15px;
        right: 0px;
        top: 0px;
        cursor: pointer; }
        .ud-confirm .modal-wrapper .modal-content .modal-close:hover i {
          color: #333; }
        .ud-confirm .modal-wrapper .modal-content .modal-close i {
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
          font-size: 18px;
          color: #777; }
      .ud-confirm .modal-wrapper .modal-content p {
        font-size: 16px;
        margin-bottom: 20px;
        color: #666;
        display: inline-block; }

.ud-modal {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.75); }
  .ud-modal .modal-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: hidden; }
    .ud-modal .modal-wrapper .modal-content {
      width: 92%;
      max-width: 460px;
      position: relative;
      background-color: #fff;
      border: 2px solid #e1a700;
      max-height: 90%;
      text-align: center;
      border-radius: 12px;
      padding: 15px 5px 20px 5px;
      -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.4); }
      .ud-modal .modal-wrapper .modal-content .modal-close {
        position: absolute;
        padding: 10px 15px;
        right: 0px;
        top: 0px;
        cursor: pointer; }
        .ud-modal .modal-wrapper .modal-content .modal-close:hover i {
          color: #333; }
        .ud-modal .modal-wrapper .modal-content .modal-close i {
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
          font-size: 18px;
          color: #777; }
      .ud-modal .modal-wrapper .modal-content p {
        font-size: 16px;
        margin-bottom: 20px;
        color: #666;
        display: inline-block; }

.ud-loading {
  position: fixed;
  z-index: 140;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7); }
  .ud-loading.theme-white {
    background-color: rgba(255, 255, 255, 0.7); }
    .ud-loading.theme-white .modal-wrapper .modal-content .modal-header .icon-css {
      border: 3px solid rgba(0, 0, 0, 0.2);
      border-top: 3px solid #000; }
    .ud-loading.theme-white .modal-wrapper .modal-content .modal-header i {
      color: #666; }
    .ud-loading.theme-white .modal-wrapper .modal-content .modal-body p {
      color: #666; }
  .ud-loading .modal-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ud-loading .modal-wrapper .modal-content .modal-header {
      text-align: center;
      margin-bottom: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .ud-loading .modal-wrapper .modal-content .modal-header .icon-css {
        border: 3px solid rgba(255, 255, 255, 0.2);
        border-top: 3px solid #fff;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        -webkit-animation: spin .5s linear infinite;
        animation: spin .5s linear infinite; }

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

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
      .ud-loading .modal-wrapper .modal-content .modal-header .icon-font {
        font-size: 24px;
        color: #999; }
      .ud-loading .modal-wrapper .modal-content .modal-header .icon-img {
        max-width: 32px;
        margin-bottom: 5px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
    .ud-loading .modal-wrapper .modal-content .modal-body p {
      font-size: 16px;
      color: #999; }

.ud-html h1 {
  font-size: 32px; }

.ud-html h2 {
  font-size: 24px; }

.ud-html h3 {
  font-size: 18px; }

.ud-html h4 {
  font-size: 16px; }

.ud-html h5 {
  font-size: 14px; }

.ud-html h6 {
  font-size: 12px; }

.ud-html p, .ud-html span, .ud-html label {
  font-size: 16px; }
  @media (max-width: 340px) {
    .ud-html p, .ud-html span, .ud-html label {
      font-size: 14px; } }

.ud-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.ud-qrcode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ud-qrcode .icon-css {
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top: 3px solid #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite; }

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

.ud-collapse {
  -webkit-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
  height: 0;
  overflow: hidden;
  will-change: transform; }

.ud-ratio .ratio-bg {
  overflow: hidden;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  background: url("https://i.imgur.com/s3w1Sm3.jpg") no-repeat center center;
  background-size: cover; }

.ud-carousel {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .ud-carousel .item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: #000;
    color: #FFF;
    opacity: 1; }
    .ud-carousel .item:first-of-type {
      position: relative; }
    .ud-carousel .item img {
      display: block;
      max-width: 100%; }
    .ud-carousel .item a {
      display: block; }
  .ud-carousel .button-prev, .ud-carousel .button-next, .ud-carousel .dot-group {
    position: absolute;
    z-index: 1; }
  .ud-carousel .button-prev, .ud-carousel .button-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
    .ud-carousel .button-prev:hover, .ud-carousel .button-next:hover {
      opacity: .7; }
    .ud-carousel .button-prev img, .ud-carousel .button-next img {
      display: block;
      max-width: 50px; }
  .ud-carousel .button-next {
    right: 0; }
  .ud-carousel .dot-group {
    right: 0;
    bottom: 8px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .ud-carousel .dot-group a {
      display: block;
      margin-right: 5px;
      margin-left: 5px;
      width: 10px;
      height: 10px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .ud-carousel .dot-group a:hover, .ud-carousel .dot-group a.active {
        background: #fff; }
  .ud-carousel .carousel-prev-enter-active, .ud-carousel .carousel-prev-leave-active,
  .ud-carousel .carousel-next-enter-active, .ud-carousel .carousel-next-leave-active {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    will-change: transform; }
  .ud-carousel .carousel-next-enter, .ud-carousel .carousel-prev-leave-to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .ud-carousel .carousel-next-leave-to, .ud-carousel .carousel-prev-enter {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }

.ud-youtube .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .ud-youtube .video-wrapper iframe, .ud-youtube .video-wrapper object, .ud-youtube .video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ud-youtube-api .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .ud-youtube-api .video-wrapper iframe, .ud-youtube-api .video-wrapper object, .ud-youtube-api .video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ud-google-map {
  position: relative;
  padding-bottom: 65.25%;
  height: 0;
  overflow: hidden; }
  .ud-google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ud-select2 {
  width: 100%; }

.ud-scratch .sc__wrapper {
  cursor: pointer;
  display: block;
  width: 100%;
  margin: 0 auto; }
  .ud-scratch .sc__wrapper .sc__container {
    position: relative;
    overflow: hidden; }
  .ud-scratch .sc__wrapper .sc__container > img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
  .ud-scratch .sc__wrapper .sc__container canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }

.loading-enter-active, .loading-leave-active {
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s; }

.loading-enter, .loading-leave-to {
  opacity: 0; }

.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.overhidden {
  overflow: hidden; }

.formulate-input {
  margin-bottom: 0px;
  position: relative; }
  .formulate-input .formulate-input-wrapper .formulate-input-label {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    margin-bottom: 1px; }
    @media (min-width: 640px) {
      .formulate-input .formulate-input-wrapper .formulate-input-label {
        font-size: 16px; } }
  .formulate-input .formulate-input-help {
    font-size: 14px;
    color: #aaa; }
  .formulate-input .formulate-input-errors {
    list-style-type: none;
    padding: 0 0 0 3px;
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 90;
    bottom: -16px; }
    .formulate-input .formulate-input-errors .formulate-file-upload-error, .formulate-input .formulate-input-errors .formulate-input-error {
      color: #dc3545;
      font-size: 14px;
      line-height: 14px; }
  .formulate-input[data-is-showing-errors=true] input, .formulate-input[data-is-showing-errors=true] textarea, .formulate-input[data-is-showing-errors=true] select {
    border: 1px solid #dc3545 !important; }
  .formulate-input[data-classification=text] input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    border: 1px solid #cecece;
    font-size: 14px;
    padding: .75em;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .formulate-input[data-classification=text] input::-webkit-input-placeholder {
      color: #aaa; }
    .formulate-input[data-classification=text] input:-ms-input-placeholder {
      color: #aaa; }
    .formulate-input[data-classification=text] input::-ms-input-placeholder {
      color: #aaa; }
    .formulate-input[data-classification=text] input::placeholder {
      color: #aaa; }
    .formulate-input[data-classification=text] input:focus {
      outline: 0;
      border: 1px solid #b21623; }
  .formulate-input[data-classification=text] .formulate-input-element--search {
    position: relative; }
    .formulate-input[data-classification=text] .formulate-input-element--search:before {
      content: "";
      width: 30px;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72.99 72.9"><path fill="%236d6d6d" d="M71.77,66,53.87,48.1A29.94,29.94,0,1,0,30,60a29.52,29.52,0,0,0,18.1-6.1l18,17.8A4,4,0,0,0,69,72.9a4.18,4.18,0,0,0,2.9-1.2A4.09,4.09,0,0,0,71.77,66ZM30.07,51.9a21.9,21.9,0,1,1,15.5-37.4A21.37,21.37,0,0,1,52,30a22,22,0,0,1-6.4,15.5A21.54,21.54,0,0,1,30.07,51.9Z"/></svg>');
      background-size: 1em 1em;
      background-repeat: no-repeat;
      background-position: 50%;
      pointer-events: none; }
    .formulate-input[data-classification=text] .formulate-input-element--search input {
      padding-left: 30px; }
  .formulate-input[data-classification=text] input[type=color] {
    height: 1.1em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
    min-width: 5em; }
    .formulate-input[data-classification=text] input[type=color]::-webkit-color-swatch-wrapper {
      padding: 0 0 0 1.5em;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.17 79.17"><path fill="%236d6d6d" d="M40.8,22.92c-3.4-3.4-4.76-8.44-1-12.24s8.84-2.44,12.24,1c5-5,10.69-13.33,18.81-11.31a11,11,0,0,1,7.62,14.34c-1.26,3.45-4.63,6.06-7.16,8.59-.92.93-3,2.26-3.46,3.46-.42,1,1.82,2.63,2.36,4a8,8,0,0,1-12.42,9.19c-.21-.16-1.35-1.51-1.59-1.51s-.83.83-1,1L49.71,44.9,32.43,62.18c-3.37,3.38-6.6,7.14-10.26,10.21a11,11,0,0,1-4.48,2.28c-1.25.3-3.11-.22-4.18.18-1.28.48-2.42,2.65-3.68,3.4-6.05,3.61-12.64-4-8.46-9.57.73-1,2.53-1.92,3-3a14.46,14.46,0,0,0-.09-2.52,10.75,10.75,0,0,1,3.14-6.77c.92-1,1.93-1.93,2.89-2.9Zm4.4-1.5c4.19,4,8.24,8.24,12.36,12.36,2.06,2.06,5,5.59,8,2.61,4.65-4.62-5-6.8-2.42-10.78C66.3,20.7,76.4,16.48,74.84,9.45,73.62,4,67.12,2.78,63.29,6.32c-2.55,2.36-4.93,4.94-7.39,7.4-.79.78-1.8,2.28-2.88,2.73-2.14.88-3.4-1.62-4.79-2.77-2.58-2.14-6.89-.82-6.53,3C41.89,18.68,43.87,20.09,45.2,21.42Zm-1.45,4.44L27.82,41.79C22,47.57,15.89,53.14,10.41,59.2a8.23,8.23,0,0,0-1.44,2c-.93,2,.25,4.14-.5,6S4.92,69.94,4.3,72a2.34,2.34,0,0,0,2.56,3c1.11-.17,2-1.33,2.71-2.07a11.17,11.17,0,0,1,2.08-2c1.68-.94,4,.17,5.93-.57C20,69.41,22,66.73,23.76,65L34.42,54.3,53.3,35.42Z"/></svg>');
      background-repeat: no-repeat;
      background-size: .9em .9em;
      background-position: left .1em; }
    .formulate-input[data-classification=text] input[type=color]::-webkit-color-swatch, .formulate-input[data-classification=text] input[type=color]::-moz-color-swatch {
      display: block;
      height: 1em;
      border-radius: .2em;
      border: 0;
      -webkit-box-flex: 1;
      flex: auto; }
  .formulate-input[data-classification=textarea] textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    border: 1px solid #cecece;
    font-size: 14px;
    padding: .75em;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .formulate-input[data-classification=textarea] textarea::-webkit-input-placeholder {
      color: #aaa; }
    .formulate-input[data-classification=textarea] textarea:-ms-input-placeholder {
      color: #aaa; }
    .formulate-input[data-classification=textarea] textarea::-ms-input-placeholder {
      color: #aaa; }
    .formulate-input[data-classification=textarea] textarea::placeholder {
      color: #aaa; }
    .formulate-input[data-classification=textarea] textarea:focus {
      outline: 0;
      border: 1px solid #b21623; }
  .formulate-input[data-classification=button] button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 14px;
    padding: .75em;
    display: block;
    width: 100%;
    line-height: 1.2em;
    margin: 0;
    border: 1px solid #b21623;
    background-color: #b21623;
    color: #fff;
    min-width: 0;
    width: auto;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .formulate-input[data-classification=button] button::-webkit-input-placeholder, .formulate-input[data-classification=button] button::-moz-placeholder, .formulate-input[data-classification=button] button:-ms-input-placeholder, .formulate-input[data-classification=button] button::-ms-input-placeholder, .formulate-input[data-classification=button] button::-webkit-input-placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .formulate-input[data-classification=button] button::-webkit-input-placeholder, .formulate-input[data-classification=button] button::-moz-placeholder, .formulate-input[data-classification=button] button:-ms-input-placeholder, .formulate-input[data-classification=button] button::-ms-input-placeholder, .formulate-input[data-classification=button] button::placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .formulate-input[data-classification=button] button:focus {
      outline: 0;
      border: 1px solid #41b883; }
    .formulate-input[data-classification=button] button[disabled] {
      background-color: #cecece;
      border-color: #cecece; }
    .formulate-input[data-classification=button] button[data-ghost] {
      color: #41b883;
      background-color: #fff;
      border-color: currentColor; }
    .formulate-input[data-classification=button] button[data-minor] {
      font-size: .75em;
      display: inline-block; }
    .formulate-input[data-classification=button] button[data-danger] {
      background-color: #dc3545;
      border-color: #dc3545; }
      .formulate-input[data-classification=button] button[data-danger][data-ghost] {
        color: #dc3545;
        background-color: #fff; }
    .formulate-input[data-classification=button] button:active {
      background-color: #df1c2c;
      border-color: #df1c2c; }
  .formulate-input[data-classification=select] .formulate-input-element {
    position: relative; }
    .formulate-input[data-classification=select] .formulate-input-element:before {
      content: "";
      width: 0;
      height: 0;
      border-color: #cecece transparent transparent;
      border-style: solid;
      border-width: .3em .3em 0;
      top: 50%;
      margin-top: -.1em;
      right: 1em;
      position: absolute; }
  .formulate-input[data-classification=select] select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    border: 1px solid #cecece;
    font-size: 14px;
    padding: .75em;
    width: 100%;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .formulate-input[data-classification=select] select::-webkit-input-placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .formulate-input[data-classification=select] select:-ms-input-placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .formulate-input[data-classification=select] select::-ms-input-placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .formulate-input[data-classification=select] select::placeholder {
      color: #a8a8a8;
      line-height: normal; }
    .formulate-input[data-classification=select] select:focus {
      outline: 0;
      border: 1px solid #b21623; }
    .formulate-input[data-classification=select] select[data-placeholder-selected] {
      color: #a8a8a8; }
  .formulate-input[data-classification=box] .formulate-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .formulate-input[data-classification=box] .formulate-input-element {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .formulate-input[data-classification=box] .formulate-input-element input {
      position: absolute;
      left: -999px;
      opacity: 0;
      pointer-events: none; }
  .formulate-input[data-classification=box] .formulate-input-element-decorator {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: .25em;
    border: 1px solid #cecece;
    position: relative;
    cursor: pointer; }
    .formulate-input[data-classification=box] .formulate-input-element-decorator::before {
      content: "";
      display: block;
      background-size: contain;
      background-position: 100%;
      width: calc(100% - .125em);
      height: calc(100% - .125em);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      top: .0625em;
      left: .0625em; }
  .formulate-input[data-classification=box] .formulate-input-element[data-type=radio] .formulate-input-element-decorator {
    border-radius: 1em; }
    .formulate-input[data-classification=box] .formulate-input-element[data-type=radio] .formulate-input-element-decorator::before {
      border-radius: 1em;
      width: calc(100% - .5em);
      height: calc(100% - .5em);
      top: .25em;
      left: .25em; }
  .formulate-input[data-classification=box] .formulate-input-element input[type=checkbox]:checked ~ .formulate-input-element-decorator {
    border-color: #b21623; }
    .formulate-input[data-classification=box] .formulate-input-element input[type=checkbox]:checked ~ .formulate-input-element-decorator::before {
      background-color: #b21623;
      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>');
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>'); }
  .formulate-input[data-classification=box] .formulate-input-element input[type=radio]:checked ~ .formulate-input-element-decorator {
    border-color: #b21623; }
    .formulate-input[data-classification=box] .formulate-input-element input[type=radio]:checked ~ .formulate-input-element-decorator:before {
      background-color: #b21623; }
  .formulate-input[data-classification=box] .formulate-input-element input:focus ~ .formulate-input-element-decorator {
    border-color: #b21623; }
  .formulate-input[data-classification=box] .formulate-input-label {
    cursor: pointer;
    margin-left: .5em; }
  .formulate-input[data-classification=group] .formulate-input-group-item, .formulate-input[data-classification=group] > .formulate-input-wrapper > .formulate-input-label {
    margin-bottom: .5em; }
  .formulate-input[data-classification=group] [data-is-repeatable] {
    padding: 1em;
    border: 1px solid #efefef;
    border-radius: .3em; }
    .formulate-input[data-classification=group] [data-is-repeatable] .formulate-input-grouping {
      margin: -1em -1em 0; }
    .formulate-input[data-classification=group] [data-is-repeatable] .formulate-input-group-repeatable {
      padding: 1em 3em 1em 1em;
      border-bottom: 1px solid #efefef;
      position: relative; }
    .formulate-input[data-classification=group] [data-is-repeatable] .formulate-input-group-repeatable-remove {
      position: absolute;
      display: block;
      top: calc(50% - .15em);
      width: 1.3em;
      height: 1.3em;
      background-color: #cecece;
      right: .85em;
      border-radius: 1.3em;
      cursor: pointer;
      -webkit-transition: background-color .2s;
      -o-transition: background-color .2s;
      transition: background-color .2s;
      overflow: hidden;
      text-indent: -1000px; }
      .formulate-input[data-classification=group] [data-is-repeatable] .formulate-input-group-repeatable-remove:after, .formulate-input[data-classification=group] [data-is-repeatable] .formulate-input-group-repeatable-remove:before {
        content: "";
        position: absolute;
        top: calc(50% - .1em);
        left: .325em;
        display: block;
        width: .65em;
        height: .2em;
        background-color: #fff;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        -o-transition: transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s; }
    .formulate-input[data-classification=group] [data-is-repeatable] .formulate-input-group-repeatable:last-child {
      margin-bottom: 1em; }
  .formulate-input[data-classification=file] .formulate-input-upload-area {
    width: 100%;
    position: relative;
    padding: 2em 0; }
    .formulate-input[data-classification=file] .formulate-input-upload-area input {
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      opacity: 0;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 5; }
    .formulate-input[data-classification=file] .formulate-input-upload-area[data-has-files] {
      padding: 0; }
      .formulate-input[data-classification=file] .formulate-input-upload-area[data-has-files] input {
        display: none; }
  .formulate-input[data-classification=file] .formulate-input-upload-area-mask {
    border-radius: .4em;
    pointer-events: none;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 2px dashed #a8a8a8;
    z-index: 2; }
    .formulate-input[data-classification=file] .formulate-input-upload-area-mask:before {
      content: "";
      background-color: #a8a8a8;
      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M29,58A29,29,0,1,0,0,29,29,29,0,0,0,29,58ZM29,4A25,25,0,1,1,4,29,25,25,0,0,1,29,4Z"/><polygon points="27 22 27 44.4 31 44.4 31 22 41.7 31.1 44.3 28.1 29 15 13.7 28.1 16.3 31.1 27 22"/></svg>');
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M29,58A29,29,0,1,0,0,29,29,29,0,0,0,29,58ZM29,4A25,25,0,1,1,4,29,25,25,0,0,1,29,4Z"/><polygon points="27 22 27 44.4 31 44.4 31 22 41.7 31.1 44.3 28.1 29 15 13.7 28.1 16.3 31.1 27 22"/></svg>');
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      width: 2em;
      height: 2em;
      position: absolute;
      pointer-events: none; }
  .formulate-input[data-classification=file] .formulate-input-upload-area input:focus ~ .formulate-input-upload-area-mask, .formulate-input[data-classification=file] .formulate-input-upload-area input:hover ~ .formulate-input-upload-area-mask, .formulate-input[data-classification=file] .formulate-input-upload-area input[data-is-drag-hover] ~ .formulate-input-upload-area-mask {
    border-color: #b21623; }
  .formulate-input[data-classification=file] .formulate-input-upload-area input:focus ~ .formulate-input-upload-area-mask:before, .formulate-input[data-classification=file] .formulate-input-upload-area input:hover ~ .formulate-input-upload-area-mask:before, .formulate-input[data-classification=file] .formulate-input-upload-area input[data-is-drag-hover] ~ .formulate-input-upload-area-mask:before {
    background-color: #b21623; }
  .formulate-input[data-classification=file] .formulate-files {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .formulate-input[data-classification=file] .formulate-files .formulate-file-progress {
      background-color: #cecece;
      height: .3em;
      border-radius: 1.25em;
      width: 5em;
      overflow: hidden;
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 5em;
      flex: 0 0 5em;
      right: .75em;
      -webkit-transition: height .25s,width .25s,-webkit-flex-basis .25s;
      transition: height .25s,width .25s,-webkit-flex-basis .25s;
      -o-transition: height .25s,width .25s,flex-basis .25s;
      transition: height .25s,width .25s,flex-basis .25s;
      transition: height .25s,width .25s,flex-basis .25s,-webkit-flex-basis .25s,-ms-flex-preferred-size .25s;
      z-index: 2; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file-progress:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        opacity: 0;
        -webkit-transform: scale(0.08);
        -ms-transform: scale(0.08);
        transform: scale(0.08);
        background-color: #fff;
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M8.76,56.2c-6.38-6.34,3.26-16,9.64-9.69L38,65.88,80.56,23.29c6.38-6.38,16.07,3.32,9.69,9.69L42.84,80.37a6.83,6.83,0,0,1-9.65,0Z"/></svg>');
        -webkit-mask-size: 77%;
        mask-size: 77%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        z-index: 3; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-just-finished] {
        width: 1.25em;
        height: 1.25em;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.25em;
        flex: 0 0 1.25em; }
        .formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-just-finished]:before {
          -webkit-transition: opacity .25s .2s,-webkit-transform .25s .2s;
          transition: opacity .25s .2s,-webkit-transform .25s .2s;
          -o-transition: transform .25s .2s,opacity .25s .2s;
          transition: transform .25s .2s,opacity .25s .2s;
          transition: transform .25s .2s,opacity .25s .2s,-webkit-transform .25s .2s;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          opacity: 1; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-is-finished] {
        -webkit-transition: height .25s,width .25s,left .25s,top,.25s,border-radius .25s;
        -o-transition: height .25s,width .25s,left .25s,top,.25s,border-radius .25s;
        transition: height .25s,width .25s,left .25s,top,.25s,border-radius .25s;
        width: .3em;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 .3em;
        flex: 0 0 .3em;
        height: 100%;
        right: 0;
        border-radius: 0 .23em .23em 0; }
        .formulate-input[data-classification=file] .formulate-files .formulate-file-progress[data-is-finished]:before {
          -webkit-transition: opacity .1s;
          -o-transition: opacity .1s;
          transition: opacity .1s;
          opacity: 0; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file-progress .formulate-file-progress-inner {
        background-color: #b21623;
        width: 1%;
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        z-index: 2; }
    .formulate-input[data-classification=file] .formulate-files .formulate-file-name {
      padding-left: 1.5em;
      padding-right: 2em;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file-name:before {
        position: absolute;
        left: .7em;
        top: 50%;
        margin-top: -.7em;
        background-color: #a8a8a8;
        content: "";
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.06 83.59"><path d="M55.94,83.59a8.16,8.16,0,0,0,8.12-8.16V19.12a1.77,1.77,0,0,0-.52-1.25L46.21.59A1.69,1.69,0,0,0,45.14.08L44.69,0l-.18,0H8.13A8.18,8.18,0,0,0,0,8.16V75.41a8.16,8.16,0,0,0,8.13,8.16H55.94ZM46.68,6,58.11,17.38H46.68ZM3.52,75.43V8.16A4.64,4.64,0,0,1,8.13,3.52h35V19.16a1.75,1.75,0,0,0,1.76,1.74H60.55V75.43a4.65,4.65,0,0,1-4.61,4.65H8.13A4.65,4.65,0,0,1,3.52,75.43Z"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.06 83.59"><path d="M55.94,83.59a8.16,8.16,0,0,0,8.12-8.16V19.12a1.77,1.77,0,0,0-.52-1.25L46.21.59A1.69,1.69,0,0,0,45.14.08L44.69,0l-.18,0H8.13A8.18,8.18,0,0,0,0,8.16V75.41a8.16,8.16,0,0,0,8.13,8.16H55.94ZM46.68,6,58.11,17.38H46.68ZM3.52,75.43V8.16A4.64,4.64,0,0,1,8.13,3.52h35V19.16a1.75,1.75,0,0,0,1.76,1.74H60.55V75.43a4.65,4.65,0,0,1-4.61,4.65H8.13A4.65,4.65,0,0,1,3.52,75.43Z"/></svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        width: 1.25em;
        height: 1.25em;
        display: inline-block;
        margin-right: .5em; }
    .formulate-input[data-classification=file] .formulate-files .formulate-file-remove {
      width: 1.25em;
      height: 1.25em;
      border-radius: 1em;
      border: 1px solid #a8a8a8;
      background-color: #a8a8a8;
      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.1 59.2"><path d="M1.6,57.7a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5l21-21,21,21a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5,5,5,0,0,0,0-7.1l-21-21,21-21a5,5,0,0,0,0-7.1,5,5,0,0,0-7.1,0l-21,21L8.6,1.7a5,5,0,0,0-7.1,0,5,5,0,0,0,0,7.1l21,21L1.6,50.7A4.83,4.83,0,0,0,1.6,57.7Z"/></svg>');
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.1 59.2"><path d="M1.6,57.7a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5l21-21,21,21a5,5,0,0,0,3.5,1.5,4.85,4.85,0,0,0,3.5-1.5,5,5,0,0,0,0-7.1l-21-21,21-21a5,5,0,0,0,0-7.1,5,5,0,0,0-7.1,0l-21,21L8.6,1.7a5,5,0,0,0-7.1,0,5,5,0,0,0,0,7.1l21,21L1.6,50.7A4.83,4.83,0,0,0,1.6,57.7Z"/></svg>');
      -webkit-mask-size: .6em;
      mask-size: .6em;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
      cursor: pointer;
      position: absolute;
      right: .75em;
      z-index: 1;
      -webkit-transition: -webkit-transform .25s;
      transition: -webkit-transform .25s;
      -o-transition: transform .25s;
      transition: transform .25s;
      transition: transform .25s, -webkit-transform .25s; }
    .formulate-input[data-classification=file] .formulate-files li {
      display: block; }
      .formulate-input[data-classification=file] .formulate-files li[data-has-error] .formulate-file-progress {
        background-color: #dc2c2c; }
      .formulate-input[data-classification=file] .formulate-files li[data-has-preview] .formulate-file-name:before {
        display: none; }
      .formulate-input[data-classification=file] .formulate-files li + li {
        margin-top: .5em; }
    .formulate-input[data-classification=file] .formulate-files .formulate-file {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: .3em;
      border: 1px solid #cecece;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #fff;
      font-size: .9em;
      padding: .75em;
      font-weight: 400;
      line-height: 1.2em;
      margin: 0;
      display: block;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file::-webkit-input-placeholder, .formulate-input[data-classification=file] .formulate-files .formulate-file::-moz-placeholder, .formulate-input[data-classification=file] .formulate-files .formulate-file:-ms-input-placeholder, .formulate-input[data-classification=file] .formulate-files .formulate-file::-ms-input-placeholder, .formulate-input[data-classification=file] .formulate-files .formulate-file::-webkit-input-placeholder {
        color: #a8a8a8;
        line-height: normal; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file::-webkit-input-placeholder, .formulate-input[data-classification=file] .formulate-files .formulate-file::-moz-placeholder, .formulate-input[data-classification=file] .formulate-files .formulate-file:-ms-input-placeholder, .formulate-input[data-classification=file] .formulate-files .formulate-file::-ms-input-placeholder, .formulate-input[data-classification=file] .formulate-files .formulate-file::placeholder {
        color: #a8a8a8;
        line-height: normal; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file:focus {
        outline: 0;
        border: 1px solid #b21623; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file ::-webkit-progress-bar {
        -webkit-appearance: none;
        appearance: none;
        height: .5em;
        border-radius: .5em;
        overflow: hidden; }
    .formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview {
      width: 3em;
      height: 3em;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 3em;
      flex: 0 0 3em;
      position: relative;
      z-index: 2;
      left: -1px;
      -webkit-box-shadow: 0 0 0 1px #efefef;
      box-shadow: 0 0 0 1px #efefef;
      -webkit-transition: background-color .25s,-webkit-transform .25s,-webkit-box-shadow .25s;
      transition: background-color .25s,-webkit-transform .25s,-webkit-box-shadow .25s;
      -o-transition: transform .25s,box-shadow .25s,background-color .25s;
      transition: transform .25s,box-shadow .25s,background-color .25s;
      transition: transform .25s,box-shadow .25s,background-color .25s,-webkit-transform .25s,-webkit-box-shadow .25s; }
      .formulate-input[data-classification=file] .formulate-files .formulate-file-image-preview img {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s; }
  .formulate-input[data-classification=file] [data-type=image] .formulate-input-upload-area .formulate-input-upload-area-mask:before {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 71.05"><path d="M82.89,0H7.1A7.12,7.12,0,0,0,0,7.11V64a7.11,7.11,0,0,0,7.1,7.1H82.9A7.11,7.11,0,0,0,90,64V7.11A7.12,7.12,0,0,0,82.89,0ZM69.28,39.35a5.44,5.44,0,0,0-8,0L50.58,50.74,32.38,30.88a5.31,5.31,0,0,0-7.92,0L4.74,52.4V7.11A2.37,2.37,0,0,1,7.11,4.74H82.9a2.37,2.37,0,0,1,2.36,2.37V56.3Z"/><circle cx="67.74" cy="22.26" r="8.53"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 71.05"><path d="M82.89,0H7.1A7.12,7.12,0,0,0,0,7.11V64a7.11,7.11,0,0,0,7.1,7.1H82.9A7.11,7.11,0,0,0,90,64V7.11A7.12,7.12,0,0,0,82.89,0ZM69.28,39.35a5.44,5.44,0,0,0-8,0L50.58,50.74,32.38,30.88a5.31,5.31,0,0,0-7.92,0L4.74,52.4V7.11A2.37,2.37,0,0,1,7.11,4.74H82.9a2.37,2.37,0,0,1,2.36,2.37V56.3Z"/><circle cx="67.74" cy="22.26" r="8.53"/></svg>'); }
  .formulate-input[data-classification=slider] .formulate-input-element--range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .formulate-input[data-classification=slider] .formulate-input-element-range-value {
    font-size: .9em;
    line-height: 1;
    margin-left: .5em;
    background-color: #efefef;
    padding: .25em .3em;
    border-radius: .25em;
    color: #6d6d6d;
    font-variant-numeric: tabular-nums; }
  .formulate-input[data-classification=slider] input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 1em;
    padding: .5em 0; }
    .formulate-input[data-classification=slider] input:focus {
      outline: 0; }
    .formulate-input[data-classification=slider] input::-webkit-slider-thumb {
      cursor: pointer;
      -webkit-appearance: none;
      appearance: none;
      width: 1em;
      height: 1em;
      border-radius: 1em;
      border: 0;
      background-color: #b21623;
      margin-top: calc(-.5em + 2px); }
    .formulate-input[data-classification=slider] input::-moz-range-thumb {
      cursor: pointer;
      -moz-appearance: none;
      appearance: none;
      width: 1em;
      height: 1em;
      border-radius: 1em;
      border: 0;
      background-color: #b21623;
      margin-top: calc(-.5em + 2px); }
    .formulate-input[data-classification=slider] input::-ms-thumb {
      cursor: pointer;
      appearance: none;
      width: 1em;
      height: 1em;
      border-radius: 1em;
      border: 0;
      background-color: #b21623;
      margin-top: calc(-.5em + 2px); }
    .formulate-input[data-classification=slider] input::-webkit-slider-runnable-track {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 4px;
      background-color: #efefef;
      border-radius: 3px;
      margin: 0;
      padding: 0; }
    .formulate-input[data-classification=slider] input::-moz-range-track {
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      height: 4px;
      background-color: #efefef;
      border-radius: 3px;
      margin: 0;
      padding: 0; }