/*!
         * Bootstrap Grid v5.0.0-beta3 (https://getbootstrap.com/)
         * Copyright 2011-2021 The Bootstrap Authors
         * Copyright 2011-2021 Twitter, Inc.
         * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
         */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  margin-left: auto;
  margin-right: auto;
  padding-left: .75rem;
  padding-left: var(--bs-gutter-x, .75rem);
  padding-right: .75rem;
  padding-right: var(--bs-gutter-x, .75rem);
  width: 100%
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -.75rem;
  margin-left: calc(var(--bs-gutter-x)/-2);
  margin-right: -.75rem;
  margin-right: calc(var(--bs-gutter-x)/-2);
  margin-top: 0;
  margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
  box-sizing: border-box;
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x)/2);
  padding-right: calc(var(--bs-gutter-x)/2);
  width: 100%
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xxl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xxl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xxl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xxl-11 {
    margin-left: 91.6666666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !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
}

.d-none {
  display: none !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important
}

.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

.my-1 {
  margin-bottom: .25rem !important;
  margin-top: .25rem !important
}

.my-2 {
  margin-bottom: .5rem !important;
  margin-top: .5rem !important
}

.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important
}

.my-4 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important
}

.my-5 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important
}

.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

.py-1 {
  padding-bottom: .25rem !important;
  padding-top: .25rem !important
}

.py-2 {
  padding-bottom: .5rem !important;
  padding-top: .5rem !important
}

.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important
}

.py-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important
}

.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

@media (min-width:576px) {
  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !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
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-sm-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-sm-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-sm-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-sm-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-sm-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-sm-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-sm-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-sm-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-sm-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-sm-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-sm-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-sm-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:768px) {
  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !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
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-md-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-md-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-md-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-md-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-md-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-md-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-md-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-md-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-md-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-md-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-md-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:992px) {
  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !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
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-lg-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-lg-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-lg-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-lg-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-lg-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-lg-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-lg-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-lg-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-lg-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-lg-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-lg-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-lg-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:1200px) {
  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !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-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-xl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-xl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-xl-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-xl-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-xl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-xl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-xl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-xl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-xl-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-xl-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-xl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-xl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }
}

@media (min-width:1400px) {
  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-xxl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-xxl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-xxl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-xxl-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-xxl-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-xxl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-xxl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-xxl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-xxl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-xxl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-xxl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-xxl-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-xxl-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-xxl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-xxl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

:root {
  --mainColor: #8f4475;
  --secondColor: #ffc740;
  --color1: #34c663;
  --color2: #15b6d6;
  --color3: #f9963a;
  --color4: #8a7ee0;
  --color5: #ffc740;
  --color6: #e85342;
  --color7: #ff6e7c;
  --color8: #3c364c;
  --fontColor: #52596f;
  --bgGray: #f1f1f2;
  --bgColor: #fefeff;
  --mainFont: "Montserrat Arabic"
}

/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
.button,
.file-cta,
.file-name,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select select,
.taginput .taginput-container.is-focusable,
.textarea {
  align-items: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding: calc(.5em - 1px) calc(.75em - 1px);
  position: relative;
  vertical-align: top
}

.button:active,
.button:focus,
.file-cta:active,
.file-cta:focus,
.file-name:active,
.file-name:focus,
.input:active,
.input:focus,
.is-active.button,
.is-active.file-cta,
.is-active.file-name,
.is-active.input,
.is-active.pagination-ellipsis,
.is-active.pagination-link,
.is-active.pagination-next,
.is-active.pagination-previous,
.is-active.textarea,
.is-focused.button,
.is-focused.file-cta,
.is-focused.file-name,
.is-focused.input,
.is-focused.pagination-ellipsis,
.is-focused.pagination-link,
.is-focused.pagination-next,
.is-focused.pagination-previous,
.is-focused.textarea,
.pagination-ellipsis:active,
.pagination-ellipsis:focus,
.pagination-link:active,
.pagination-link:focus,
.pagination-next:active,
.pagination-next:focus,
.pagination-previous:active,
.pagination-previous:focus,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.taginput .is-active.taginput-container.is-focusable,
.taginput .is-focused.taginput-container.is-focusable,
.taginput .taginput-container.is-focusable:active,
.taginput .taginput-container.is-focusable:focus,
.textarea:active,
.textarea:focus {
  outline: none
}

.select fieldset[disabled] select,
.select select[disabled],
.taginput [disabled].taginput-container.is-focusable,
.taginput fieldset[disabled] .taginput-container.is-focusable,
[disabled].button,
[disabled].file-cta,
[disabled].file-name,
[disabled].input,
[disabled].pagination-ellipsis,
[disabled].pagination-link,
[disabled].pagination-next,
[disabled].pagination-previous,
[disabled].textarea,
fieldset[disabled] .button,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .input,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .select select,
fieldset[disabled] .taginput .taginput-container.is-focusable,
fieldset[disabled] .textarea {
  cursor: not-allowed
}

.b-checkbox.checkbox,
.b-radio.radio,
.breadcrumb,
.button,
.carousel,
.carousel-list,
.file,
.is-unselectable,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.switch,
.tabs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.navbar-link:not(.is-arrowless):after,
.select:not(.is-multiple):not(.is-loading):after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: .625em;
  margin-top: -.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: .625em
}

.block:not(:last-child),
.box:not(:last-child),
.breadcrumb:not(:last-child),
.content:not(:last-child),
.level:not(:last-child),
.message:not(:last-child),
.notification:not(:last-child),
.pagination:not(:last-child),
.progress-wrapper.is-not-native:not(:last-child),
.progress:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child) {
  margin-bottom: 1.5rem
}

.delete,
.modal-close {
  -webkit-touch-callout: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: hsla(0, 0%, 4%, .2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  pointer-events: auto;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: top;
  width: 20px
}

.delete:after,
.delete:before,
.modal-close:after,
.modal-close:before {
  background-color: #fff;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center
}

.delete:before,
.modal-close:before {
  height: 2px;
  width: 50%
}

.delete:after,
.modal-close:after {
  height: 50%;
  width: 2px
}

.delete:focus,
.delete:hover,
.modal-close:focus,
.modal-close:hover {
  background-color: hsla(0, 0%, 4%, .3)
}

.delete:active,
.modal-close:active {
  background-color: hsla(0, 0%, 4%, .4)
}

.is-small.delete,
.is-small.modal-close {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px
}

.is-medium.delete,
.is-medium.modal-close {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px
}

.is-large.delete,
.is-large.modal-close {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px
}

.button.is-loading:after,
.control.is-loading:after,
.loader,
.select.is-loading:after {
  animation: spinAround .5s linear infinite;
  border-color: transparent transparent #dbdbdb #dbdbdb;
  border-radius: 9999px;
  border-style: solid;
  border-width: 2px;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em
}

.b-image-wrapper>img.has-ratio,
.b-image-wrapper>img.placeholder,
.hero-video,
.image.is-16by9 .has-ratio,
.image.is-16by9 img,
.image.is-1by1 .has-ratio,
.image.is-1by1 img,
.image.is-1by2 .has-ratio,
.image.is-1by2 img,
.image.is-1by3 .has-ratio,
.image.is-1by3 img,
.image.is-2by1 .has-ratio,
.image.is-2by1 img,
.image.is-2by3 .has-ratio,
.image.is-2by3 img,
.image.is-3by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by2 .has-ratio,
.image.is-3by2 img,
.image.is-3by4 .has-ratio,
.image.is-3by4 img,
.image.is-3by5 .has-ratio,
.image.is-3by5 img,
.image.is-4by3 .has-ratio,
.image.is-4by3 img,
.image.is-4by5 .has-ratio,
.image.is-4by5 img,
.image.is-5by3 .has-ratio,
.image.is-5by3 img,
.image.is-5by4 .has-ratio,
.image.is-5by4 img,
.image.is-9by16 .has-ratio,
.image.is-9by16 img,
.image.is-square .has-ratio,
.image.is-square img,
.is-overlay,
.modal,
.modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.navbar-burger {
  color: currentColor;
  font-family: inherit;
  font-size: 1em
}

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
.navbar-burger,
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
  padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400
}

ul {
  list-style: none
}

button,
input,
select,
textarea {
  margin: 0
}

html {
  box-sizing: border-box
}

*,
:after,
:before {
  box-sizing: inherit
}

img,
video {
  height: auto;
  max-width: 100%
}

iframe {
  border: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

td:not([align]),
th:not([align]) {
  text-align: inherit
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: #fff;
  font-size: 16px;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace
}

body {
  color: #4a4a4a;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5
}

a {
  color: #8f4475;
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none
}

a strong {
  color: currentColor
}

a:hover {
  color: #363636
}

code {
  color: #da1039;
  font-size: .875em;
  font-weight: 400;
  padding: .25em .5em
}

code,
hr {
  background-color: #f5f5f5
}

hr {
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0
}

img {
  height: auto;
  max-width: 100%
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline
}

small {
  font-size: .875em
}

span {
  font-style: inherit;
  font-weight: inherit
}

strong {
  color: #363636;
  font-weight: 700
}

fieldset {
  border: none
}

pre {
  -webkit-overflow-scrolling: touch;
  word-wrap: normal;
  background-color: #f5f5f5;
  color: #4a4a4a;
  font-size: .875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre
}

pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0
}

table td,
table th {
  vertical-align: top
}

table td:not([align]),
table th:not([align]) {
  text-align: inherit
}

table th {
  color: #363636
}

@keyframes spinAround {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(359deg)
  }
}

.box {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem
}

a.box:focus,
a.box:hover {
  box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px #8f4475
}

a.box:active {
  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .2), 0 0 0 1px #8f4475
}

.button {
  background-color: #fff;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding: calc(.5em - 1px) 1em;
  text-align: center;
  white-space: nowrap
}

.button strong {
  color: inherit
}

.button .icon,
.button .icon.is-large,
.button .icon.is-medium,
.button .icon.is-small {
  height: 1.5em;
  width: 1.5em
}

.button .icon:first-child:not(:last-child) {
  margin-left: calc(-.5em - 1px);
  margin-right: .25em
}

.button .icon:last-child:not(:first-child) {
  margin-left: .25em;
  margin-right: calc(-.5em - 1px)
}

.button .icon:first-child:last-child {
  margin-left: calc(-.5em - 1px);
  margin-right: calc(-.5em - 1px)
}

.button.is-hovered,
.button:hover {
  border-color: #b5b5b5;
  color: #363636
}

.button.is-focused,
.button:focus {
  border-color: #8f4475;
  color: #363636
}

.button.is-focused:not(:active),
.button:focus:not(:active) {
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.button.is-active,
.button:active {
  border-color: #4a4a4a;
  color: #363636
}

.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #4a4a4a;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text:hover {
  background-color: #f5f5f5;
  color: #363636
}

.button.is-text.is-active,
.button.is-text:active {
  background-color: #e8e8e8;
  color: #363636
}

.button.is-text[disabled],
fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none
}

.button.is-ghost {
  background: none;
  border-color: transparent;
  color: #8f4475;
  -webkit-text-decoration: none;
  text-decoration: none
}

.button.is-ghost.is-hovered,
.button.is-ghost:hover {
  color: #8f4475;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.button.is-white {
  background-color: #fff;
  border-color: transparent;
  color: #0a0a0a
}

.button.is-white.is-hovered,
.button.is-white:hover {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a
}

.button.is-white.is-focused,
.button.is-white:focus {
  border-color: transparent;
  color: #0a0a0a
}

.button.is-white.is-focused:not(:active),
.button.is-white:focus:not(:active) {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

.button.is-white.is-active,
.button.is-white:active {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #0a0a0a
}

.button.is-white[disabled],
fieldset[disabled] .button.is-white {
  background-color: #fff;
  border-color: #fff;
  box-shadow: none
}

.button.is-white.is-inverted {
  background-color: #0a0a0a;
  color: #fff
}

.button.is-white.is-inverted.is-hovered,
.button.is-white.is-inverted:hover {
  background-color: #000
}

.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
  background-color: #0a0a0a;
  border-color: transparent;
  box-shadow: none;
  color: #fff
}

.button.is-white.is-loading:after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important
}

.button.is-white.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.button.is-white.is-outlined.is-focused,
.button.is-white.is-outlined.is-hovered,
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined:hover {
  background-color: #fff;
  border-color: #fff;
  color: #0a0a0a
}

.button.is-white.is-outlined.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-white.is-outlined.is-loading.is-focused:after,
.button.is-white.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-outlined.is-loading:focus:after,
.button.is-white.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important
}

.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff
}

.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a
}

.button.is-white.is-inverted.is-outlined.is-focused,
.button.is-white.is-inverted.is-outlined.is-hovered,
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined:hover {
  background-color: #0a0a0a;
  color: #fff
}

.button.is-white.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-white.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-white.is-inverted.is-outlined.is-loading:focus:after,
.button.is-white.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a
}

.button.is-black {
  background-color: #0a0a0a;
  border-color: transparent;
  color: #fff
}

.button.is-black.is-hovered,
.button.is-black:hover {
  background-color: #040404;
  border-color: transparent;
  color: #fff
}

.button.is-black.is-focused,
.button.is-black:focus {
  border-color: transparent;
  color: #fff
}

.button.is-black.is-focused:not(:active),
.button.is-black:focus:not(:active) {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .25)
}

.button.is-black.is-active,
.button.is-black:active {
  background-color: #000;
  border-color: transparent;
  color: #fff
}

.button.is-black[disabled],
fieldset[disabled] .button.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  box-shadow: none
}

.button.is-black.is-inverted {
  background-color: #fff;
  color: #0a0a0a
}

.button.is-black.is-inverted.is-hovered,
.button.is-black.is-inverted:hover {
  background-color: #f2f2f2
}

.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #0a0a0a
}

.button.is-black.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  color: #0a0a0a
}

.button.is-black.is-outlined.is-focused,
.button.is-black.is-outlined.is-hovered,
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined:hover {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: #fff
}

.button.is-black.is-outlined.is-loading:after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important
}

.button.is-black.is-outlined.is-loading.is-focused:after,
.button.is-black.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-outlined.is-loading:focus:after,
.button.is-black.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: #0a0a0a;
  box-shadow: none;
  color: #0a0a0a
}

.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.button.is-black.is-inverted.is-outlined.is-focused,
.button.is-black.is-inverted.is-outlined.is-hovered,
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined:hover {
  background-color: #fff;
  color: #0a0a0a
}

.button.is-black.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-black.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-black.is-inverted.is-outlined.is-loading:focus:after,
.button.is-black.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important
}

.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff
}

.button.is-light {
  background-color: #f5f5f5;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.button.is-light.is-hovered,
.button.is-light:hover {
  background-color: #eee;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.button.is-light.is-focused,
.button.is-light:focus {
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.button.is-light.is-focused:not(:active),
.button.is-light:focus:not(:active) {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25)
}

.button.is-light.is-active,
.button.is-light:active {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.button.is-light[disabled],
fieldset[disabled] .button.is-light {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  box-shadow: none
}

.button.is-light.is-inverted {
  color: #f5f5f5
}

.button.is-light.is-inverted,
.button.is-light.is-inverted.is-hovered,
.button.is-light.is-inverted:hover {
  background-color: rgba(0, 0, 0, .7)
}

.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, .7);
  border-color: transparent;
  box-shadow: none;
  color: #f5f5f5
}

.button.is-light.is-loading:after {
  border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-light.is-outlined {
  background-color: transparent;
  border-color: #f5f5f5;
  color: #f5f5f5
}

.button.is-light.is-outlined.is-focused,
.button.is-light.is-outlined.is-hovered,
.button.is-light.is-outlined:focus,
.button.is-light.is-outlined:hover {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.button.is-light.is-outlined.is-loading:after {
  border-color: transparent transparent #f5f5f5 #f5f5f5 !important
}

.button.is-light.is-outlined.is-loading.is-focused:after,
.button.is-light.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-outlined.is-loading:focus:after,
.button.is-light.is-outlined.is-loading:hover:after {
  border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: #f5f5f5;
  box-shadow: none;
  color: #f5f5f5
}

.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, .7);
  color: rgba(0, 0, 0, .7)
}

.button.is-light.is-inverted.is-outlined.is-focused,
.button.is-light.is-inverted.is-outlined.is-hovered,
.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined:hover {
  background-color: rgba(0, 0, 0, .7);
  color: #f5f5f5
}

.button.is-light.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-light.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-light.is-inverted.is-outlined.is-loading:focus:after,
.button.is-light.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #f5f5f5 #f5f5f5 !important
}

.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, .7);
  box-shadow: none;
  color: rgba(0, 0, 0, .7)
}

.button.is-dark {
  background-color: #363636;
  border-color: transparent;
  color: #fff
}

.button.is-dark.is-hovered,
.button.is-dark:hover {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff
}

.button.is-dark.is-focused,
.button.is-dark:focus {
  border-color: transparent;
  color: #fff
}

.button.is-dark.is-focused:not(:active),
.button.is-dark:focus:not(:active) {
  box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.button.is-dark.is-active,
.button.is-dark:active {
  background-color: #292929;
  border-color: transparent;
  color: #fff
}

.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
  background-color: #363636;
  border-color: #363636;
  box-shadow: none
}

.button.is-dark.is-inverted {
  background-color: #fff;
  color: #363636
}

.button.is-dark.is-inverted.is-hovered,
.button.is-dark.is-inverted:hover {
  background-color: #f2f2f2
}

.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #363636
}

.button.is-dark.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #363636;
  color: #363636
}

.button.is-dark.is-outlined.is-focused,
.button.is-dark.is-outlined.is-hovered,
.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined:hover {
  background-color: #363636;
  border-color: #363636;
  color: #fff
}

.button.is-dark.is-outlined.is-loading:after {
  border-color: transparent transparent #363636 #363636 !important
}

.button.is-dark.is-outlined.is-loading.is-focused:after,
.button.is-dark.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-outlined.is-loading:focus:after,
.button.is-dark.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: #363636;
  box-shadow: none;
  color: #363636
}

.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.button.is-dark.is-inverted.is-outlined.is-focused,
.button.is-dark.is-inverted.is-outlined.is-hovered,
.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined:hover {
  background-color: #fff;
  color: #363636
}

.button.is-dark.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-dark.is-inverted.is-outlined.is-loading:focus:after,
.button.is-dark.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #363636 #363636 !important
}

.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff
}

.button.is-primary {
  background-color: #8f4475;
  border-color: transparent;
  color: #fff
}

.button.is-primary.is-hovered,
.button.is-primary:hover {
  background-color: #86406e;
  border-color: transparent;
  color: #fff
}

.button.is-primary.is-focused,
.button.is-primary:focus {
  border-color: transparent;
  color: #fff
}

.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active) {
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.button.is-primary.is-active,
.button.is-primary:active {
  background-color: #7e3c67;
  border-color: transparent;
  color: #fff
}

.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
  background-color: #8f4475;
  border-color: #8f4475;
  box-shadow: none
}

.button.is-primary.is-inverted {
  background-color: #fff;
  color: #8f4475
}

.button.is-primary.is-inverted.is-hovered,
.button.is-primary.is-inverted:hover {
  background-color: #f2f2f2
}

.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #8f4475
}

.button.is-primary.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #8f4475;
  color: #8f4475
}

.button.is-primary.is-outlined.is-focused,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover {
  background-color: #8f4475;
  border-color: #8f4475;
  color: #fff
}

.button.is-primary.is-outlined.is-loading:after {
  border-color: transparent transparent #8f4475 #8f4475 !important
}

.button.is-primary.is-outlined.is-loading.is-focused:after,
.button.is-primary.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-outlined.is-loading:focus:after,
.button.is-primary.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #8f4475;
  box-shadow: none;
  color: #8f4475
}

.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.button.is-primary.is-inverted.is-outlined.is-focused,
.button.is-primary.is-inverted.is-outlined.is-hovered,
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined:hover {
  background-color: #fff;
  color: #8f4475
}

.button.is-primary.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-primary.is-inverted.is-outlined.is-loading:focus:after,
.button.is-primary.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #8f4475 #8f4475 !important
}

.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff
}

.button.is-primary.is-light {
  background-color: #f8f1f6;
  color: #a9518b
}

.button.is-primary.is-light.is-hovered,
.button.is-primary.is-light:hover {
  background-color: #f4e9f0;
  border-color: transparent;
  color: #a9518b
}

.button.is-primary.is-light.is-active,
.button.is-primary.is-light:active {
  background-color: #f0e0eb;
  border-color: transparent;
  color: #a9518b
}

.button.is-link {
  background-color: #485fc7;
  border-color: transparent;
  color: #fff
}

.button.is-link.is-hovered,
.button.is-link:hover {
  background-color: #3e56c4;
  border-color: transparent;
  color: #fff
}

.button.is-link.is-focused,
.button.is-link:focus {
  border-color: transparent;
  color: #fff
}

.button.is-link.is-focused:not(:active),
.button.is-link:focus:not(:active) {
  box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.button.is-link.is-active,
.button.is-link:active {
  background-color: #3a51bb;
  border-color: transparent;
  color: #fff
}

.button.is-link[disabled],
fieldset[disabled] .button.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  box-shadow: none
}

.button.is-link.is-inverted {
  background-color: #fff;
  color: #485fc7
}

.button.is-link.is-inverted.is-hovered,
.button.is-link.is-inverted:hover {
  background-color: #f2f2f2
}

.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #485fc7
}

.button.is-link.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-link.is-outlined {
  background-color: transparent;
  border-color: #485fc7;
  color: #485fc7
}

.button.is-link.is-outlined.is-focused,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined:hover {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff
}

.button.is-link.is-outlined.is-loading:after {
  border-color: transparent transparent #485fc7 #485fc7 !important
}

.button.is-link.is-outlined.is-loading.is-focused:after,
.button.is-link.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-outlined.is-loading:focus:after,
.button.is-link.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: #485fc7;
  box-shadow: none;
  color: #485fc7
}

.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.button.is-link.is-inverted.is-outlined.is-focused,
.button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined:hover {
  background-color: #fff;
  color: #485fc7
}

.button.is-link.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-link.is-inverted.is-outlined.is-loading:focus:after,
.button.is-link.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #485fc7 #485fc7 !important
}

.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff
}

.button.is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7
}

.button.is-link.is-light.is-hovered,
.button.is-link.is-light:hover {
  background-color: #e6e9f7;
  border-color: transparent;
  color: #3850b7
}

.button.is-link.is-light.is-active,
.button.is-link.is-light:active {
  background-color: #dce0f4;
  border-color: transparent;
  color: #3850b7
}

.button.is-info {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff
}

.button.is-info.is-hovered,
.button.is-info:hover {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff
}

.button.is-info.is-focused,
.button.is-info:focus {
  border-color: transparent;
  color: #fff
}

.button.is-info.is-focused:not(:active),
.button.is-info:focus:not(:active) {
  box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.button.is-info.is-active,
.button.is-info:active {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff
}

.button.is-info[disabled],
fieldset[disabled] .button.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  box-shadow: none
}

.button.is-info.is-inverted {
  background-color: #fff;
  color: #3e8ed0
}

.button.is-info.is-inverted.is-hovered,
.button.is-info.is-inverted:hover {
  background-color: #f2f2f2
}

.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #3e8ed0
}

.button.is-info.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-info.is-outlined {
  background-color: transparent;
  border-color: #3e8ed0;
  color: #3e8ed0
}

.button.is-info.is-outlined.is-focused,
.button.is-info.is-outlined.is-hovered,
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined:hover {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff
}

.button.is-info.is-outlined.is-loading:after {
  border-color: transparent transparent #3e8ed0 #3e8ed0 !important
}

.button.is-info.is-outlined.is-loading.is-focused:after,
.button.is-info.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-outlined.is-loading:focus:after,
.button.is-info.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: #3e8ed0;
  box-shadow: none;
  color: #3e8ed0
}

.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.button.is-info.is-inverted.is-outlined.is-focused,
.button.is-info.is-inverted.is-outlined.is-hovered,
.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined:hover {
  background-color: #fff;
  color: #3e8ed0
}

.button.is-info.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-info.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-info.is-inverted.is-outlined.is-loading:focus:after,
.button.is-info.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #3e8ed0 #3e8ed0 !important
}

.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff
}

.button.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8
}

.button.is-info.is-light.is-hovered,
.button.is-info.is-light:hover {
  background-color: #e4eff9;
  border-color: transparent;
  color: #296fa8
}

.button.is-info.is-light.is-active,
.button.is-info.is-light:active {
  background-color: #dae9f6;
  border-color: transparent;
  color: #296fa8
}

.button.is-success {
  background-color: #48c78e;
  border-color: transparent;
  color: #fff
}

.button.is-success.is-hovered,
.button.is-success:hover {
  background-color: #3ec487;
  border-color: transparent;
  color: #fff
}

.button.is-success.is-focused,
.button.is-success:focus {
  border-color: transparent;
  color: #fff
}

.button.is-success.is-focused:not(:active),
.button.is-success:focus:not(:active) {
  box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.button.is-success.is-active,
.button.is-success:active {
  background-color: #3abb81;
  border-color: transparent;
  color: #fff
}

.button.is-success[disabled],
fieldset[disabled] .button.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  box-shadow: none
}

.button.is-success.is-inverted {
  background-color: #fff;
  color: #48c78e
}

.button.is-success.is-inverted.is-hovered,
.button.is-success.is-inverted:hover {
  background-color: #f2f2f2
}

.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #48c78e
}

.button.is-success.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-success.is-outlined {
  background-color: transparent;
  border-color: #48c78e;
  color: #48c78e
}

.button.is-success.is-outlined.is-focused,
.button.is-success.is-outlined.is-hovered,
.button.is-success.is-outlined:focus,
.button.is-success.is-outlined:hover {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff
}

.button.is-success.is-outlined.is-loading:after {
  border-color: transparent transparent #48c78e #48c78e !important
}

.button.is-success.is-outlined.is-loading.is-focused:after,
.button.is-success.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-outlined.is-loading:focus:after,
.button.is-success.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: #48c78e;
  box-shadow: none;
  color: #48c78e
}

.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.button.is-success.is-inverted.is-outlined.is-focused,
.button.is-success.is-inverted.is-outlined.is-hovered,
.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined:hover {
  background-color: #fff;
  color: #48c78e
}

.button.is-success.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-success.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-success.is-inverted.is-outlined.is-loading:focus:after,
.button.is-success.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #48c78e #48c78e !important
}

.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff
}

.button.is-success.is-light {
  background-color: #effaf5;
  color: #257953
}

.button.is-success.is-light.is-hovered,
.button.is-success.is-light:hover {
  background-color: #e6f7ef;
  border-color: transparent;
  color: #257953
}

.button.is-success.is-light.is-active,
.button.is-success.is-light:active {
  background-color: #dcf4e9;
  border-color: transparent;
  color: #257953
}

.button.is-warning {
  background-color: #ffc740;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-hovered,
.button.is-warning:hover {
  background-color: #ffc333;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-focused,
.button.is-warning:focus {
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-focused:not(:active),
.button.is-warning:focus:not(:active) {
  box-shadow: 0 0 0 .125em rgba(255, 199, 64, .25)
}

.button.is-warning.is-active,
.button.is-warning:active {
  background-color: #ffc027;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
  background-color: #ffc740;
  border-color: #ffc740;
  box-shadow: none
}

.button.is-warning.is-inverted {
  color: #ffc740
}

.button.is-warning.is-inverted,
.button.is-warning.is-inverted.is-hovered,
.button.is-warning.is-inverted:hover {
  background-color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, .7);
  border-color: transparent;
  box-shadow: none;
  color: #ffc740
}

.button.is-warning.is-loading:after {
  border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffc740;
  color: #ffc740
}

.button.is-warning.is-outlined.is-focused,
.button.is-warning.is-outlined.is-hovered,
.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined:hover {
  background-color: #ffc740;
  border-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-outlined.is-loading:after {
  border-color: transparent transparent #ffc740 #ffc740 !important
}

.button.is-warning.is-outlined.is-loading.is-focused:after,
.button.is-warning.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-outlined.is-loading:focus:after,
.button.is-warning.is-outlined.is-loading:hover:after {
  border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important
}

.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #ffc740;
  box-shadow: none;
  color: #ffc740
}

.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, .7);
  color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-inverted.is-outlined.is-focused,
.button.is-warning.is-inverted.is-outlined.is-hovered,
.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined:hover {
  background-color: rgba(0, 0, 0, .7);
  color: #ffc740
}

.button.is-warning.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-warning.is-inverted.is-outlined.is-loading:focus:after,
.button.is-warning.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #ffc740 #ffc740 !important
}

.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, .7);
  box-shadow: none;
  color: rgba(0, 0, 0, .7)
}

.button.is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00
}

.button.is-warning.is-light.is-hovered,
.button.is-warning.is-light:hover {
  background-color: #fff6de;
  border-color: transparent;
  color: #946c00
}

.button.is-warning.is-light.is-active,
.button.is-warning.is-light:active {
  background-color: #fff3d1;
  border-color: transparent;
  color: #946c00
}

.button.is-danger {
  background-color: #f14668;
  border-color: transparent;
  color: #fff
}

.button.is-danger.is-hovered,
.button.is-danger:hover {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff
}

.button.is-danger.is-focused,
.button.is-danger:focus {
  border-color: transparent;
  color: #fff
}

.button.is-danger.is-focused:not(:active),
.button.is-danger:focus:not(:active) {
  box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.button.is-danger.is-active,
.button.is-danger:active {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff
}

.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  box-shadow: none
}

.button.is-danger.is-inverted {
  background-color: #fff;
  color: #f14668
}

.button.is-danger.is-inverted.is-hovered,
.button.is-danger.is-inverted:hover {
  background-color: #f2f2f2
}

.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #f14668
}

.button.is-danger.is-loading:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #f14668;
  color: #f14668
}

.button.is-danger.is-outlined.is-focused,
.button.is-danger.is-outlined.is-hovered,
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined:hover {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff
}

.button.is-danger.is-outlined.is-loading:after {
  border-color: transparent transparent #f14668 #f14668 !important
}

.button.is-danger.is-outlined.is-loading.is-focused:after,
.button.is-danger.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-outlined.is-loading:focus:after,
.button.is-danger.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #fff #fff !important
}

.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #f14668;
  box-shadow: none;
  color: #f14668
}

.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.button.is-danger.is-inverted.is-outlined.is-focused,
.button.is-danger.is-inverted.is-outlined.is-hovered,
.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined:hover {
  background-color: #fff;
  color: #f14668
}

.button.is-danger.is-inverted.is-outlined.is-loading.is-focused:after,
.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered:after,
.button.is-danger.is-inverted.is-outlined.is-loading:focus:after,
.button.is-danger.is-inverted.is-outlined.is-loading:hover:after {
  border-color: transparent transparent #f14668 #f14668 !important
}

.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff
}

.button.is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35
}

.button.is-danger.is-light.is-hovered,
.button.is-danger.is-light:hover {
  background-color: #fde0e6;
  border-color: transparent;
  color: #cc0f35
}

.button.is-danger.is-light.is-active,
.button.is-danger.is-light:active {
  background-color: #fcd4dc;
  border-color: transparent;
  color: #cc0f35
}

.button.is-small {
  font-size: .75rem
}

.button.is-small:not(.is-rounded) {
  border-radius: 2px
}

.button.is-normal {
  font-size: 1rem
}

.button.is-medium {
  font-size: 1.25rem
}

.button.is-large {
  font-size: 1.5rem
}

.button[disabled],
fieldset[disabled] .button {
  background-color: #fff;
  border-color: #dbdbdb;
  box-shadow: none;
  opacity: .5
}

.button.is-fullwidth {
  display: flex;
  width: 100%
}

.button.is-loading {
  color: transparent !important;
  pointer-events: none
}

.button.is-loading:after {
  left: calc(50% - .5em);
  position: absolute !important;
  position: absolute;
  top: calc(50% - .5em)
}

.button.is-static {
  background-color: #f5f5f5;
  border-color: #dbdbdb;
  box-shadow: none;
  color: #7a7a7a;
  pointer-events: none
}

.button.is-rounded {
  border-radius: 9999px;
  padding-left: 1.25em;
  padding-right: 1.25em
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.buttons .button {
  margin-bottom: .5rem
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: .5rem
}

.buttons:last-child {
  margin-bottom: -.5rem
}

.buttons:not(:last-child) {
  margin-bottom: 1rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: .75rem
}

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: 2px
}

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem
}

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem
}

.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px
}

.buttons.has-addons .button:last-child {
  margin-right: 0
}

.buttons.has-addons .button.is-hovered,
.buttons.has-addons .button:hover {
  z-index: 2
}

.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button.is-selected,
.buttons.has-addons .button:active,
.buttons.has-addons .button:focus {
  z-index: 3
}

.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button.is-selected:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button:focus:hover {
  z-index: 4
}

.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1
}

.buttons.is-centered {
  justify-content: center
}

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: .25rem;
  margin-right: .25rem
}

.buttons.is-right {
  justify-content: flex-end
}

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: .25rem;
  margin-right: .25rem
}

@media screen and (max-width:768px) {
  .button.is-responsive.is-small {
    font-size: .5625rem
  }

  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: .65625rem
  }

  .button.is-responsive.is-medium {
    font-size: .75rem
  }

  .button.is-responsive.is-large {
    font-size: 1rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .button.is-responsive.is-small {
    font-size: .65625rem
  }

  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: .75rem
  }

  .button.is-responsive.is-medium {
    font-size: 1rem
  }

  .button.is-responsive.is-large {
    font-size: 1.25rem
  }
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto
}

.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%
}

@media screen and (min-width:1024px) {
  .container {
    max-width: 960px
  }
}

@media screen and (max-width:1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px
  }
}

@media screen and (max-width:1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px
  }
}

@media screen and (min-width:1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px
  }
}

@media screen and (min-width:1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px
  }
}

.content li+li {
  margin-top: .25em
}

.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
  margin-bottom: 1em
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: #363636;
  font-weight: 600;
  line-height: 1.125
}

.content h1 {
  font-size: 2em;
  margin-bottom: .5em
}

.content h1:not(:first-child) {
  margin-top: 1em
}

.content h2 {
  font-size: 1.75em;
  margin-bottom: .5714em
}

.content h2:not(:first-child) {
  margin-top: 1.1428em
}

.content h3 {
  font-size: 1.5em;
  margin-bottom: .6666em
}

.content h3:not(:first-child) {
  margin-top: 1.3333em
}

.content h4 {
  font-size: 1.25em;
  margin-bottom: .8em
}

.content h5 {
  font-size: 1.125em;
  margin-bottom: .8888em
}

.content h6 {
  font-size: 1em;
  margin-bottom: 1em
}

.content blockquote {
  background-color: #f5f5f5;
  border-left: 5px solid #dbdbdb;
  padding: 1.25em 1.5em
}

.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em
}

.content ol:not([type]) {
  list-style-type: decimal
}

.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha
}

.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman
}

.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha
}

.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman
}

.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em
}

.content ul ul {
  list-style-type: circle;
  margin-top: .5em
}

.content ul ul ul {
  list-style-type: square
}

.content dd {
  margin-left: 2em
}

.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center
}

.content figure:not(:first-child) {
  margin-top: 2em
}

.content figure:not(:last-child) {
  margin-bottom: 2em
}

.content figure img {
  display: inline-block
}

.content figure figcaption {
  font-style: italic
}

.content pre {
  -webkit-overflow-scrolling: touch;
  word-wrap: normal;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre
}

.content sub,
.content sup {
  font-size: 75%
}

.content table {
  width: 100%
}

.content table td,
.content table th {
  border: solid #dbdbdb;
  border-width: 0 0 1px;
  padding: .5em .75em;
  vertical-align: top
}

.content table th {
  color: #363636
}

.content table th:not([align]) {
  text-align: inherit
}

.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: #363636
}

.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: #363636
}

.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0
}

.content .tabs li+li {
  margin-top: 0
}

.content.is-small {
  font-size: .75rem
}

.content.is-normal {
  font-size: 1rem
}

.content.is-medium {
  font-size: 1.25rem
}

.content.is-large {
  font-size: 1.5rem
}

.icon {
  align-items: center;
  display: inline-flex;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem
}

.icon.is-small {
  height: 1rem;
  width: 1rem
}

.icon.is-medium {
  height: 2rem;
  width: 2rem
}

.icon.is-large {
  height: 3rem;
  width: 3rem
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top
}

.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0
}

.icon-text .icon:not(:last-child) {
  margin-right: .25em
}

.icon-text .icon:not(:first-child) {
  margin-left: .25em
}

div.icon-text {
  display: flex
}

.image {
  display: block;
  position: relative
}

.image img {
  display: block;
  height: auto;
  width: 100%
}

.image img.is-rounded {
  border-radius: 9999px
}

.image.is-fullwidth {
  width: 100%
}

.image.is-16by9 .has-ratio,
.image.is-16by9 img,
.image.is-1by1 .has-ratio,
.image.is-1by1 img,
.image.is-1by2 .has-ratio,
.image.is-1by2 img,
.image.is-1by3 .has-ratio,
.image.is-1by3 img,
.image.is-2by1 .has-ratio,
.image.is-2by1 img,
.image.is-2by3 .has-ratio,
.image.is-2by3 img,
.image.is-3by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by2 .has-ratio,
.image.is-3by2 img,
.image.is-3by4 .has-ratio,
.image.is-3by4 img,
.image.is-3by5 .has-ratio,
.image.is-3by5 img,
.image.is-4by3 .has-ratio,
.image.is-4by3 img,
.image.is-4by5 .has-ratio,
.image.is-4by5 img,
.image.is-5by3 .has-ratio,
.image.is-5by3 img,
.image.is-5by4 .has-ratio,
.image.is-5by4 img,
.image.is-9by16 .has-ratio,
.image.is-9by16 img,
.image.is-square .has-ratio,
.image.is-square img {
  height: 100%;
  width: 100%
}

.image.is-1by1,
.image.is-square {
  padding-top: 100%
}

.image.is-5by4 {
  padding-top: 80%
}

.image.is-4by3 {
  padding-top: 75%
}

.image.is-3by2 {
  padding-top: 66.6666%
}

.image.is-5by3 {
  padding-top: 60%
}

.image.is-16by9 {
  padding-top: 56.25%
}

.image.is-2by1 {
  padding-top: 50%
}

.image.is-3by1 {
  padding-top: 33.3333%
}

.image.is-4by5 {
  padding-top: 125%
}

.image.is-3by4 {
  padding-top: 133.3333%
}

.image.is-2by3 {
  padding-top: 150%
}

.image.is-3by5 {
  padding-top: 166.6666%
}

.image.is-9by16 {
  padding-top: 177.7777%
}

.image.is-1by2 {
  padding-top: 200%
}

.image.is-1by3 {
  padding-top: 300%
}

.image.is-16x16 {
  height: 16px;
  width: 16px
}

.image.is-24x24 {
  height: 24px;
  width: 24px
}

.image.is-32x32 {
  height: 32px;
  width: 32px
}

.image.is-48x48 {
  height: 48px;
  width: 48px
}

.image.is-64x64 {
  height: 64px;
  width: 64px
}

.image.is-96x96 {
  height: 96px;
  width: 96px
}

.image.is-128x128 {
  height: 128px;
  width: 128px
}

.notification {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: relative
}

.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.notification strong {
  color: currentColor
}

.notification code,
.notification pre {
  background: #fff
}

.notification pre code {
  background: transparent
}

.notification>.delete {
  position: absolute;
  right: .5rem;
  top: .5rem
}

.notification .content,
.notification .subtitle,
.notification .title {
  color: currentColor
}

.notification.is-white {
  background-color: #fff;
  color: #0a0a0a
}

.notification.is-black {
  background-color: #0a0a0a;
  color: #fff
}

.notification.is-light {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.notification.is-dark {
  background-color: #363636;
  color: #fff
}

.notification.is-primary {
  background-color: #8f4475;
  color: #fff
}

.notification.is-primary.is-light {
  background-color: #f8f1f6;
  color: #a9518b
}

.notification.is-link {
  background-color: #485fc7;
  color: #fff
}

.notification.is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7
}

.notification.is-info {
  background-color: #3e8ed0;
  color: #fff
}

.notification.is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8
}

.notification.is-success {
  background-color: #48c78e;
  color: #fff
}

.notification.is-success.is-light {
  background-color: #effaf5;
  color: #257953
}

.notification.is-warning {
  background-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.notification.is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00
}

.notification.is-danger {
  background-color: #f14668;
  color: #fff
}

.notification.is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35
}

.progress,
.progress-wrapper.is-not-native {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.progress-wrapper.is-not-native::-webkit-progress-bar,
.progress::-webkit-progress-bar {
  background-color: #dbdcdf
}

.progress-wrapper.is-not-native::-webkit-progress-value,
.progress::-webkit-progress-value {
  background-color: #4a4a4a
}

.progress-wrapper.is-not-native::-moz-progress-bar,
.progress::-moz-progress-bar {
  background-color: #4a4a4a
}

.progress-wrapper.is-not-native::-ms-fill,
.progress::-ms-fill {
  background-color: #4a4a4a;
  border: none
}

.is-white.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-white::-webkit-progress-value {
  background-color: #fff
}

.is-white.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-white::-moz-progress-bar {
  background-color: #fff
}

.is-white.progress-wrapper.is-not-native::-ms-fill,
.progress.is-white::-ms-fill {
  background-color: #fff
}

.is-white.progress-wrapper.is-not-native:indeterminate,
.progress.is-white:indeterminate {
  background-image: linear-gradient(90deg, #fff 30%, #dbdcdf 0)
}

.is-black.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-black::-webkit-progress-value {
  background-color: #0a0a0a
}

.is-black.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-black::-moz-progress-bar {
  background-color: #0a0a0a
}

.is-black.progress-wrapper.is-not-native::-ms-fill,
.progress.is-black::-ms-fill {
  background-color: #0a0a0a
}

.is-black.progress-wrapper.is-not-native:indeterminate,
.progress.is-black:indeterminate {
  background-image: linear-gradient(90deg, #0a0a0a 30%, #dbdcdf 0)
}

.is-light.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-light::-webkit-progress-value {
  background-color: #f5f5f5
}

.is-light.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-light::-moz-progress-bar {
  background-color: #f5f5f5
}

.is-light.progress-wrapper.is-not-native::-ms-fill,
.progress.is-light::-ms-fill {
  background-color: #f5f5f5
}

.is-light.progress-wrapper.is-not-native:indeterminate,
.progress.is-light:indeterminate {
  background-image: linear-gradient(90deg, #f5f5f5 30%, #dbdcdf 0)
}

.is-dark.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-dark::-webkit-progress-value {
  background-color: #363636
}

.is-dark.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-dark::-moz-progress-bar {
  background-color: #363636
}

.is-dark.progress-wrapper.is-not-native::-ms-fill,
.progress.is-dark::-ms-fill {
  background-color: #363636
}

.is-dark.progress-wrapper.is-not-native:indeterminate,
.progress.is-dark:indeterminate {
  background-image: linear-gradient(90deg, #363636 30%, #dbdcdf 0)
}

.is-primary.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-primary::-webkit-progress-value {
  background-color: #8f4475
}

.is-primary.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-primary::-moz-progress-bar {
  background-color: #8f4475
}

.is-primary.progress-wrapper.is-not-native::-ms-fill,
.progress.is-primary::-ms-fill {
  background-color: #8f4475
}

.is-primary.progress-wrapper.is-not-native:indeterminate,
.progress.is-primary:indeterminate {
  background-image: linear-gradient(90deg, #8f4475 30%, #dbdcdf 0)
}

.is-link.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-link::-webkit-progress-value {
  background-color: #485fc7
}

.is-link.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-link::-moz-progress-bar {
  background-color: #485fc7
}

.is-link.progress-wrapper.is-not-native::-ms-fill,
.progress.is-link::-ms-fill {
  background-color: #485fc7
}

.is-link.progress-wrapper.is-not-native:indeterminate,
.progress.is-link:indeterminate {
  background-image: linear-gradient(90deg, #485fc7 30%, #dbdcdf 0)
}

.is-info.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-info::-webkit-progress-value {
  background-color: #3e8ed0
}

.is-info.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-info::-moz-progress-bar {
  background-color: #3e8ed0
}

.is-info.progress-wrapper.is-not-native::-ms-fill,
.progress.is-info::-ms-fill {
  background-color: #3e8ed0
}

.is-info.progress-wrapper.is-not-native:indeterminate,
.progress.is-info:indeterminate {
  background-image: linear-gradient(90deg, #3e8ed0 30%, #dbdcdf 0)
}

.is-success.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-success::-webkit-progress-value {
  background-color: #48c78e
}

.is-success.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-success::-moz-progress-bar {
  background-color: #48c78e
}

.is-success.progress-wrapper.is-not-native::-ms-fill,
.progress.is-success::-ms-fill {
  background-color: #48c78e
}

.is-success.progress-wrapper.is-not-native:indeterminate,
.progress.is-success:indeterminate {
  background-image: linear-gradient(90deg, #48c78e 30%, #dbdcdf 0)
}

.is-warning.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-warning::-webkit-progress-value {
  background-color: #ffc740
}

.is-warning.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-warning::-moz-progress-bar {
  background-color: #ffc740
}

.is-warning.progress-wrapper.is-not-native::-ms-fill,
.progress.is-warning::-ms-fill {
  background-color: #ffc740
}

.is-warning.progress-wrapper.is-not-native:indeterminate,
.progress.is-warning:indeterminate {
  background-image: linear-gradient(90deg, #ffc740 30%, #dbdcdf 0)
}

.is-danger.progress-wrapper.is-not-native::-webkit-progress-value,
.progress.is-danger::-webkit-progress-value {
  background-color: #f14668
}

.is-danger.progress-wrapper.is-not-native::-moz-progress-bar,
.progress.is-danger::-moz-progress-bar {
  background-color: #f14668
}

.is-danger.progress-wrapper.is-not-native::-ms-fill,
.progress.is-danger::-ms-fill {
  background-color: #f14668
}

.is-danger.progress-wrapper.is-not-native:indeterminate,
.progress.is-danger:indeterminate {
  background-image: linear-gradient(90deg, #f14668 30%, #dbdcdf 0)
}

.progress-wrapper.is-not-native:indeterminate,
.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: #dbdcdf;
  background-image: linear-gradient(90deg, #4a4a4a 30%, #dbdcdf 0);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 150% 150%
}

.progress-wrapper.is-not-native:indeterminate::-webkit-progress-bar,
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent
}

.progress-wrapper.is-not-native:indeterminate::-moz-progress-bar,
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent
}

.progress-wrapper.is-not-native:indeterminate::-ms-fill,
.progress:indeterminate::-ms-fill {
  animation-name: none
}

.is-small.progress-wrapper.is-not-native,
.progress.is-small {
  height: .75rem
}

.is-medium.progress-wrapper.is-not-native,
.progress.is-medium {
  height: 1.25rem
}

.is-large.progress-wrapper.is-not-native,
.progress.is-large {
  height: 1.5rem
}

@keyframes moveIndeterminate {
  0% {
    background-position: 200% 0
  }

  to {
    background-position: -200% 0
  }
}

.table {
  background-color: #fff;
  color: #363636
}

.table td,
.table th {
  border: solid #dbdbdb;
  border-width: 0 0 1px;
  padding: .5em .75em;
  vertical-align: top
}

.table td.is-white,
.table th.is-white {
  background-color: #fff;
  border-color: #fff;
  color: #0a0a0a
}

.table td.is-black,
.table th.is-black {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: #fff
}

.table td.is-light,
.table th.is-light {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.table td.is-dark,
.table th.is-dark {
  background-color: #363636;
  border-color: #363636;
  color: #fff
}

.table td.is-primary,
.table th.is-primary {
  background-color: #8f4475;
  border-color: #8f4475;
  color: #fff
}

.table td.is-link,
.table th.is-link {
  background-color: #485fc7;
  border-color: #485fc7;
  color: #fff
}

.table td.is-info,
.table th.is-info {
  background-color: #3e8ed0;
  border-color: #3e8ed0;
  color: #fff
}

.table td.is-success,
.table th.is-success {
  background-color: #48c78e;
  border-color: #48c78e;
  color: #fff
}

.table td.is-warning,
.table th.is-warning {
  background-color: #ffc740;
  border-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.table td.is-danger,
.table th.is-danger {
  background-color: #f14668;
  border-color: #f14668;
  color: #fff
}

.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%
}

.table td.is-selected,
.table th.is-selected {
  background-color: #8f4475;
  color: #fff
}

.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor
}

.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle
}

.table th {
  color: #363636
}

.table th:not([align]) {
  text-align: left
}

.table tr.is-selected {
  background-color: #8f4475;
  color: #fff
}

.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor
}

.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor
}

.table thead {
  background-color: transparent
}

.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: #363636
}

.table tfoot {
  background-color: transparent
}

.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: #363636
}

.table tbody {
  background-color: transparent
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0
}

.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px
}

.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px
}

.table.is-fullwidth {
  width: 100%
}

.table.is-hoverable tbody tr:not(.is-selected):hover,
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fafafa
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
  background-color: #f5f5f5
}

.table.is-narrow td,
.table.is-narrow th {
  padding: .25em .5em
}

.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
  background-color: #fafafa
}

.table-container {
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  overflow: auto;
  overflow-y: hidden
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.tags .tag {
  margin-bottom: .5rem
}

.tags .tag:not(:last-child) {
  margin-right: .5rem
}

.tags:last-child {
  margin-bottom: -.5rem
}

.tags:not(:last-child) {
  margin-bottom: 1rem
}

.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem
}

.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem
}

.tags.is-centered {
  justify-content: center
}

.tags.is-centered .tag {
  margin-left: .25rem;
  margin-right: .25rem
}

.tags.is-right {
  justify-content: flex-end
}

.tags.is-right .tag:not(:first-child) {
  margin-left: .5rem
}

.tags.has-addons .tag,
.tags.is-right .tag:not(:last-child) {
  margin-right: 0
}

.tags.has-addons .tag:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0
}

.tags.has-addons .tag:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.tag:not(body) {
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #4a4a4a;
  display: inline-flex;
  font-size: .75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: .75em;
  padding-right: .75em;
  white-space: nowrap
}

.tag:not(body) .delete {
  margin-left: .25rem;
  margin-right: -.375rem
}

.tag:not(body).is-white {
  background-color: #fff;
  color: #0a0a0a
}

.tag:not(body).is-black {
  background-color: #0a0a0a;
  color: #fff
}

.tag:not(body).is-light {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-dark {
  background-color: #363636;
  color: #fff
}

.tag:not(body).is-primary {
  background-color: #8f4475;
  color: #fff
}

.tag:not(body).is-primary.is-light {
  background-color: #f8f1f6;
  color: #a9518b
}

.tag:not(body).is-link {
  background-color: #485fc7;
  color: #fff
}

.tag:not(body).is-link.is-light {
  background-color: #eff1fa;
  color: #3850b7
}

.tag:not(body).is-info {
  background-color: #3e8ed0;
  color: #fff
}

.tag:not(body).is-info.is-light {
  background-color: #eff5fb;
  color: #296fa8
}

.tag:not(body).is-success {
  background-color: #48c78e;
  color: #fff
}

.tag:not(body).is-success.is-light {
  background-color: #effaf5;
  color: #257953
}

.tag:not(body).is-warning {
  background-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.tag:not(body).is-warning.is-light {
  background-color: #fffaeb;
  color: #946c00
}

.tag:not(body).is-danger {
  background-color: #f14668;
  color: #fff
}

.tag:not(body).is-danger.is-light {
  background-color: #feecf0;
  color: #cc0f35
}

.tag:not(body).is-normal {
  font-size: .75rem
}

.tag:not(body).is-medium {
  font-size: 1rem
}

.tag:not(body).is-large {
  font-size: 1.25rem
}

.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -.375em;
  margin-right: .1875em
}

.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: .1875em;
  margin-right: -.375em
}

.tag:not(body) .icon:first-child:last-child {
  margin-left: -.375em;
  margin-right: -.375em
}

.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em
}

.tag:not(body).is-delete:after,
.tag:not(body).is-delete:before {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center
}

.tag:not(body).is-delete:before {
  height: 1px;
  width: 50%
}

.tag:not(body).is-delete:after {
  height: 50%;
  width: 1px
}

.tag:not(body).is-delete:focus,
.tag:not(body).is-delete:hover {
  background-color: #e8e8e8
}

.tag:not(body).is-delete:active {
  background-color: #dbdbdb
}

.tag:not(body).is-rounded {
  border-radius: 9999px
}

a.tag:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.subtitle,
.title {
  word-break: break-word
}

.subtitle em,
.subtitle span,
.title em,
.title span {
  font-weight: inherit
}

.subtitle sub,
.subtitle sup,
.title sub,
.title sup {
  font-size: .75em
}

.subtitle .tag,
.title .tag {
  vertical-align: middle
}

.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125
}

.title strong {
  color: inherit;
  font-weight: inherit
}

.title:not(.is-spaced)+.subtitle {
  margin-top: -1.25rem
}

.title.is-1 {
  font-size: 3rem
}

.title.is-2 {
  font-size: 2.5rem
}

.title.is-3 {
  font-size: 2rem
}

.title.is-4 {
  font-size: 1.5rem
}

.title.is-5 {
  font-size: 1.25rem
}

.title.is-6 {
  font-size: 1rem
}

.title.is-7 {
  font-size: .75rem
}

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25
}

.subtitle strong {
  color: #363636;
  font-weight: 600
}

.subtitle:not(.is-spaced)+.title {
  margin-top: -1.25rem
}

.subtitle.is-1 {
  font-size: 3rem
}

.subtitle.is-2 {
  font-size: 2.5rem
}

.subtitle.is-3 {
  font-size: 2rem
}

.subtitle.is-4 {
  font-size: 1.5rem
}

.subtitle.is-5 {
  font-size: 1.25rem
}

.subtitle.is-6 {
  font-size: 1rem
}

.subtitle.is-7 {
  font-size: .75rem
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase
}

.number {
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 9999px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: .25rem .5rem;
  text-align: center;
  vertical-align: top
}

.input,
.select select,
.taginput .taginput-container.is-focusable,
.textarea {
  background-color: #fff;
  border-color: #dbdbdb;
  border-radius: 4px;
  color: #363636
}

.input::-moz-placeholder,
.select select::-moz-placeholder,
.taginput .taginput-container.is-focusable::-moz-placeholder,
.textarea::-moz-placeholder {
  color: rgba(54, 54, 54, .3)
}

.input::-webkit-input-placeholder,
.select select::-webkit-input-placeholder,
.taginput .taginput-container.is-focusable::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  color: rgba(54, 54, 54, .3)
}

.input:-moz-placeholder,
.select select:-moz-placeholder,
.taginput .taginput-container.is-focusable:-moz-placeholder,
.textarea:-moz-placeholder {
  color: rgba(54, 54, 54, .3)
}

.input:-ms-input-placeholder,
.select select:-ms-input-placeholder,
.taginput .taginput-container.is-focusable:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
  color: rgba(54, 54, 54, .3)
}

.input:hover,
.is-hovered.input,
.is-hovered.textarea,
.select select.is-hovered,
.select select:hover,
.taginput .is-hovered.taginput-container.is-focusable,
.taginput .taginput-container.is-focusable:hover,
.textarea:hover {
  border-color: #b5b5b5
}

.input:active,
.input:focus,
.is-active.input,
.is-active.textarea,
.is-focused.input,
.is-focused.textarea,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.taginput .is-active.taginput-container.is-focusable,
.taginput .is-focused.taginput-container.is-focusable,
.taginput .taginput-container.is-focusable:active,
.taginput .taginput-container.is-focusable:focus,
.textarea:active,
.textarea:focus {
  border-color: #8f4475;
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.select fieldset[disabled] select,
.select select[disabled],
.taginput [disabled].taginput-container.is-focusable,
.taginput fieldset[disabled] .taginput-container.is-focusable,
[disabled].input,
[disabled].textarea,
fieldset[disabled] .input,
fieldset[disabled] .select select,
fieldset[disabled] .taginput .taginput-container.is-focusable,
fieldset[disabled] .textarea {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  box-shadow: none;
  color: #7a7a7a
}

.select fieldset[disabled] select::-moz-placeholder,
.select select[disabled]::-moz-placeholder,
.taginput [disabled].taginput-container.is-focusable::-moz-placeholder,
.taginput fieldset[disabled] .taginput-container.is-focusable::-moz-placeholder,
[disabled].input::-moz-placeholder,
[disabled].textarea::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
fieldset[disabled] .taginput .taginput-container.is-focusable::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
  color: hsla(0, 0%, 48%, .3)
}

.select fieldset[disabled] select::-webkit-input-placeholder,
.select select[disabled]::-webkit-input-placeholder,
.taginput [disabled].taginput-container.is-focusable::-webkit-input-placeholder,
.taginput fieldset[disabled] .taginput-container.is-focusable::-webkit-input-placeholder,
[disabled].input::-webkit-input-placeholder,
[disabled].textarea::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
fieldset[disabled] .taginput .taginput-container.is-focusable::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
  color: hsla(0, 0%, 48%, .3)
}

.select fieldset[disabled] select:-moz-placeholder,
.select select[disabled]:-moz-placeholder,
.taginput [disabled].taginput-container.is-focusable:-moz-placeholder,
.taginput fieldset[disabled] .taginput-container.is-focusable:-moz-placeholder,
[disabled].input:-moz-placeholder,
[disabled].textarea:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
fieldset[disabled] .taginput .taginput-container.is-focusable:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
  color: hsla(0, 0%, 48%, .3)
}

.select fieldset[disabled] select:-ms-input-placeholder,
.select select[disabled]:-ms-input-placeholder,
.taginput [disabled].taginput-container.is-focusable:-ms-input-placeholder,
.taginput fieldset[disabled] .taginput-container.is-focusable:-ms-input-placeholder,
[disabled].input:-ms-input-placeholder,
[disabled].textarea:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
fieldset[disabled] .taginput .taginput-container.is-focusable:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
  color: hsla(0, 0%, 48%, .3)
}

.input,
.taginput .taginput-container.is-focusable,
.textarea {
  box-shadow: inset 0 .0625em .125em hsla(0, 0%, 4%, .05);
  max-width: 100%;
  width: 100%
}

.taginput [readonly].taginput-container.is-focusable,
[readonly].input,
[readonly].textarea {
  box-shadow: none
}

.is-white.input,
.is-white.textarea,
.taginput .is-white.taginput-container.is-focusable {
  border-color: #fff
}

.is-white.input:active,
.is-white.input:focus,
.is-white.is-active.input,
.is-white.is-active.textarea,
.is-white.is-focused.input,
.is-white.is-focused.textarea,
.is-white.textarea:active,
.is-white.textarea:focus,
.taginput .is-white.is-active.taginput-container.is-focusable,
.taginput .is-white.is-focused.taginput-container.is-focusable,
.taginput .is-white.taginput-container.is-focusable:active,
.taginput .is-white.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

.is-black.input,
.is-black.textarea,
.taginput .is-black.taginput-container.is-focusable {
  border-color: #0a0a0a
}

.is-black.input:active,
.is-black.input:focus,
.is-black.is-active.input,
.is-black.is-active.textarea,
.is-black.is-focused.input,
.is-black.is-focused.textarea,
.is-black.textarea:active,
.is-black.textarea:focus,
.taginput .is-black.is-active.taginput-container.is-focusable,
.taginput .is-black.is-focused.taginput-container.is-focusable,
.taginput .is-black.taginput-container.is-focusable:active,
.taginput .is-black.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .25)
}

.is-light.input,
.is-light.textarea,
.taginput .is-light.taginput-container.is-focusable {
  border-color: #f5f5f5
}

.is-light.input:active,
.is-light.input:focus,
.is-light.is-active.input,
.is-light.is-active.textarea,
.is-light.is-focused.input,
.is-light.is-focused.textarea,
.is-light.textarea:active,
.is-light.textarea:focus,
.taginput .is-light.is-active.taginput-container.is-focusable,
.taginput .is-light.is-focused.taginput-container.is-focusable,
.taginput .is-light.taginput-container.is-focusable:active,
.taginput .is-light.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25)
}

.is-dark.input,
.is-dark.textarea,
.taginput .is-dark.taginput-container.is-focusable {
  border-color: #363636
}

.is-dark.input:active,
.is-dark.input:focus,
.is-dark.is-active.input,
.is-dark.is-active.textarea,
.is-dark.is-focused.input,
.is-dark.is-focused.textarea,
.is-dark.textarea:active,
.is-dark.textarea:focus,
.taginput .is-dark.is-active.taginput-container.is-focusable,
.taginput .is-dark.is-focused.taginput-container.is-focusable,
.taginput .is-dark.taginput-container.is-focusable:active,
.taginput .is-dark.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.is-primary.input,
.is-primary.textarea,
.taginput .is-primary.taginput-container.is-focusable {
  border-color: #8f4475
}

.is-primary.input:active,
.is-primary.input:focus,
.is-primary.is-active.input,
.is-primary.is-active.textarea,
.is-primary.is-focused.input,
.is-primary.is-focused.textarea,
.is-primary.textarea:active,
.is-primary.textarea:focus,
.taginput .is-primary.is-active.taginput-container.is-focusable,
.taginput .is-primary.is-focused.taginput-container.is-focusable,
.taginput .is-primary.taginput-container.is-focusable:active,
.taginput .is-primary.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.is-link.input,
.is-link.textarea,
.taginput .is-link.taginput-container.is-focusable {
  border-color: #485fc7
}

.is-link.input:active,
.is-link.input:focus,
.is-link.is-active.input,
.is-link.is-active.textarea,
.is-link.is-focused.input,
.is-link.is-focused.textarea,
.is-link.textarea:active,
.is-link.textarea:focus,
.taginput .is-link.is-active.taginput-container.is-focusable,
.taginput .is-link.is-focused.taginput-container.is-focusable,
.taginput .is-link.taginput-container.is-focusable:active,
.taginput .is-link.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.is-info.input,
.is-info.textarea,
.taginput .is-info.taginput-container.is-focusable {
  border-color: #3e8ed0
}

.is-info.input:active,
.is-info.input:focus,
.is-info.is-active.input,
.is-info.is-active.textarea,
.is-info.is-focused.input,
.is-info.is-focused.textarea,
.is-info.textarea:active,
.is-info.textarea:focus,
.taginput .is-info.is-active.taginput-container.is-focusable,
.taginput .is-info.is-focused.taginput-container.is-focusable,
.taginput .is-info.taginput-container.is-focusable:active,
.taginput .is-info.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.is-success.input,
.is-success.textarea,
.taginput .is-success.taginput-container.is-focusable {
  border-color: #48c78e
}

.is-success.input:active,
.is-success.input:focus,
.is-success.is-active.input,
.is-success.is-active.textarea,
.is-success.is-focused.input,
.is-success.is-focused.textarea,
.is-success.textarea:active,
.is-success.textarea:focus,
.taginput .is-success.is-active.taginput-container.is-focusable,
.taginput .is-success.is-focused.taginput-container.is-focusable,
.taginput .is-success.taginput-container.is-focusable:active,
.taginput .is-success.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.is-warning.input,
.is-warning.textarea,
.taginput .is-warning.taginput-container.is-focusable {
  border-color: #ffc740
}

.is-warning.input:active,
.is-warning.input:focus,
.is-warning.is-active.input,
.is-warning.is-active.textarea,
.is-warning.is-focused.input,
.is-warning.is-focused.textarea,
.is-warning.textarea:active,
.is-warning.textarea:focus,
.taginput .is-warning.is-active.taginput-container.is-focusable,
.taginput .is-warning.is-focused.taginput-container.is-focusable,
.taginput .is-warning.taginput-container.is-focusable:active,
.taginput .is-warning.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em rgba(255, 199, 64, .25)
}

.is-danger.input,
.is-danger.textarea,
.taginput .is-danger.taginput-container.is-focusable {
  border-color: #f14668
}

.is-danger.input:active,
.is-danger.input:focus,
.is-danger.is-active.input,
.is-danger.is-active.textarea,
.is-danger.is-focused.input,
.is-danger.is-focused.textarea,
.is-danger.textarea:active,
.is-danger.textarea:focus,
.taginput .is-danger.is-active.taginput-container.is-focusable,
.taginput .is-danger.is-focused.taginput-container.is-focusable,
.taginput .is-danger.taginput-container.is-focusable:active,
.taginput .is-danger.taginput-container.is-focusable:focus {
  box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.is-small.input,
.is-small.textarea,
.taginput .is-small.taginput-container.is-focusable {
  border-radius: 2px;
  font-size: .75rem
}

.is-medium.input,
.is-medium.textarea,
.taginput .is-medium.taginput-container.is-focusable {
  font-size: 1.25rem
}

.is-large.input,
.is-large.textarea,
.taginput .is-large.taginput-container.is-focusable {
  font-size: 1.5rem
}

.is-fullwidth.input,
.is-fullwidth.textarea,
.taginput .is-fullwidth.taginput-container.is-focusable {
  display: block;
  width: 100%
}

.is-inline.input,
.is-inline.textarea,
.taginput .is-inline.taginput-container.is-focusable {
  display: inline;
  width: auto
}

.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1.125em - 1px);
  padding-right: calc(1.125em - 1px)
}

.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(.75em - 1px);
  resize: vertical
}

.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em
}

.textarea[rows] {
  height: auto
}

.textarea.has-fixed-size {
  resize: none
}

.checkbox,
.radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative
}

.checkbox input,
.radio input {
  cursor: pointer
}

.checkbox:hover,
.radio:hover {
  color: #363636
}

.checkbox input[disabled],
.radio input[disabled],
[disabled].checkbox,
[disabled].radio,
fieldset[disabled] .checkbox,
fieldset[disabled] .radio {
  color: #7a7a7a;
  cursor: not-allowed
}

.radio+.radio {
  margin-left: .5em
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top
}

.select:not(.is-multiple) {
  height: 2.5em
}

.select:not(.is-multiple):not(.is-loading):after {
  border-color: #8f4475;
  right: 1.125em;
  z-index: 4
}

.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em
}

.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none
}

.select select::-ms-expand {
  display: none
}

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
  border-color: #f5f5f5
}

.select select:not([multiple]) {
  padding-right: 2.5em
}

.select select[multiple] {
  height: auto;
  padding: 0
}

.select select[multiple] option {
  padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover:after {
  border-color: #363636
}

.select.is-white select,
.select.is-white:not(:hover):after {
  border-color: #fff
}

.select.is-white select.is-hovered,
.select.is-white select:hover {
  border-color: #f2f2f2
}

.select.is-white select.is-active,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select:focus {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .25)
}

.select.is-black select,
.select.is-black:not(:hover):after {
  border-color: #0a0a0a
}

.select.is-black select.is-hovered,
.select.is-black select:hover {
  border-color: #000
}

.select.is-black select.is-active,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select:focus {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 4%, .25)
}

.select.is-light select,
.select.is-light:not(:hover):after {
  border-color: #f5f5f5
}

.select.is-light select.is-hovered,
.select.is-light select:hover {
  border-color: #e8e8e8
}

.select.is-light select.is-active,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select:focus {
  box-shadow: 0 0 0 .125em hsla(0, 0%, 96%, .25)
}

.select.is-dark select,
.select.is-dark:not(:hover):after {
  border-color: #363636
}

.select.is-dark select.is-hovered,
.select.is-dark select:hover {
  border-color: #292929
}

.select.is-dark select.is-active,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select:focus {
  box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.select.is-primary select,
.select.is-primary:not(:hover):after {
  border-color: #8f4475
}

.select.is-primary select.is-hovered,
.select.is-primary select:hover {
  border-color: #7e3c67
}

.select.is-primary select.is-active,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select:focus {
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.select.is-link select,
.select.is-link:not(:hover):after {
  border-color: #485fc7
}

.select.is-link select.is-hovered,
.select.is-link select:hover {
  border-color: #3a51bb
}

.select.is-link select.is-active,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select:focus {
  box-shadow: 0 0 0 .125em rgba(72, 95, 199, .25)
}

.select.is-info select,
.select.is-info:not(:hover):after {
  border-color: #3e8ed0
}

.select.is-info select.is-hovered,
.select.is-info select:hover {
  border-color: #3082c5
}

.select.is-info select.is-active,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select:focus {
  box-shadow: 0 0 0 .125em rgba(62, 142, 208, .25)
}

.select.is-success select,
.select.is-success:not(:hover):after {
  border-color: #48c78e
}

.select.is-success select.is-hovered,
.select.is-success select:hover {
  border-color: #3abb81
}

.select.is-success select.is-active,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select:focus {
  box-shadow: 0 0 0 .125em rgba(72, 199, 142, .25)
}

.select.is-warning select,
.select.is-warning:not(:hover):after {
  border-color: #ffc740
}

.select.is-warning select.is-hovered,
.select.is-warning select:hover {
  border-color: #ffc027
}

.select.is-warning select.is-active,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select:focus {
  box-shadow: 0 0 0 .125em rgba(255, 199, 64, .25)
}

.select.is-danger select,
.select.is-danger:not(:hover):after {
  border-color: #f14668
}

.select.is-danger select.is-hovered,
.select.is-danger select:hover {
  border-color: #ef2e55
}

.select.is-danger select.is-active,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select:focus {
  box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25)
}

.select.is-small {
  border-radius: 2px;
  font-size: .75rem
}

.select.is-medium {
  font-size: 1.25rem
}

.select.is-large {
  font-size: 1.5rem
}

.select.is-disabled:after {
  border-color: #7a7a7a !important;
  opacity: .5
}

.select.is-fullwidth,
.select.is-fullwidth select {
  width: 100%
}

.select.is-loading:after {
  margin-top: 0;
  position: absolute;
  right: .625em;
  top: .625em;
  transform: none
}

.select.is-loading.is-small:after {
  font-size: .75rem
}

.select.is-loading.is-medium:after {
  font-size: 1.25rem
}

.select.is-loading.is-large:after {
  font-size: 1.5rem
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative
}

.file.is-white .file-cta {
  background-color: #fff;
  border-color: transparent;
  color: #0a0a0a
}

.file.is-white.is-hovered .file-cta,
.file.is-white:hover .file-cta {
  background-color: #f9f9f9;
  border-color: transparent;
  color: #0a0a0a
}

.file.is-white.is-focused .file-cta,
.file.is-white:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em hsla(0, 0%, 100%, .25);
  color: #0a0a0a
}

.file.is-white.is-active .file-cta,
.file.is-white:active .file-cta {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #0a0a0a
}

.file.is-black .file-cta {
  background-color: #0a0a0a;
  border-color: transparent;
  color: #fff
}

.file.is-black.is-hovered .file-cta,
.file.is-black:hover .file-cta {
  background-color: #040404;
  border-color: transparent;
  color: #fff
}

.file.is-black.is-focused .file-cta,
.file.is-black:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em hsla(0, 0%, 4%, .25);
  color: #fff
}

.file.is-black.is-active .file-cta,
.file.is-black:active .file-cta {
  background-color: #000;
  border-color: transparent;
  color: #fff
}

.file.is-light .file-cta {
  background-color: #f5f5f5;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.file.is-light.is-hovered .file-cta,
.file.is-light:hover .file-cta {
  background-color: #eee;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.file.is-light.is-focused .file-cta,
.file.is-light:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em hsla(0, 0%, 96%, .25);
  color: rgba(0, 0, 0, .7)
}

.file.is-light.is-active .file-cta,
.file.is-light:active .file-cta {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.file.is-dark .file-cta {
  background-color: #363636;
  border-color: transparent;
  color: #fff
}

.file.is-dark.is-hovered .file-cta,
.file.is-dark:hover .file-cta {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff
}

.file.is-dark.is-focused .file-cta,
.file.is-dark:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
  color: #fff
}

.file.is-dark.is-active .file-cta,
.file.is-dark:active .file-cta {
  background-color: #292929;
  border-color: transparent;
  color: #fff
}

.file.is-primary .file-cta {
  background-color: #8f4475;
  border-color: transparent;
  color: #fff
}

.file.is-primary.is-hovered .file-cta,
.file.is-primary:hover .file-cta {
  background-color: #86406e;
  border-color: transparent;
  color: #fff
}

.file.is-primary.is-focused .file-cta,
.file.is-primary:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em rgba(143, 68, 117, .25);
  color: #fff
}

.file.is-primary.is-active .file-cta,
.file.is-primary:active .file-cta {
  background-color: #7e3c67;
  border-color: transparent;
  color: #fff
}

.file.is-link .file-cta {
  background-color: #485fc7;
  border-color: transparent;
  color: #fff
}

.file.is-link.is-hovered .file-cta,
.file.is-link:hover .file-cta {
  background-color: #3e56c4;
  border-color: transparent;
  color: #fff
}

.file.is-link.is-focused .file-cta,
.file.is-link:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em rgba(72, 95, 199, .25);
  color: #fff
}

.file.is-link.is-active .file-cta,
.file.is-link:active .file-cta {
  background-color: #3a51bb;
  border-color: transparent;
  color: #fff
}

.file.is-info .file-cta {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff
}

.file.is-info.is-hovered .file-cta,
.file.is-info:hover .file-cta {
  background-color: #3488ce;
  border-color: transparent;
  color: #fff
}

.file.is-info.is-focused .file-cta,
.file.is-info:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em rgba(62, 142, 208, .25);
  color: #fff
}

.file.is-info.is-active .file-cta,
.file.is-info:active .file-cta {
  background-color: #3082c5;
  border-color: transparent;
  color: #fff
}

.file.is-success .file-cta {
  background-color: #48c78e;
  border-color: transparent;
  color: #fff
}

.file.is-success.is-hovered .file-cta,
.file.is-success:hover .file-cta {
  background-color: #3ec487;
  border-color: transparent;
  color: #fff
}

.file.is-success.is-focused .file-cta,
.file.is-success:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em rgba(72, 199, 142, .25);
  color: #fff
}

.file.is-success.is-active .file-cta,
.file.is-success:active .file-cta {
  background-color: #3abb81;
  border-color: transparent;
  color: #fff
}

.file.is-warning .file-cta {
  background-color: #ffc740;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-hovered .file-cta,
.file.is-warning:hover .file-cta {
  background-color: #ffc333;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-focused .file-cta,
.file.is-warning:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em rgba(255, 199, 64, .25);
  color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-active .file-cta,
.file.is-warning:active .file-cta {
  background-color: #ffc027;
  border-color: transparent;
  color: rgba(0, 0, 0, .7)
}

.file.is-danger .file-cta {
  background-color: #f14668;
  border-color: transparent;
  color: #fff
}

.file.is-danger.is-hovered .file-cta,
.file.is-danger:hover .file-cta {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff
}

.file.is-danger.is-focused .file-cta,
.file.is-danger:focus .file-cta {
  border-color: transparent;
  box-shadow: 0 0 .5em rgba(241, 70, 104, .25);
  color: #fff
}

.file.is-danger.is-active .file-cta,
.file.is-danger:active .file-cta {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff
}

.file.is-small {
  font-size: .75rem
}

.file.is-normal {
  font-size: 1rem
}

.file.is-medium {
  font-size: 1.25rem
}

.file.is-medium .file-icon .fa {
  font-size: 21px
}

.file.is-large {
  font-size: 1.5rem
}

.file.is-large .file-icon .fa {
  font-size: 28px
}

.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.file.has-name.is-empty .file-cta {
  border-radius: 4px
}

.file.has-name.is-empty .file-name {
  display: none
}

.file.is-boxed .file-label {
  flex-direction: column
}

.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em
}

.file.is-boxed .file-name {
  border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em
}

.file.is-boxed .file-icon .fa {
  font-size: 21px
}

.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px
}

.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px
}

.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px
}

.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0
}

.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px
}

.file.is-centered {
  justify-content: center
}

.file.is-fullwidth .file-label {
  width: 100%
}

.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none
}

.file.is-right {
  justify-content: flex-end
}

.file.is-right .file-cta {
  border-radius: 0 4px 4px 0
}

.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1
}

.file-label {
  align-items: stretch;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  position: relative
}

.file-label:hover .file-cta {
  background-color: #eee;
  color: #363636
}

.file-label:hover .file-name {
  border-color: #d5d5d5
}

.file-label:active .file-cta {
  background-color: #e8e8e8;
  color: #363636
}

.file-label:active .file-name {
  border-color: #cfcfcf
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%
}

.file-cta,
.file-name {
  border-color: #dbdbdb;
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap
}

.file-cta {
  background-color: #f5f5f5;
  color: #4a4a4a
}

.file-name {
  border: 1px solid #dbdbdb;
  border-left-width: 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: .5em;
  width: 1em
}

.file-icon .fa {
  font-size: 14px
}

.label {
  color: #363636;
  display: block;
  font-size: 1rem;
  font-weight: 700
}

.label:not(:last-child) {
  margin-bottom: .5em
}

.label.is-small {
  font-size: .75rem
}

.label.is-medium {
  font-size: 1.25rem
}

.label.is-large {
  font-size: 1.5rem
}

.help {
  display: block;
  font-size: .75rem;
  margin-top: .25rem
}

.help.is-white {
  color: #fff
}

.help.is-black {
  color: #0a0a0a
}

.help.is-light {
  color: #f5f5f5
}

.help.is-dark {
  color: #363636
}

.help.is-primary {
  color: #8f4475
}

.help.is-link {
  color: #485fc7
}

.help.is-info {
  color: #3e8ed0
}

.help.is-success {
  color: #48c78e
}

.help.is-warning {
  color: #ffc740
}

.help.is-danger {
  color: #f14668
}

.field:not(:last-child) {
  margin-bottom: .75rem
}

.field.has-addons {
  display: flex;
  justify-content: flex-start
}

.field.has-addons .control:not(:last-child) {
  margin-right: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover {
  z-index: 2
}

.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]):focus {
  z-index: 3
}

.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover {
  z-index: 4
}

.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1
}

.field.has-addons.has-addons-centered {
  justify-content: center
}

.field.has-addons.has-addons-right {
  justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0
}

.field.is-grouped {
  display: flex;
  justify-content: flex-start
}

.field.is-grouped>.control {
  flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
  margin-bottom: 0;
  margin-right: .75rem
}

.field.is-grouped>.control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
  justify-content: center
}

.field.is-grouped.is-grouped-right {
  justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
  margin-bottom: .75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0
}

@media print,
screen and (min-width:769px) {
  .field.is-horizontal {
    display: flex
  }
}

.field-label .label {
  font-size: inherit
}

@media screen and (max-width:768px) {
  .field-label {
    margin-bottom: .5rem
  }
}

@media print,
screen and (min-width:769px) {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right
  }

  .field-label.is-small {
    font-size: .75rem;
    padding-top: .375em
  }

  .field-label.is-normal {
    padding-top: .375em
  }

  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: .375em
  }

  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: .375em
  }
}

.field-body .field .field {
  margin-bottom: 0
}

@media print,
screen and (min-width:769px) {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1
  }

  .field-body .field {
    margin-bottom: 0
  }

  .field-body>.field {
    flex-shrink: 1
  }

  .field-body>.field:not(.is-narrow) {
    flex-grow: 1
  }

  .field-body>.field:not(:last-child) {
    margin-right: .75rem
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
  color: #4a4a4a
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
  font-size: .75rem
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
  font-size: 1.25rem
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
  font-size: 1.5rem
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
  color: #dbdbdb;
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em
}

.control.has-icons-left .icon.is-left {
  left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em
}

.control.has-icons-right .icon.is-right {
  right: 0
}

.control.is-loading:after {
  position: absolute !important;
  right: .625em;
  top: .625em;
  z-index: 4
}

.control.is-loading.is-small:after {
  font-size: .75rem
}

.control.is-loading.is-medium:after {
  font-size: 1.25rem
}

.control.is-loading.is-large:after {
  font-size: 1.5rem
}

.breadcrumb {
  font-size: 1rem;
  white-space: nowrap
}

.breadcrumb a {
  align-items: center;
  color: #8f4475;
  display: flex;
  justify-content: center;
  padding: 0 .75em
}

.breadcrumb a:hover {
  color: #363636
}

.breadcrumb li {
  align-items: center;
  display: flex
}

.breadcrumb li:first-child a {
  padding-left: 0
}

.breadcrumb li.is-active a {
  color: #363636;
  cursor: default;
  pointer-events: none
}

.breadcrumb li+li:before {
  color: #b5b5b5;
  content: "/"
}

.breadcrumb ol,
.breadcrumb ul {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.breadcrumb .icon:first-child {
  margin-right: .5em
}

.breadcrumb .icon:last-child {
  margin-left: .5em
}

.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center
}

.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end
}

.breadcrumb.is-small {
  font-size: .75rem
}

.breadcrumb.is-medium {
  font-size: 1.25rem
}

.breadcrumb.is-large {
  font-size: 1.5rem
}

.breadcrumb.has-arrow-separator li+li:before {
  content: "→"
}

.breadcrumb.has-bullet-separator li+li:before {
  content: "•"
}

.breadcrumb.has-dot-separator li+li:before {
  content: "·"
}

.breadcrumb.has-succeeds-separator li+li:before {
  content: "≻"
}

.card {
  background-color: #fff;
  border-radius: .25rem;
  box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
  color: #4a4a4a;
  max-width: 100%;
  position: relative
}

.card-content:first-child,
.card-footer:first-child,
.card-header:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.card-content:last-child,
.card-footer:last-child,
.card-header:last-child {
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem
}

.card-header {
  align-items: stretch;
  background-color: transparent;
  box-shadow: 0 .125em .25em hsla(0, 0%, 4%, .1);
  display: flex
}

.card-header-title {
  align-items: center;
  color: #363636;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: .75rem 1rem
}

.card-header-icon,
.card-header-title.is-centered {
  justify-content: center
}

.card-header-icon {
  align-items: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: .75rem 1rem
}

.card-image {
  display: block;
  position: relative
}

.card-image:first-child img {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.card-image:last-child img {
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem
}

.card-content {
  padding: 1.5rem
}

.card-content,
.card-footer {
  background-color: transparent
}

.card-footer {
  align-items: stretch;
  border-top: 1px solid #ededed;
  display: flex
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: .75rem
}

.card-footer-item:not(:last-child) {
  border-right: 1px solid #ededed
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top
}

.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
  display: block
}

.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0
}

.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: 0;
  top: auto
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20
}

.dropdown-content {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
  padding-bottom: .5rem;
  padding-top: .5rem
}

.dropdown .dropdown-menu .has-link a,
.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: .875rem;
  line-height: 1.5;
  padding: .375rem 1rem;
  position: relative
}

.dropdown .dropdown-menu .has-link a,
a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%
}

.dropdown .dropdown-menu .has-link a:hover,
a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: #f5f5f5;
  color: #0a0a0a
}

.dropdown .dropdown-menu .has-link a.is-active,
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: #8f4475;
  color: #fff
}

.dropdown-divider {
  background-color: #ededed;
  border: none;
  display: block;
  height: 1px;
  margin: .5rem 0
}

.level {
  align-items: center;
  justify-content: space-between
}

.level code {
  border-radius: 4px
}

.level img {
  display: inline-block;
  vertical-align: top
}

.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex
}

.level.is-mobile .level-left+.level-right {
  margin-top: 0
}

.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: .75rem
}

.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1
}

@media print,
screen and (min-width:769px) {
  .level {
    display: flex
  }

  .level>.level-item:not(.is-narrow) {
    flex-grow: 1
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center
}

.level-item .subtitle,
.level-item .title {
  margin-bottom: 0
}

@media screen and (max-width:768px) {
  .level-item:not(:last-child) {
    margin-bottom: .75rem
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0
}

.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1
}

@media print,
screen and (min-width:769px) {

  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: .75rem
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start
}

@media screen and (max-width:768px) {
  .level-left+.level-right {
    margin-top: 1.5rem
  }
}

@media print,
screen and (min-width:769px) {
  .level-left {
    display: flex
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end
}

@media print,
screen and (min-width:769px) {
  .level-right {
    display: flex
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit
}

.media .content:not(:last-child) {
  margin-bottom: .75rem
}

.media .media {
  border-top: 1px solid hsla(0, 0%, 86%, .5);
  display: flex;
  padding-top: .75rem
}

.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: .5rem
}

.media .media .media {
  padding-top: .5rem
}

.media .media .media+.media {
  margin-top: .5rem
}

.media+.media {
  border-top: 1px solid hsla(0, 0%, 86%, .5);
  margin-top: 1rem;
  padding-top: 1rem
}

.media.is-large+.media {
  margin-top: 1.5rem;
  padding-top: 1.5rem
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0
}

.media-left {
  margin-right: 1rem
}

.media-right {
  margin-left: 1rem
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit
}

@media screen and (max-width:768px) {
  .media-content {
    overflow-x: auto
  }
}

.menu {
  font-size: 1rem
}

.menu.is-small {
  font-size: .75rem
}

.menu.is-medium {
  font-size: 1.25rem
}

.menu.is-large {
  font-size: 1.5rem
}

.menu-list {
  line-height: 1.25
}

.menu-list a {
  border-radius: 2px;
  color: #4a4a4a;
  display: block;
  padding: .5em .75em
}

.menu-list a:hover {
  background-color: #f5f5f5;
  color: #363636
}

.menu-list a.is-active {
  background-color: #8f4475;
  color: #fff
}

.menu-list li ul {
  border-left: 1px solid #dbdbdb;
  margin: .75em;
  padding-left: .75em
}

.menu-label {
  color: #7a7a7a;
  font-size: .75em;
  letter-spacing: .1em;
  text-transform: uppercase
}

.menu-label:not(:first-child) {
  margin-top: 1em
}

.menu-label:not(:last-child) {
  margin-bottom: 1em
}

.message {
  background-color: #f5f5f5;
  border-radius: 4px;
  font-size: 1rem
}

.message strong {
  color: currentColor
}

.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.message.is-small {
  font-size: .75rem
}

.message.is-medium {
  font-size: 1.25rem
}

.message.is-large {
  font-size: 1.5rem
}

.message.is-white {
  background-color: #fff
}

.message.is-white .message-header {
  background-color: #fff;
  color: #0a0a0a
}

.message.is-white .message-body {
  border-color: #fff
}

.message.is-black {
  background-color: #fafafa
}

.message.is-black .message-header {
  background-color: #0a0a0a;
  color: #fff
}

.message.is-black .message-body {
  border-color: #0a0a0a
}

.message.is-light {
  background-color: #fafafa
}

.message.is-light .message-header {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.message.is-light .message-body {
  border-color: #f5f5f5
}

.message.is-dark {
  background-color: #fafafa
}

.message.is-dark .message-header {
  background-color: #363636;
  color: #fff
}

.message.is-dark .message-body {
  border-color: #363636
}

.message.is-primary {
  background-color: #f8f1f6
}

.message.is-primary .message-header {
  background-color: #8f4475;
  color: #fff
}

.message.is-primary .message-body {
  border-color: #8f4475;
  color: #a9518b
}

.message.is-link {
  background-color: #eff1fa
}

.message.is-link .message-header {
  background-color: #485fc7;
  color: #fff
}

.message.is-link .message-body {
  border-color: #485fc7;
  color: #3850b7
}

.message.is-info {
  background-color: #eff5fb
}

.message.is-info .message-header {
  background-color: #3e8ed0;
  color: #fff
}

.message.is-info .message-body {
  border-color: #3e8ed0;
  color: #296fa8
}

.message.is-success {
  background-color: #effaf5
}

.message.is-success .message-header {
  background-color: #48c78e;
  color: #fff
}

.message.is-success .message-body {
  border-color: #48c78e;
  color: #257953
}

.message.is-warning {
  background-color: #fffaeb
}

.message.is-warning .message-header {
  background-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.message.is-warning .message-body {
  border-color: #ffc740;
  color: #946c00
}

.message.is-danger {
  background-color: #feecf0
}

.message.is-danger .message-header {
  background-color: #f14668;
  color: #fff
}

.message.is-danger .message-body {
  border-color: #f14668;
  color: #cc0f35
}

.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: .75em 1em;
  position: relative
}

.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: .75em
}

.message-header+.message-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-width: 0
}

.message-body {
  border: solid #dbdbdb;
  border-radius: 4px;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em
}

.message-body code,
.message-body pre {
  background-color: #fff
}

.message-body pre code {
  background-color: transparent
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40
}

.modal.is-active {
  display: flex
}

.modal-background {
  background-color: hsla(0, 0%, 4%, .86)
}

.modal-card,
.modal-content {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%
}

@media screen and (min-width:769px) {

  .modal-card,
  .modal-content {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px
  }
}

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible
}

.modal-card-foot,
.modal-card-head {
  align-items: center;
  background-color: #f5f5f5;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative
}

.modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.modal-card-title {
  color: #363636;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb
}

.modal-card-foot .button:not(:last-child) {
  margin-right: .5em
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px
}

.navbar {
  background-color: #fff;
  min-height: 3.25rem;
  position: relative;
  z-index: 30
}

.navbar.is-white {
  background-color: #fff;
  color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link,
.navbar.is-white .navbar-brand>.navbar-item {
  color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand>a.navbar-item.is-active,
.navbar.is-white .navbar-brand>a.navbar-item:focus,
.navbar.is-white .navbar-brand>a.navbar-item:hover {
  background-color: #f2f2f2;
  color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link:after {
  border-color: #0a0a0a
}

.navbar.is-white .navbar-burger {
  color: #0a0a0a
}

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

  .navbar.is-white .navbar-end .navbar-link,
  .navbar.is-white .navbar-end>.navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-start>.navbar-item {
    color: #0a0a0a
  }

  .navbar.is-white .navbar-end .navbar-link.is-active,
  .navbar.is-white .navbar-end .navbar-link:focus,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end>a.navbar-item.is-active,
  .navbar.is-white .navbar-end>a.navbar-item:focus,
  .navbar.is-white .navbar-end>a.navbar-item:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-start .navbar-link:focus,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start>a.navbar-item.is-active,
  .navbar.is-white .navbar-start>a.navbar-item:focus,
  .navbar.is-white .navbar-start>a.navbar-item:hover {
    background-color: #f2f2f2;
    color: #0a0a0a
  }

  .navbar.is-white .navbar-end .navbar-link:after,
  .navbar.is-white .navbar-start .navbar-link:after {
    border-color: #0a0a0a
  }

  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #f2f2f2;
    color: #0a0a0a
  }

  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: #fff;
    color: #0a0a0a
  }
}

.navbar.is-black {
  background-color: #0a0a0a;
  color: #fff
}

.navbar.is-black .navbar-brand .navbar-link,
.navbar.is-black .navbar-brand>.navbar-item {
  color: #fff
}

.navbar.is-black .navbar-brand .navbar-link.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand>a.navbar-item.is-active,
.navbar.is-black .navbar-brand>a.navbar-item:focus,
.navbar.is-black .navbar-brand>a.navbar-item:hover {
  background-color: #000;
  color: #fff
}

.navbar.is-black .navbar-brand .navbar-link:after {
  border-color: #fff
}

.navbar.is-black .navbar-burger {
  color: #fff
}

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

  .navbar.is-black .navbar-end .navbar-link,
  .navbar.is-black .navbar-end>.navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-start>.navbar-item {
    color: #fff
  }

  .navbar.is-black .navbar-end .navbar-link.is-active,
  .navbar.is-black .navbar-end .navbar-link:focus,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end>a.navbar-item.is-active,
  .navbar.is-black .navbar-end>a.navbar-item:focus,
  .navbar.is-black .navbar-end>a.navbar-item:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-start .navbar-link:focus,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start>a.navbar-item.is-active,
  .navbar.is-black .navbar-start>a.navbar-item:focus,
  .navbar.is-black .navbar-start>a.navbar-item:hover {
    background-color: #000;
    color: #fff
  }

  .navbar.is-black .navbar-end .navbar-link:after,
  .navbar.is-black .navbar-start .navbar-link:after {
    border-color: #fff
  }

  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #000;
    color: #fff
  }

  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: #0a0a0a;
    color: #fff
  }
}

.navbar.is-light {
  background-color: #f5f5f5
}

.navbar.is-light,
.navbar.is-light .navbar-brand .navbar-link,
.navbar.is-light .navbar-brand>.navbar-item {
  color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand>a.navbar-item.is-active,
.navbar.is-light .navbar-brand>a.navbar-item:focus,
.navbar.is-light .navbar-brand>a.navbar-item:hover {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link:after {
  border-color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, .7)
}

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

  .navbar.is-light .navbar-end .navbar-link,
  .navbar.is-light .navbar-end>.navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-start>.navbar-item {
    color: rgba(0, 0, 0, .7)
  }

  .navbar.is-light .navbar-end .navbar-link.is-active,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end>a.navbar-item.is-active,
  .navbar.is-light .navbar-end>a.navbar-item:focus,
  .navbar.is-light .navbar-end>a.navbar-item:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start>a.navbar-item.is-active,
  .navbar.is-light .navbar-start>a.navbar-item:focus,
  .navbar.is-light .navbar-start>a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
  }

  .navbar.is-light .navbar-end .navbar-link:after,
  .navbar.is-light .navbar-start .navbar-link:after {
    border-color: rgba(0, 0, 0, .7)
  }

  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
  }

  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
  }
}

.navbar.is-dark {
  background-color: #363636;
  color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link,
.navbar.is-dark .navbar-brand>.navbar-item {
  color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand>a.navbar-item.is-active,
.navbar.is-dark .navbar-brand>a.navbar-item:focus,
.navbar.is-dark .navbar-brand>a.navbar-item:hover {
  background-color: #292929;
  color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link:after {
  border-color: #fff
}

.navbar.is-dark .navbar-burger {
  color: #fff
}

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

  .navbar.is-dark .navbar-end .navbar-link,
  .navbar.is-dark .navbar-end>.navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-start>.navbar-item {
    color: #fff
  }

  .navbar.is-dark .navbar-end .navbar-link.is-active,
  .navbar.is-dark .navbar-end .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end>a.navbar-item.is-active,
  .navbar.is-dark .navbar-end>a.navbar-item:focus,
  .navbar.is-dark .navbar-end>a.navbar-item:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-start .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start>a.navbar-item.is-active,
  .navbar.is-dark .navbar-start>a.navbar-item:focus,
  .navbar.is-dark .navbar-start>a.navbar-item:hover {
    background-color: #292929;
    color: #fff
  }

  .navbar.is-dark .navbar-end .navbar-link:after,
  .navbar.is-dark .navbar-start .navbar-link:after {
    border-color: #fff
  }

  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #292929;
    color: #fff
  }

  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: #363636;
    color: #fff
  }
}

.navbar.is-primary {
  background-color: #8f4475;
  color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link,
.navbar.is-primary .navbar-brand>.navbar-item {
  color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand>a.navbar-item.is-active,
.navbar.is-primary .navbar-brand>a.navbar-item:focus,
.navbar.is-primary .navbar-brand>a.navbar-item:hover {
  background-color: #7e3c67;
  color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link:after {
  border-color: #fff
}

.navbar.is-primary .navbar-burger {
  color: #fff
}

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

  .navbar.is-primary .navbar-end .navbar-link,
  .navbar.is-primary .navbar-end>.navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-start>.navbar-item {
    color: #fff
  }

  .navbar.is-primary .navbar-end .navbar-link.is-active,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end>a.navbar-item.is-active,
  .navbar.is-primary .navbar-end>a.navbar-item:focus,
  .navbar.is-primary .navbar-end>a.navbar-item:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start>a.navbar-item.is-active,
  .navbar.is-primary .navbar-start>a.navbar-item:focus,
  .navbar.is-primary .navbar-start>a.navbar-item:hover {
    background-color: #7e3c67;
    color: #fff
  }

  .navbar.is-primary .navbar-end .navbar-link:after,
  .navbar.is-primary .navbar-start .navbar-link:after {
    border-color: #fff
  }

  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #7e3c67;
    color: #fff
  }

  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: #8f4475;
    color: #fff
  }
}

.navbar.is-link {
  background-color: #485fc7;
  color: #fff
}

.navbar.is-link .navbar-brand .navbar-link,
.navbar.is-link .navbar-brand>.navbar-item {
  color: #fff
}

.navbar.is-link .navbar-brand .navbar-link.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand>a.navbar-item.is-active,
.navbar.is-link .navbar-brand>a.navbar-item:focus,
.navbar.is-link .navbar-brand>a.navbar-item:hover {
  background-color: #3a51bb;
  color: #fff
}

.navbar.is-link .navbar-brand .navbar-link:after {
  border-color: #fff
}

.navbar.is-link .navbar-burger {
  color: #fff
}

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

  .navbar.is-link .navbar-end .navbar-link,
  .navbar.is-link .navbar-end>.navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-start>.navbar-item {
    color: #fff
  }

  .navbar.is-link .navbar-end .navbar-link.is-active,
  .navbar.is-link .navbar-end .navbar-link:focus,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end>a.navbar-item.is-active,
  .navbar.is-link .navbar-end>a.navbar-item:focus,
  .navbar.is-link .navbar-end>a.navbar-item:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-start .navbar-link:focus,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start>a.navbar-item.is-active,
  .navbar.is-link .navbar-start>a.navbar-item:focus,
  .navbar.is-link .navbar-start>a.navbar-item:hover {
    background-color: #3a51bb;
    color: #fff
  }

  .navbar.is-link .navbar-end .navbar-link:after,
  .navbar.is-link .navbar-start .navbar-link:after {
    border-color: #fff
  }

  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #3a51bb;
    color: #fff
  }

  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: #485fc7;
    color: #fff
  }
}

.navbar.is-info {
  background-color: #3e8ed0;
  color: #fff
}

.navbar.is-info .navbar-brand .navbar-link,
.navbar.is-info .navbar-brand>.navbar-item {
  color: #fff
}

.navbar.is-info .navbar-brand .navbar-link.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand>a.navbar-item.is-active,
.navbar.is-info .navbar-brand>a.navbar-item:focus,
.navbar.is-info .navbar-brand>a.navbar-item:hover {
  background-color: #3082c5;
  color: #fff
}

.navbar.is-info .navbar-brand .navbar-link:after {
  border-color: #fff
}

.navbar.is-info .navbar-burger {
  color: #fff
}

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

  .navbar.is-info .navbar-end .navbar-link,
  .navbar.is-info .navbar-end>.navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-start>.navbar-item {
    color: #fff
  }

  .navbar.is-info .navbar-end .navbar-link.is-active,
  .navbar.is-info .navbar-end .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end>a.navbar-item.is-active,
  .navbar.is-info .navbar-end>a.navbar-item:focus,
  .navbar.is-info .navbar-end>a.navbar-item:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-start .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start>a.navbar-item.is-active,
  .navbar.is-info .navbar-start>a.navbar-item:focus,
  .navbar.is-info .navbar-start>a.navbar-item:hover {
    background-color: #3082c5;
    color: #fff
  }

  .navbar.is-info .navbar-end .navbar-link:after,
  .navbar.is-info .navbar-start .navbar-link:after {
    border-color: #fff
  }

  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #3082c5;
    color: #fff
  }

  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: #3e8ed0;
    color: #fff
  }
}

.navbar.is-success {
  background-color: #48c78e;
  color: #fff
}

.navbar.is-success .navbar-brand .navbar-link,
.navbar.is-success .navbar-brand>.navbar-item {
  color: #fff
}

.navbar.is-success .navbar-brand .navbar-link.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand>a.navbar-item.is-active,
.navbar.is-success .navbar-brand>a.navbar-item:focus,
.navbar.is-success .navbar-brand>a.navbar-item:hover {
  background-color: #3abb81;
  color: #fff
}

.navbar.is-success .navbar-brand .navbar-link:after {
  border-color: #fff
}

.navbar.is-success .navbar-burger {
  color: #fff
}

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

  .navbar.is-success .navbar-end .navbar-link,
  .navbar.is-success .navbar-end>.navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-start>.navbar-item {
    color: #fff
  }

  .navbar.is-success .navbar-end .navbar-link.is-active,
  .navbar.is-success .navbar-end .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end>a.navbar-item.is-active,
  .navbar.is-success .navbar-end>a.navbar-item:focus,
  .navbar.is-success .navbar-end>a.navbar-item:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-start .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start>a.navbar-item.is-active,
  .navbar.is-success .navbar-start>a.navbar-item:focus,
  .navbar.is-success .navbar-start>a.navbar-item:hover {
    background-color: #3abb81;
    color: #fff
  }

  .navbar.is-success .navbar-end .navbar-link:after,
  .navbar.is-success .navbar-start .navbar-link:after {
    border-color: #fff
  }

  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #3abb81;
    color: #fff
  }

  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: #48c78e;
    color: #fff
  }
}

.navbar.is-warning {
  background-color: #ffc740
}

.navbar.is-warning,
.navbar.is-warning .navbar-brand .navbar-link,
.navbar.is-warning .navbar-brand>.navbar-item {
  color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand>a.navbar-item.is-active,
.navbar.is-warning .navbar-brand>a.navbar-item:focus,
.navbar.is-warning .navbar-brand>a.navbar-item:hover {
  background-color: #ffc027;
  color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link:after {
  border-color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-burger {
  color: rgba(0, 0, 0, .7)
}

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

  .navbar.is-warning .navbar-end .navbar-link,
  .navbar.is-warning .navbar-end>.navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-start>.navbar-item {
    color: rgba(0, 0, 0, .7)
  }

  .navbar.is-warning .navbar-end .navbar-link.is-active,
  .navbar.is-warning .navbar-end .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end>a.navbar-item.is-active,
  .navbar.is-warning .navbar-end>a.navbar-item:focus,
  .navbar.is-warning .navbar-end>a.navbar-item:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-start .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start>a.navbar-item.is-active,
  .navbar.is-warning .navbar-start>a.navbar-item:focus,
  .navbar.is-warning .navbar-start>a.navbar-item:hover {
    background-color: #ffc027;
    color: rgba(0, 0, 0, .7)
  }

  .navbar.is-warning .navbar-end .navbar-link:after,
  .navbar.is-warning .navbar-start .navbar-link:after {
    border-color: rgba(0, 0, 0, .7)
  }

  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #ffc027;
    color: rgba(0, 0, 0, .7)
  }

  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: #ffc740;
    color: rgba(0, 0, 0, .7)
  }
}

.navbar.is-danger {
  background-color: #f14668;
  color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link,
.navbar.is-danger .navbar-brand>.navbar-item {
  color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover {
  background-color: #ef2e55;
  color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link:after {
  border-color: #fff
}

.navbar.is-danger .navbar-burger {
  color: #fff
}

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

  .navbar.is-danger .navbar-end .navbar-link,
  .navbar.is-danger .navbar-end>.navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-start>.navbar-item {
    color: #fff
  }

  .navbar.is-danger .navbar-end .navbar-link.is-active,
  .navbar.is-danger .navbar-end .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end>a.navbar-item.is-active,
  .navbar.is-danger .navbar-end>a.navbar-item:focus,
  .navbar.is-danger .navbar-end>a.navbar-item:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-start .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start>a.navbar-item.is-active,
  .navbar.is-danger .navbar-start>a.navbar-item:focus,
  .navbar.is-danger .navbar-start>a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
  }

  .navbar.is-danger .navbar-end .navbar-link:after,
  .navbar.is-danger .navbar-start .navbar-link:after {
    border-color: #fff
  }

  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #ef2e55;
    color: #fff
  }

  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: #f14668;
    color: #fff
  }
}

.navbar>.container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%
}

.navbar.has-shadow {
  box-shadow: 0 2px 0 0 #f5f5f5
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30
}

.navbar.is-fixed-bottom {
  bottom: 0
}

.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 #f5f5f5
}

.navbar.is-fixed-top {
  top: 0
}

body.has-navbar-fixed-top,
html.has-navbar-fixed-top {
  padding-top: 3.25rem
}

body.has-navbar-fixed-bottom,
html.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem
}

.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
  background-color: transparent
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden
}

.navbar-burger {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: #4a4a4a;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  margin-left: auto;
  position: relative;
  width: 3.25rem
}

.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px
}

.navbar-burger span:first-child {
  top: calc(50% - 6px)
}

.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px)
}

.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px)
}

.navbar-burger:hover {
  background-color: rgba(0, 0, 0, .05)
}

.navbar-burger.is-active span:first-child {
  transform: translateY(5px) rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
  opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg)
}

.navbar-menu {
  display: none
}
.navbar-menu.is-active {
  display: flex; /* أو block أو flexbox حسب التصميم */
}

.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: .5rem .75rem;
  position: relative
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -.25rem;
  margin-right: -.25rem
}

.navbar-link,
a.navbar-item {
  cursor: pointer
}

.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
  background-color: #fafafa;
  color: #8f4475
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0
}

.navbar-item img {
  max-height: 1.75rem
}

.navbar-item.has-dropdown {
  padding: 0
}

.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1
}

.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(.5rem - 1px)
}

.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: #8f4475
}

.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom: 3px solid #8f4475;
  color: #8f4475;
  padding-bottom: calc(.5rem - 3px)
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em
}

.navbar-link:not(.is-arrowless):after {
  border-color: #8f4475;
  margin-top: -.375em;
  right: 1.125em
}

.navbar-dropdown {
  font-size: .875rem;
  padding-bottom: .5rem;
  padding-top: .5rem
}

.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.navbar-divider {
  background-color: #f5f5f5;
  border: none;
  display: none;
  height: 2px;
  margin: .5rem 0
}

@media screen and (max-width:1023px) {
  .navbar>.container {
    display: block
  }

  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex
  }

  .navbar-link:after {
    display: none
  }

  .navbar-menu {
    background-color: #fff;
    box-shadow: 0 8px 16px hsla(0, 0%, 4%, .1);
    padding: .5rem 0
  }

  .navbar-menu.is-active {
    display: block
  }

  .navbar.is-fixed-bottom-touch,
  .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
  }

  .navbar.is-fixed-bottom-touch {
    bottom: 0
  }

  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px hsla(0, 0%, 4%, .1)
  }

  .navbar.is-fixed-top-touch {
    top: 0
  }

  .navbar.is-fixed-top .navbar-menu,
  .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto
  }

  body.has-navbar-fixed-top-touch,
  html.has-navbar-fixed-top-touch {
    padding-top: 3.25rem
  }

  body.has-navbar-fixed-bottom-touch,
  html.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem
  }
}

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

  .navbar,
  .navbar-end,
  .navbar-menu,
  .navbar-start {
    align-items: stretch;
    display: flex
  }

  .navbar {
    min-height: 3.25rem
  }

  .navbar.is-spaced {
    padding: 1rem 2rem
  }

  .navbar.is-spaced .navbar-end,
  .navbar.is-spaced .navbar-start {
    align-items: center
  }

  .navbar.is-spaced .navbar-link,
  .navbar.is-spaced a.navbar-item {
    border-radius: 4px
  }

  .navbar.is-transparent .navbar-link.is-active,
  .navbar.is-transparent .navbar-link:focus,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent a.navbar-item:focus,
  .navbar.is-transparent a.navbar-item:hover {
    background-color: transparent !important
  }

  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
  .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
  .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important
  }

  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
  .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: #f5f5f5;
    color: #0a0a0a
  }

  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: #f5f5f5;
    color: #8f4475
  }

  .navbar-burger {
    display: none
  }

  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex
  }

  .navbar-item.has-dropdown {
    align-items: stretch
  }

  .navbar-item.has-dropdown-up .navbar-link:after {
    transform: rotate(135deg) translate(.25em, -.25em)
  }

  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid #dbdbdb;
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px hsla(0, 0%, 4%, .1);
    top: auto
  }

  .navbar-item.is-active .navbar-dropdown,
  .navbar-item.is-hoverable:focus .navbar-dropdown,
  .navbar-item.is-hoverable:focus-within .navbar-dropdown,
  .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block
  }

  .navbar-item.is-active .navbar-dropdown.is-boxed,
  .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
  .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
  .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed,
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
  .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
  .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
  .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
  }

  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0
  }

  .navbar-start {
    justify-content: flex-start;
    margin-right: auto
  }

  .navbar-end {
    justify-content: flex-end;
    margin-left: auto
  }

  .navbar-dropdown {
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px hsla(0, 0%, 4%, .1);
    display: none;
    font-size: .875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20
  }

  .navbar-dropdown .navbar-item {
    padding: .375rem 1rem;
    white-space: nowrap
  }

  .navbar-dropdown a.navbar-item {
    padding-right: 3rem
  }

  .navbar-dropdown a.navbar-item:focus,
  .navbar-dropdown a.navbar-item:hover {
    background-color: #f5f5f5;
    color: #0a0a0a
  }

  .navbar-dropdown a.navbar-item.is-active {
    background-color: #f5f5f5;
    color: #8f4475
  }

  .navbar-dropdown.is-boxed,
  .navbar.is-spaced .navbar-dropdown {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% - 4px);
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform
  }

  .navbar-dropdown.is-right {
    left: auto;
    right: 0
  }

  .navbar-divider {
    display: block
  }

  .container>.navbar .navbar-brand,
  .navbar>.container .navbar-brand {
    margin-left: -.75rem
  }

  .container>.navbar .navbar-menu,
  .navbar>.container .navbar-menu {
    margin-right: -.75rem
  }

  .navbar.is-fixed-bottom-desktop,
  .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
  }

  .navbar.is-fixed-bottom-desktop {
    bottom: 0
  }

  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px hsla(0, 0%, 4%, .1)
  }

  .navbar.is-fixed-top-desktop {
    top: 0
  }

  body.has-navbar-fixed-top-desktop,
  html.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem
  }

  body.has-navbar-fixed-bottom-desktop,
  html.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem
  }

  body.has-spaced-navbar-fixed-top,
  html.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem
  }

  body.has-spaced-navbar-fixed-bottom,
  html.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem
  }

  .navbar-link.is-active,
  a.navbar-item.is-active {
    color: #0a0a0a
  }

  .navbar-link.is-active:not(:focus):not(:hover),
  a.navbar-item.is-active:not(:focus):not(:hover) {
    background-color: transparent
  }

  .navbar-item.has-dropdown.is-active .navbar-link,
  .navbar-item.has-dropdown:focus .navbar-link,
  .navbar-item.has-dropdown:hover .navbar-link {
    background-color: #fafafa
  }
}

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem)
}

.pagination {
  font-size: 1rem;
  margin: -.25rem
}

.pagination.is-small {
  font-size: .75rem
}

.pagination.is-medium {
  font-size: 1.25rem
}

.pagination.is-large {
  font-size: 1.5rem
}

.pagination.is-rounded .pagination-next,
.pagination.is-rounded .pagination-previous {
  border-radius: 9999px;
  padding-left: 1em;
  padding-right: 1em
}

.pagination.is-rounded .pagination-link {
  border-radius: 9999px
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center
}

.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
  font-size: 1em;
  justify-content: center;
  margin: .25rem;
  padding-left: .5em;
  padding-right: .5em;
  text-align: center
}

.pagination-link,
.pagination-next,
.pagination-previous {
  border-color: #dbdbdb;
  color: #363636;
  min-width: 2.5em
}

.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
  border-color: #b5b5b5;
  color: #363636
}

.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus {
  border-color: #8f4475
}

.pagination-link:active,
.pagination-next:active,
.pagination-previous:active {
  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .2)
}

.pagination-link.is-disabled,
.pagination-link[disabled],
.pagination-next.is-disabled,
.pagination-next[disabled],
.pagination-previous.is-disabled,
.pagination-previous[disabled] {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
  box-shadow: none;
  color: #7a7a7a;
  opacity: .5
}

.pagination-next,
.pagination-previous {
  padding-left: .75em;
  padding-right: .75em;
  white-space: nowrap
}

.pagination-link.is-current {
  background-color: #8f4475;
  border-color: #8f4475;
  color: #fff
}

.pagination-ellipsis {
  color: #b5b5b5;
  pointer-events: none
}

.pagination-list {
  flex-wrap: wrap
}

.pagination-list li {
  list-style: none
}

@media screen and (max-width:768px) {
  .pagination {
    flex-wrap: wrap
  }

  .pagination-list li,
  .pagination-next,
  .pagination-previous {
    flex-grow: 1;
    flex-shrink: 1
  }
}

@media print,
screen and (min-width:769px) {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1
  }

  .pagination-ellipsis,
  .pagination-link,
  .pagination-next,
  .pagination-previous {
    margin-bottom: 0;
    margin-top: 0
  }

  .pagination-previous {
    order: 2
  }

  .pagination-next {
    order: 3
  }

  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0
  }

  .pagination.is-centered .pagination-previous {
    order: 1
  }

  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2
  }

  .pagination.is-centered .pagination-next {
    order: 3
  }

  .pagination.is-right .pagination-previous {
    order: 1
  }

  .pagination.is-right .pagination-next {
    order: 2
  }

  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3
  }
}

.panel {
  border-radius: 6px;
  box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
  font-size: 1rem
}

.panel:not(:last-child) {
  margin-bottom: 1.5rem
}

.panel.is-white .panel-heading {
  background-color: #fff;
  color: #0a0a0a
}

.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: #fff
}

.panel.is-white .panel-block.is-active .panel-icon {
  color: #fff
}

.panel.is-black .panel-heading {
  background-color: #0a0a0a;
  color: #fff
}

.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: #0a0a0a
}

.panel.is-black .panel-block.is-active .panel-icon {
  color: #0a0a0a
}

.panel.is-light .panel-heading {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: #f5f5f5
}

.panel.is-light .panel-block.is-active .panel-icon {
  color: #f5f5f5
}

.panel.is-dark .panel-heading {
  background-color: #363636;
  color: #fff
}

.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: #363636
}

.panel.is-dark .panel-block.is-active .panel-icon {
  color: #363636
}

.panel.is-primary .panel-heading {
  background-color: #8f4475;
  color: #fff
}

.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #8f4475
}

.panel.is-primary .panel-block.is-active .panel-icon {
  color: #8f4475
}

.panel.is-link .panel-heading {
  background-color: #485fc7;
  color: #fff
}

.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: #485fc7
}

.panel.is-link .panel-block.is-active .panel-icon {
  color: #485fc7
}

.panel.is-info .panel-heading {
  background-color: #3e8ed0;
  color: #fff
}

.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: #3e8ed0
}

.panel.is-info .panel-block.is-active .panel-icon {
  color: #3e8ed0
}

.panel.is-success .panel-heading {
  background-color: #48c78e;
  color: #fff
}

.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: #48c78e
}

.panel.is-success .panel-block.is-active .panel-icon {
  color: #48c78e
}

.panel.is-warning .panel-heading {
  background-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: #ffc740
}

.panel.is-warning .panel-block.is-active .panel-icon {
  color: #ffc740
}

.panel.is-danger .panel-heading {
  background-color: #f14668;
  color: #fff
}

.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: #f14668
}

.panel.is-danger .panel-block.is-active .panel-icon {
  color: #f14668
}

.panel-block:not(:last-child),
.panel-tabs:not(:last-child) {
  border-bottom: 1px solid #ededed
}

.panel-heading {
  background-color: #ededed;
  border-radius: 6px 6px 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: .75em 1em
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: .875em;
  justify-content: center
}

.panel-tabs a {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: -1px;
  padding: .5em
}

.panel-tabs a.is-active {
  border-bottom-color: #4a4a4a;
  color: #363636
}

.panel-list a {
  color: #4a4a4a
}

.panel-list a:hover {
  color: #8f4475
}

.panel-block {
  align-items: center;
  color: #363636;
  display: flex;
  justify-content: flex-start;
  padding: .5em .75em
}

.panel-block input[type=checkbox] {
  margin-right: .75em
}

.panel-block>.control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%
}

.panel-block.is-wrapped {
  flex-wrap: wrap
}

.panel-block.is-active {
  border-left-color: #8f4475;
  color: #363636
}

.panel-block.is-active .panel-icon {
  color: #8f4475
}

.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

a.panel-block,
label.panel-block {
  cursor: pointer
}

a.panel-block:hover,
label.panel-block:hover {
  background-color: #f5f5f5
}

.panel-icon {
  color: #7a7a7a;
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  margin-right: .75em;
  text-align: center;
  vertical-align: top;
  width: 1em
}

.panel-icon .fa {
  font-size: inherit;
  line-height: inherit
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap
}

.tabs a {
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: .5em 1em;
  vertical-align: top
}

.tabs a:hover {
  border-bottom-color: #363636;
  color: #363636
}

.tabs li {
  display: block
}

.tabs li.is-active a {
  border-bottom-color: #8f4475;
  color: #8f4475
}

.tabs ul {
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start
}

.tabs ul.is-center,
.tabs ul.is-left {
  padding-right: .75em
}

.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: .75em
}

.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: .75em
}

.tabs .icon:first-child {
  margin-right: .5em
}

.tabs .icon:last-child {
  margin-left: .5em
}

.tabs.is-centered ul {
  justify-content: center
}

.tabs.is-right ul {
  justify-content: flex-end
}

.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0
}

.tabs.is-boxed a:hover {
  background-color: #f5f5f5;
  border-bottom-color: #dbdbdb
}

.tabs.is-boxed li.is-active a {
  background-color: #fff;
  border-bottom-color: transparent !important;
  border-color: #dbdbdb
}

.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0
}

.tabs.is-toggle a {
  border: 1px solid #dbdbdb;
  margin-bottom: 0;
  position: relative
}

.tabs.is-toggle a:hover {
  background-color: #f5f5f5;
  border-color: #b5b5b5;
  z-index: 2
}

.tabs.is-toggle li+li {
  margin-left: -1px
}

.tabs.is-toggle li:first-child a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.tabs.is-toggle li:last-child a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.tabs.is-toggle li.is-active a {
  background-color: #8f4475;
  border-color: #8f4475;
  color: #fff;
  z-index: 1
}

.tabs.is-toggle ul {
  border-bottom: none
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em
}

.tabs.is-small {
  font-size: .75rem
}

.tabs.is-medium {
  font-size: 1.25rem
}

.tabs.is-large {
  font-size: 1.5rem
}

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: .75rem
}

.columns.is-mobile>.column.is-narrow {
  flex: none;
  width: auto
}

.columns.is-mobile>.column.is-full {
  flex: none;
  width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
  flex: none;
  width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
  flex: none;
  width: 66.6666%
}

.columns.is-mobile>.column.is-half {
  flex: none;
  width: 50%
}

.columns.is-mobile>.column.is-one-third {
  flex: none;
  width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
  flex: none;
  width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
  flex: none;
  width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
  flex: none;
  width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
  flex: none;
  width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
  flex: none;
  width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
  margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
  margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
  margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
  margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
  margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
  margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
  margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
  margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
  margin-left: 80%
}

.columns.is-mobile>.column.is-0 {
  flex: none;
  width: 0
}

.columns.is-mobile>.column.is-offset-0 {
  margin-left: 0
}

.columns.is-mobile>.column.is-1 {
  flex: none;
  width: 8.33333337%
}

.columns.is-mobile>.column.is-offset-1 {
  margin-left: 8.33333337%
}

.columns.is-mobile>.column.is-2 {
  flex: none;
  width: 16.66666674%
}

.columns.is-mobile>.column.is-offset-2 {
  margin-left: 16.66666674%
}

.columns.is-mobile>.column.is-3 {
  flex: none;
  width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
  margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
  flex: none;
  width: 33.33333337%
}

.columns.is-mobile>.column.is-offset-4 {
  margin-left: 33.33333337%
}

.columns.is-mobile>.column.is-5 {
  flex: none;
  width: 41.66666674%
}

.columns.is-mobile>.column.is-offset-5 {
  margin-left: 41.66666674%
}

.columns.is-mobile>.column.is-6 {
  flex: none;
  width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
  margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
  flex: none;
  width: 58.33333337%
}

.columns.is-mobile>.column.is-offset-7 {
  margin-left: 58.33333337%
}

.columns.is-mobile>.column.is-8 {
  flex: none;
  width: 66.66666674%
}

.columns.is-mobile>.column.is-offset-8 {
  margin-left: 66.66666674%
}

.columns.is-mobile>.column.is-9 {
  flex: none;
  width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
  margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
  flex: none;
  width: 83.33333337%
}

.columns.is-mobile>.column.is-offset-10 {
  margin-left: 83.33333337%
}

.columns.is-mobile>.column.is-11 {
  flex: none;
  width: 91.66666674%
}

.columns.is-mobile>.column.is-offset-11 {
  margin-left: 91.66666674%
}

.columns.is-mobile>.column.is-12 {
  flex: none;
  width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
  margin-left: 100%
}

@media screen and (max-width:768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: auto
  }

  .column.is-full-mobile {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-mobile {
    flex: none;
    width: 50%
  }

  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-mobile {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%
  }

  .column.is-offset-half-mobile {
    margin-left: 50%
  }

  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-mobile {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-mobile {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-mobile {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-mobile {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-mobile {
    margin-left: 80%
  }

  .column.is-0-mobile {
    flex: none;
    width: 0
  }

  .column.is-offset-0-mobile {
    margin-left: 0
  }

  .column.is-1-mobile {
    flex: none;
    width: 8.33333337%
  }

  .column.is-offset-1-mobile {
    margin-left: 8.33333337%
  }

  .column.is-2-mobile {
    flex: none;
    width: 16.66666674%
  }

  .column.is-offset-2-mobile {
    margin-left: 16.66666674%
  }

  .column.is-3-mobile {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-mobile {
    margin-left: 25%
  }

  .column.is-4-mobile {
    flex: none;
    width: 33.33333337%
  }

  .column.is-offset-4-mobile {
    margin-left: 33.33333337%
  }

  .column.is-5-mobile {
    flex: none;
    width: 41.66666674%
  }

  .column.is-offset-5-mobile {
    margin-left: 41.66666674%
  }

  .column.is-6-mobile {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-mobile {
    margin-left: 50%
  }

  .column.is-7-mobile {
    flex: none;
    width: 58.33333337%
  }

  .column.is-offset-7-mobile {
    margin-left: 58.33333337%
  }

  .column.is-8-mobile {
    flex: none;
    width: 66.66666674%
  }

  .column.is-offset-8-mobile {
    margin-left: 66.66666674%
  }

  .column.is-9-mobile {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-mobile {
    margin-left: 75%
  }

  .column.is-10-mobile {
    flex: none;
    width: 83.33333337%
  }

  .column.is-offset-10-mobile {
    margin-left: 83.33333337%
  }

  .column.is-11-mobile {
    flex: none;
    width: 91.66666674%
  }

  .column.is-offset-11-mobile {
    margin-left: 91.66666674%
  }

  .column.is-12-mobile {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-mobile {
    margin-left: 100%
  }
}

@media print,
screen and (min-width:769px) {

  .column.is-narrow,
  .column.is-narrow-tablet {
    flex: none;
    width: auto
  }

  .column.is-full,
  .column.is-full-tablet {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters,
  .column.is-three-quarters-tablet {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds,
  .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%
  }

  .column.is-half,
  .column.is-half-tablet {
    flex: none;
    width: 50%
  }

  .column.is-one-third,
  .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter,
  .column.is-one-quarter-tablet {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth,
  .column.is-one-fifth-tablet {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths,
  .column.is-two-fifths-tablet {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths,
  .column.is-three-fifths-tablet {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths,
  .column.is-four-fifths-tablet {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters,
  .column.is-offset-three-quarters-tablet {
    margin-left: 75%
  }

  .column.is-offset-two-thirds,
  .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%
  }

  .column.is-offset-half,
  .column.is-offset-half-tablet {
    margin-left: 50%
  }

  .column.is-offset-one-third,
  .column.is-offset-one-third-tablet {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter,
  .column.is-offset-one-quarter-tablet {
    margin-left: 25%
  }

  .column.is-offset-one-fifth,
  .column.is-offset-one-fifth-tablet {
    margin-left: 20%
  }

  .column.is-offset-two-fifths,
  .column.is-offset-two-fifths-tablet {
    margin-left: 40%
  }

  .column.is-offset-three-fifths,
  .column.is-offset-three-fifths-tablet {
    margin-left: 60%
  }

  .column.is-offset-four-fifths,
  .column.is-offset-four-fifths-tablet {
    margin-left: 80%
  }

  .column.is-0,
  .column.is-0-tablet {
    flex: none;
    width: 0
  }

  .column.is-offset-0,
  .column.is-offset-0-tablet {
    margin-left: 0
  }

  .column.is-1,
  .column.is-1-tablet {
    flex: none;
    width: 8.33333337%
  }

  .column.is-offset-1,
  .column.is-offset-1-tablet {
    margin-left: 8.33333337%
  }

  .column.is-2,
  .column.is-2-tablet {
    flex: none;
    width: 16.66666674%
  }

  .column.is-offset-2,
  .column.is-offset-2-tablet {
    margin-left: 16.66666674%
  }

  .column.is-3,
  .column.is-3-tablet {
    flex: none;
    width: 25%
  }

  .column.is-offset-3,
  .column.is-offset-3-tablet {
    margin-left: 25%
  }

  .column.is-4,
  .column.is-4-tablet {
    flex: none;
    width: 33.33333337%
  }

  .column.is-offset-4,
  .column.is-offset-4-tablet {
    margin-left: 33.33333337%
  }

  .column.is-5,
  .column.is-5-tablet {
    flex: none;
    width: 41.66666674%
  }

  .column.is-offset-5,
  .column.is-offset-5-tablet {
    margin-left: 41.66666674%
  }

  .column.is-6,
  .column.is-6-tablet {
    flex: none;
    width: 50%
  }

  .column.is-offset-6,
  .column.is-offset-6-tablet {
    margin-left: 50%
  }

  .column.is-7,
  .column.is-7-tablet {
    flex: none;
    width: 58.33333337%
  }

  .column.is-offset-7,
  .column.is-offset-7-tablet {
    margin-left: 58.33333337%
  }

  .column.is-8,
  .column.is-8-tablet {
    flex: none;
    width: 66.66666674%
  }

  .column.is-offset-8,
  .column.is-offset-8-tablet {
    margin-left: 66.66666674%
  }

  .column.is-9,
  .column.is-9-tablet {
    flex: none;
    width: 75%
  }

  .column.is-offset-9,
  .column.is-offset-9-tablet {
    margin-left: 75%
  }

  .column.is-10,
  .column.is-10-tablet {
    flex: none;
    width: 83.33333337%
  }

  .column.is-offset-10,
  .column.is-offset-10-tablet {
    margin-left: 83.33333337%
  }

  .column.is-11,
  .column.is-11-tablet {
    flex: none;
    width: 91.66666674%
  }

  .column.is-offset-11,
  .column.is-offset-11-tablet {
    margin-left: 91.66666674%
  }

  .column.is-12,
  .column.is-12-tablet {
    flex: none;
    width: 100%
  }

  .column.is-offset-12,
  .column.is-offset-12-tablet {
    margin-left: 100%
  }
}

@media screen and (max-width:1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: auto
  }

  .column.is-full-touch {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-touch {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-touch {
    flex: none;
    width: 50%
  }

  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-touch {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-touch {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-touch {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-touch {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-touch {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-touch {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%
  }

  .column.is-offset-half-touch {
    margin-left: 50%
  }

  .column.is-offset-one-third-touch {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-touch {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-touch {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-touch {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-touch {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-touch {
    margin-left: 80%
  }

  .column.is-0-touch {
    flex: none;
    width: 0
  }

  .column.is-offset-0-touch {
    margin-left: 0
  }

  .column.is-1-touch {
    flex: none;
    width: 8.33333337%
  }

  .column.is-offset-1-touch {
    margin-left: 8.33333337%
  }

  .column.is-2-touch {
    flex: none;
    width: 16.66666674%
  }

  .column.is-offset-2-touch {
    margin-left: 16.66666674%
  }

  .column.is-3-touch {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-touch {
    margin-left: 25%
  }

  .column.is-4-touch {
    flex: none;
    width: 33.33333337%
  }

  .column.is-offset-4-touch {
    margin-left: 33.33333337%
  }

  .column.is-5-touch {
    flex: none;
    width: 41.66666674%
  }

  .column.is-offset-5-touch {
    margin-left: 41.66666674%
  }

  .column.is-6-touch {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-touch {
    margin-left: 50%
  }

  .column.is-7-touch {
    flex: none;
    width: 58.33333337%
  }

  .column.is-offset-7-touch {
    margin-left: 58.33333337%
  }

  .column.is-8-touch {
    flex: none;
    width: 66.66666674%
  }

  .column.is-offset-8-touch {
    margin-left: 66.66666674%
  }

  .column.is-9-touch {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-touch {
    margin-left: 75%
  }

  .column.is-10-touch {
    flex: none;
    width: 83.33333337%
  }

  .column.is-offset-10-touch {
    margin-left: 83.33333337%
  }

  .column.is-11-touch {
    flex: none;
    width: 91.66666674%
  }

  .column.is-offset-11-touch {
    margin-left: 91.66666674%
  }

  .column.is-12-touch {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-touch {
    margin-left: 100%
  }
}

@media screen and (min-width:1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: auto
  }

  .column.is-full-desktop {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-desktop {
    flex: none;
    width: 50%
  }

  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-desktop {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%
  }

  .column.is-offset-half-desktop {
    margin-left: 50%
  }

  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-desktop {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-desktop {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-desktop {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-desktop {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-desktop {
    margin-left: 80%
  }

  .column.is-0-desktop {
    flex: none;
    width: 0
  }

  .column.is-offset-0-desktop {
    margin-left: 0
  }

  .column.is-1-desktop {
    flex: none;
    width: 8.33333337%
  }

  .column.is-offset-1-desktop {
    margin-left: 8.33333337%
  }

  .column.is-2-desktop {
    flex: none;
    width: 16.66666674%
  }

  .column.is-offset-2-desktop {
    margin-left: 16.66666674%
  }

  .column.is-3-desktop {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-desktop {
    margin-left: 25%
  }

  .column.is-4-desktop {
    flex: none;
    width: 33.33333337%
  }

  .column.is-offset-4-desktop {
    margin-left: 33.33333337%
  }

  .column.is-5-desktop {
    flex: none;
    width: 41.66666674%
  }

  .column.is-offset-5-desktop {
    margin-left: 41.66666674%
  }

  .column.is-6-desktop {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-desktop {
    margin-left: 50%
  }

  .column.is-7-desktop {
    flex: none;
    width: 58.33333337%
  }

  .column.is-offset-7-desktop {
    margin-left: 58.33333337%
  }

  .column.is-8-desktop {
    flex: none;
    width: 66.66666674%
  }

  .column.is-offset-8-desktop {
    margin-left: 66.66666674%
  }

  .column.is-9-desktop {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-desktop {
    margin-left: 75%
  }

  .column.is-10-desktop {
    flex: none;
    width: 83.33333337%
  }

  .column.is-offset-10-desktop {
    margin-left: 83.33333337%
  }

  .column.is-11-desktop {
    flex: none;
    width: 91.66666674%
  }

  .column.is-offset-11-desktop {
    margin-left: 91.66666674%
  }

  .column.is-12-desktop {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-desktop {
    margin-left: 100%
  }
}

@media screen and (min-width:1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: auto
  }

  .column.is-full-widescreen {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-widescreen {
    flex: none;
    width: 50%
  }

  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%
  }

  .column.is-offset-half-widescreen {
    margin-left: 50%
  }

  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%
  }

  .column.is-0-widescreen {
    flex: none;
    width: 0
  }

  .column.is-offset-0-widescreen {
    margin-left: 0
  }

  .column.is-1-widescreen {
    flex: none;
    width: 8.33333337%
  }

  .column.is-offset-1-widescreen {
    margin-left: 8.33333337%
  }

  .column.is-2-widescreen {
    flex: none;
    width: 16.66666674%
  }

  .column.is-offset-2-widescreen {
    margin-left: 16.66666674%
  }

  .column.is-3-widescreen {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-widescreen {
    margin-left: 25%
  }

  .column.is-4-widescreen {
    flex: none;
    width: 33.33333337%
  }

  .column.is-offset-4-widescreen {
    margin-left: 33.33333337%
  }

  .column.is-5-widescreen {
    flex: none;
    width: 41.66666674%
  }

  .column.is-offset-5-widescreen {
    margin-left: 41.66666674%
  }

  .column.is-6-widescreen {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-widescreen {
    margin-left: 50%
  }

  .column.is-7-widescreen {
    flex: none;
    width: 58.33333337%
  }

  .column.is-offset-7-widescreen {
    margin-left: 58.33333337%
  }

  .column.is-8-widescreen {
    flex: none;
    width: 66.66666674%
  }

  .column.is-offset-8-widescreen {
    margin-left: 66.66666674%
  }

  .column.is-9-widescreen {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-widescreen {
    margin-left: 75%
  }

  .column.is-10-widescreen {
    flex: none;
    width: 83.33333337%
  }

  .column.is-offset-10-widescreen {
    margin-left: 83.33333337%
  }

  .column.is-11-widescreen {
    flex: none;
    width: 91.66666674%
  }

  .column.is-offset-11-widescreen {
    margin-left: 91.66666674%
  }

  .column.is-12-widescreen {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-widescreen {
    margin-left: 100%
  }
}

@media screen and (min-width:1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: auto
  }

  .column.is-full-fullhd {
    flex: none;
    width: 100%
  }

  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%
  }

  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%
  }

  .column.is-half-fullhd {
    flex: none;
    width: 50%
  }

  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%
  }

  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%
  }

  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%
  }

  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%
  }

  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%
  }

  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%
  }

  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%
  }

  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%
  }

  .column.is-offset-half-fullhd {
    margin-left: 50%
  }

  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%
  }

  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%
  }

  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%
  }

  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%
  }

  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%
  }

  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%
  }

  .column.is-0-fullhd {
    flex: none;
    width: 0
  }

  .column.is-offset-0-fullhd {
    margin-left: 0
  }

  .column.is-1-fullhd {
    flex: none;
    width: 8.33333337%
  }

  .column.is-offset-1-fullhd {
    margin-left: 8.33333337%
  }

  .column.is-2-fullhd {
    flex: none;
    width: 16.66666674%
  }

  .column.is-offset-2-fullhd {
    margin-left: 16.66666674%
  }

  .column.is-3-fullhd {
    flex: none;
    width: 25%
  }

  .column.is-offset-3-fullhd {
    margin-left: 25%
  }

  .column.is-4-fullhd {
    flex: none;
    width: 33.33333337%
  }

  .column.is-offset-4-fullhd {
    margin-left: 33.33333337%
  }

  .column.is-5-fullhd {
    flex: none;
    width: 41.66666674%
  }

  .column.is-offset-5-fullhd {
    margin-left: 41.66666674%
  }

  .column.is-6-fullhd {
    flex: none;
    width: 50%
  }

  .column.is-offset-6-fullhd {
    margin-left: 50%
  }

  .column.is-7-fullhd {
    flex: none;
    width: 58.33333337%
  }

  .column.is-offset-7-fullhd {
    margin-left: 58.33333337%
  }

  .column.is-8-fullhd {
    flex: none;
    width: 66.66666674%
  }

  .column.is-offset-8-fullhd {
    margin-left: 66.66666674%
  }

  .column.is-9-fullhd {
    flex: none;
    width: 75%
  }

  .column.is-offset-9-fullhd {
    margin-left: 75%
  }

  .column.is-10-fullhd {
    flex: none;
    width: 83.33333337%
  }

  .column.is-offset-10-fullhd {
    margin-left: 83.33333337%
  }

  .column.is-11-fullhd {
    flex: none;
    width: 91.66666674%
  }

  .column.is-offset-11-fullhd {
    margin-left: 91.66666674%
  }

  .column.is-12-fullhd {
    flex: none;
    width: 100%
  }

  .column.is-offset-12-fullhd {
    margin-left: 100%
  }
}

.columns {
  margin-left: -.75rem;
  margin-right: -.75rem;
  margin-top: -.75rem
}

.columns:last-child {
  margin-bottom: -.75rem
}

.columns:not(:last-child) {
  margin-bottom: .75rem
}

.columns.is-centered {
  justify-content: center
}

.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0
}

.columns.is-gapless>.column {
  margin: 0;
  padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
  margin-bottom: 0
}

.columns.is-mobile {
  display: flex
}

.columns.is-multiline {
  flex-wrap: wrap
}

.columns.is-vcentered {
  align-items: center
}

@media print,
screen and (min-width:769px) {
  .columns:not(.is-desktop) {
    display: flex
  }
}

@media screen and (min-width:1024px) {
  .columns.is-desktop {
    display: flex
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: -.75rem;
  margin-left: calc(var(--columnGap)*-1);
  margin-right: -.75rem;
  margin-right: calc(var(--columnGap)*-1)
}

.columns.is-variable>.column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
  --columnGap: 0rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem
  }
}

.columns.is-variable.is-1 {
  --columnGap: 0.25rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem
  }
}

.columns.is-variable.is-2 {
  --columnGap: 0.5rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem
  }
}

.columns.is-variable.is-3 {
  --columnGap: 0.75rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem
  }
}

.columns.is-variable.is-4 {
  --columnGap: 1rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem
  }
}

.columns.is-variable.is-5 {
  --columnGap: 1.25rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem
  }
}

.columns.is-variable.is-6 {
  --columnGap: 1.5rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem
  }
}

.columns.is-variable.is-7 {
  --columnGap: 1.75rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem
  }
}

.columns.is-variable.is-8 {
  --columnGap: 2rem
}

@media screen and (max-width:768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem
  }
}

@media print,
screen and (min-width:769px) {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem
  }
}

@media screen and (max-width:1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem
  }
}

@media screen and (min-width:1408px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: -moz-min-content;
  min-height: min-content
}

.tile.is-ancestor {
  margin-left: -.75rem;
  margin-right: -.75rem;
  margin-top: -.75rem
}

.tile.is-ancestor:last-child {
  margin-bottom: -.75rem
}

.tile.is-ancestor:not(:last-child) {
  margin-bottom: .75rem
}

.tile.is-child {
  margin: 0 !important
}

.tile.is-parent {
  padding: .75rem
}

.tile.is-vertical {
  flex-direction: column
}

.tile.is-vertical>.tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important
}

@media print,
screen and (min-width:769px) {
  .tile:not(.is-child) {
    display: flex
  }

  .tile.is-1 {
    flex: none;
    width: 8.33333337%
  }

  .tile.is-2 {
    flex: none;
    width: 16.66666674%
  }

  .tile.is-3 {
    flex: none;
    width: 25%
  }

  .tile.is-4 {
    flex: none;
    width: 33.33333337%
  }

  .tile.is-5 {
    flex: none;
    width: 41.66666674%
  }

  .tile.is-6 {
    flex: none;
    width: 50%
  }

  .tile.is-7 {
    flex: none;
    width: 58.33333337%
  }

  .tile.is-8 {
    flex: none;
    width: 66.66666674%
  }

  .tile.is-9 {
    flex: none;
    width: 75%
  }

  .tile.is-10 {
    flex: none;
    width: 83.33333337%
  }

  .tile.is-11 {
    flex: none;
    width: 91.66666674%
  }

  .tile.is-12 {
    flex: none;
    width: 100%
  }
}

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

a.has-text-white:focus,
a.has-text-white:hover {
  color: #e6e6e6 !important
}

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

.has-text-black {
  color: #0a0a0a !important
}

a.has-text-black:focus,
a.has-text-black:hover {
  color: #000 !important
}

.has-background-black {
  background-color: #0a0a0a !important
}

.has-text-light {
  color: #f5f5f5 !important
}

a.has-text-light:focus,
a.has-text-light:hover {
  color: #dbdbdb !important
}

.has-background-light {
  background-color: #f5f5f5 !important
}

.has-text-dark {
  color: #363636 !important
}

a.has-text-dark:focus,
a.has-text-dark:hover {
  color: #1c1c1c !important
}

.has-background-dark {
  background-color: #363636 !important
}

.has-text-primary {
  color: #8f4475 !important
}

a.has-text-primary:focus,
a.has-text-primary:hover {
  color: #6c3459 !important
}

.has-background-primary {
  background-color: #8f4475 !important
}

.has-text-primary-light {
  color: #f8f1f6 !important
}

a.has-text-primary-light:focus,
a.has-text-primary-light:hover {
  color: #e8cfdf !important
}

.has-background-primary-light {
  background-color: #f8f1f6 !important
}

.has-text-primary-dark {
  color: #a9518b !important
}

a.has-text-primary-dark:focus,
a.has-text-primary-dark:hover {
  color: #bc71a2 !important
}

.has-background-primary-dark {
  background-color: #a9518b !important
}

.has-text-link {
  color: #485fc7 !important
}

a.has-text-link:focus,
a.has-text-link:hover {
  color: #3449a8 !important
}

.has-background-link {
  background-color: #485fc7 !important
}

.has-text-link-light {
  color: #eff1fa !important
}

a.has-text-link-light:focus,
a.has-text-link-light:hover {
  color: #c8cfee !important
}

.has-background-link-light {
  background-color: #eff1fa !important
}

.has-text-link-dark {
  color: #3850b7 !important
}

a.has-text-link-dark:focus,
a.has-text-link-dark:hover {
  color: #576dcb !important
}

.has-background-link-dark {
  background-color: #3850b7 !important
}

.has-text-info {
  color: #3e8ed0 !important
}

a.has-text-info:focus,
a.has-text-info:hover {
  color: #2b74b1 !important
}

.has-background-info {
  background-color: #3e8ed0 !important
}

.has-text-info-light {
  color: #eff5fb !important
}

a.has-text-info-light:focus,
a.has-text-info-light:hover {
  color: #c6ddf1 !important
}

.has-background-info-light {
  background-color: #eff5fb !important
}

.has-text-info-dark {
  color: #296fa8 !important
}

a.has-text-info-dark:focus,
a.has-text-info-dark:hover {
  color: #368ace !important
}

.has-background-info-dark {
  background-color: #296fa8 !important
}

.has-text-success {
  color: #48c78e !important
}

a.has-text-success:focus,
a.has-text-success:hover {
  color: #34a873 !important
}

.has-background-success {
  background-color: #48c78e !important
}

.has-text-success-light {
  color: #effaf5 !important
}

a.has-text-success-light:focus,
a.has-text-success-light:hover {
  color: #c8eedd !important
}

.has-background-success-light {
  background-color: #effaf5 !important
}

.has-text-success-dark {
  color: #257953 !important
}

a.has-text-success-dark:focus,
a.has-text-success-dark:hover {
  color: #31a06e !important
}

.has-background-success-dark {
  background-color: #257953 !important
}

.has-text-warning {
  color: #ffc740 !important
}

a.has-text-warning:focus,
a.has-text-warning:hover {
  color: #ffb80d !important
}

.has-background-warning {
  background-color: #ffc740 !important
}

.has-text-warning-light {
  color: #fffaeb !important
}

a.has-text-warning-light:focus,
a.has-text-warning-light:hover {
  color: #ffecb8 !important
}

.has-background-warning-light {
  background-color: #fffaeb !important
}

.has-text-warning-dark {
  color: #946c00 !important
}

a.has-text-warning-dark:focus,
a.has-text-warning-dark:hover {
  color: #c79200 !important
}

.has-background-warning-dark {
  background-color: #946c00 !important
}

.has-text-danger {
  color: #f14668 !important
}

a.has-text-danger:focus,
a.has-text-danger:hover {
  color: #ee1742 !important
}

.has-background-danger {
  background-color: #f14668 !important
}

.has-text-danger-light {
  color: #feecf0 !important
}

a.has-text-danger-light:focus,
a.has-text-danger-light:hover {
  color: #fabdc9 !important
}

.has-background-danger-light {
  background-color: #feecf0 !important
}

.has-text-danger-dark {
  color: #cc0f35 !important
}

a.has-text-danger-dark:focus,
a.has-text-danger-dark:hover {
  color: #ee2049 !important
}

.has-background-danger-dark {
  background-color: #cc0f35 !important
}

.has-text-black-bis {
  color: #121212 !important
}

.has-background-black-bis {
  background-color: #121212 !important
}

.has-text-black-ter {
  color: #242424 !important
}

.has-background-black-ter {
  background-color: #242424 !important
}

.has-text-grey-darker {
  color: #363636 !important
}

.has-background-grey-darker {
  background-color: #363636 !important
}

.has-text-grey-dark {
  color: #4a4a4a !important
}

.has-background-grey-dark {
  background-color: #4a4a4a !important
}

.has-text-grey {
  color: #7a7a7a !important
}

.has-background-grey {
  background-color: #7a7a7a !important
}

.has-text-grey-light {
  color: #b5b5b5 !important
}

.has-background-grey-light {
  background-color: #b5b5b5 !important
}

.has-text-grey-lighter {
  color: #dbdbdb !important
}

.has-background-grey-lighter {
  background-color: #dbdbdb !important
}

.has-text-white-ter {
  color: #f5f5f5 !important
}

.has-background-white-ter {
  background-color: #f5f5f5 !important
}

.has-text-white-bis {
  color: #fafafa !important
}

.has-background-white-bis {
  background-color: #fafafa !important
}

.is-flex-direction-row {
  flex-direction: row !important
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important
}

.is-flex-direction-column {
  flex-direction: column !important
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
  justify-content: flex-start !important
}

.is-justify-content-flex-end {
  justify-content: flex-end !important
}

.is-justify-content-center {
  justify-content: center !important
}

.is-justify-content-space-between {
  justify-content: space-between !important
}

.is-justify-content-space-around {
  justify-content: space-around !important
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important
}

.is-justify-content-start {
  justify-content: start !important
}

.is-justify-content-end {
  justify-content: end !important
}

.is-justify-content-left {
  justify-content: left !important
}

.is-justify-content-right {
  justify-content: right !important
}

.is-align-content-flex-start {
  align-content: flex-start !important
}

.is-align-content-flex-end {
  align-content: flex-end !important
}

.is-align-content-center {
  align-content: center !important
}

.is-align-content-space-between {
  align-content: space-between !important
}

.is-align-content-space-around {
  align-content: space-around !important
}

.is-align-content-space-evenly {
  align-content: space-evenly !important
}

.is-align-content-stretch {
  align-content: stretch !important
}

.is-align-content-start {
  align-content: start !important
}

.is-align-content-end {
  align-content: end !important
}

.is-align-content-baseline {
  align-content: baseline !important
}

.is-align-items-stretch {
  align-items: stretch !important
}

.is-align-items-flex-start {
  align-items: flex-start !important
}

.is-align-items-flex-end {
  align-items: flex-end !important
}

.is-align-items-center {
  align-items: center !important
}

.is-align-items-baseline {
  align-items: baseline !important
}

.is-align-items-start {
  align-items: start !important
}

.is-align-items-end {
  align-items: end !important
}

.is-align-items-self-start {
  align-items: self-start !important
}

.is-align-items-self-end {
  align-items: self-end !important
}

.is-align-self-auto {
  align-self: auto !important
}

.is-align-self-flex-start {
  align-self: flex-start !important
}

.is-align-self-flex-end {
  align-self: flex-end !important
}

.is-align-self-center {
  align-self: center !important
}

.is-align-self-baseline {
  align-self: baseline !important
}

.is-align-self-stretch {
  align-self: stretch !important
}

.is-flex-grow-0 {
  flex-grow: 0 !important
}

.is-flex-grow-1 {
  flex-grow: 1 !important
}

.is-flex-grow-2 {
  flex-grow: 2 !important
}

.is-flex-grow-3 {
  flex-grow: 3 !important
}

.is-flex-grow-4 {
  flex-grow: 4 !important
}

.is-flex-grow-5 {
  flex-grow: 5 !important
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important
}

.is-clearfix:after {
  clear: both;
  content: " ";
  display: table
}

.is-pulled-left {
  float: left !important
}

.is-pulled-right {
  float: right !important
}

.is-radiusless {
  border-radius: 0 !important
}

.is-shadowless {
  box-shadow: none !important
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important
}

.is-clipped {
  overflow: hidden !important
}

.is-relative {
  position: relative !important
}

.is-marginless {
  margin: 0 !important
}

.is-paddingless {
  padding: 0 !important
}

.m-0 {
  margin: 0 !important
}

.mt-0 {
  margin-top: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.mx-0 {
  margin-right: 0 !important
}

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mr-1 {
  margin-right: .25rem !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important
}

.mx-1 {
  margin-right: .25rem !important
}

.my-1 {
  margin-bottom: .25rem !important;
  margin-top: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mr-2 {
  margin-right: .5rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important
}

.mx-2 {
  margin-right: .5rem !important
}

.my-2 {
  margin-bottom: .5rem !important;
  margin-top: .5rem !important
}

.m-3 {
  margin: .75rem !important
}

.mt-3 {
  margin-top: .75rem !important
}

.mr-3 {
  margin-right: .75rem !important
}

.mb-3 {
  margin-bottom: .75rem !important
}

.ml-3,
.mx-3 {
  margin-left: .75rem !important
}

.mx-3 {
  margin-right: .75rem !important
}

.my-3 {
  margin-bottom: .75rem !important;
  margin-top: .75rem !important
}

.m-4 {
  margin: 1rem !important
}

.mt-4 {
  margin-top: 1rem !important
}

.mr-4 {
  margin-right: 1rem !important
}

.mb-4 {
  margin-bottom: 1rem !important
}

.ml-4,
.mx-4 {
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1rem !important
}

.my-4 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important
}

.m-5 {
  margin: 1.5rem !important
}

.mt-5 {
  margin-top: 1.5rem !important
}

.mr-5 {
  margin-right: 1.5rem !important
}

.mb-5 {
  margin-bottom: 1.5rem !important
}

.ml-5,
.mx-5 {
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 1.5rem !important
}

.my-5 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important
}

.m-6 {
  margin: 3rem !important
}

.mt-6 {
  margin-top: 3rem !important
}

.mr-6 {
  margin-right: 3rem !important
}

.mb-6 {
  margin-bottom: 3rem !important
}

.ml-6,
.mx-6 {
  margin-left: 3rem !important
}

.mx-6 {
  margin-right: 3rem !important
}

.my-6 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !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,
.mx-auto {
  margin-left: auto !important
}

.mx-auto {
  margin-right: auto !important
}

.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important
}

.p-0 {
  padding: 0 !important
}

.pt-0 {
  padding-top: 0 !important
}

.pr-0 {
  padding-right: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.px-0 {
  padding-right: 0 !important
}

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pr-1 {
  padding-right: .25rem !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
  padding-left: .25rem !important
}

.px-1 {
  padding-right: .25rem !important
}

.py-1 {
  padding-bottom: .25rem !important;
  padding-top: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pr-2 {
  padding-right: .5rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
  padding-left: .5rem !important
}

.px-2 {
  padding-right: .5rem !important
}

.py-2 {
  padding-bottom: .5rem !important;
  padding-top: .5rem !important
}

.p-3 {
  padding: .75rem !important
}

.pt-3 {
  padding-top: .75rem !important
}

.pr-3 {
  padding-right: .75rem !important
}

.pb-3 {
  padding-bottom: .75rem !important
}

.pl-3,
.px-3 {
  padding-left: .75rem !important
}

.px-3 {
  padding-right: .75rem !important
}

.py-3 {
  padding-bottom: .75rem !important;
  padding-top: .75rem !important
}

.p-4 {
  padding: 1rem !important
}

.pt-4 {
  padding-top: 1rem !important
}

.pr-4 {
  padding-right: 1rem !important
}

.pb-4 {
  padding-bottom: 1rem !important
}

.pl-4,
.px-4 {
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1rem !important
}

.py-4 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important
}

.p-5 {
  padding: 1.5rem !important
}

.pt-5 {
  padding-top: 1.5rem !important
}

.pr-5 {
  padding-right: 1.5rem !important
}

.pb-5 {
  padding-bottom: 1.5rem !important
}

.pl-5,
.px-5 {
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 1.5rem !important
}

.py-5 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important
}

.p-6 {
  padding: 3rem !important
}

.pt-6 {
  padding-top: 3rem !important
}

.pr-6 {
  padding-right: 3rem !important
}

.pb-6 {
  padding-bottom: 3rem !important
}

.pl-6,
.px-6 {
  padding-left: 3rem !important
}

.px-6 {
  padding-right: 3rem !important
}

.py-6 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important
}

.p-auto {
  padding: auto !important
}

.pt-auto {
  padding-top: auto !important
}

.pr-auto {
  padding-right: auto !important
}

.pb-auto {
  padding-bottom: auto !important
}

.pl-auto,
.px-auto {
  padding-left: auto !important
}

.px-auto {
  padding-right: auto !important
}

.py-auto {
  padding-bottom: auto !important;
  padding-top: auto !important
}

.is-size-1 {
  font-size: 3rem !important
}

.is-size-2 {
  font-size: 2.5rem !important
}

.is-size-3 {
  font-size: 2rem !important
}

.is-size-4 {
  font-size: 1.5rem !important
}

.is-size-5 {
  font-size: 1.25rem !important
}

.is-size-6 {
  font-size: 1rem !important
}

.is-size-7 {
  font-size: .75rem !important
}

@media screen and (max-width:768px) {
  .is-size-1-mobile {
    font-size: 3rem !important
  }

  .is-size-2-mobile {
    font-size: 2.5rem !important
  }

  .is-size-3-mobile {
    font-size: 2rem !important
  }

  .is-size-4-mobile {
    font-size: 1.5rem !important
  }

  .is-size-5-mobile {
    font-size: 1.25rem !important
  }

  .is-size-6-mobile {
    font-size: 1rem !important
  }

  .is-size-7-mobile {
    font-size: .75rem !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-size-1-tablet {
    font-size: 3rem !important
  }

  .is-size-2-tablet {
    font-size: 2.5rem !important
  }

  .is-size-3-tablet {
    font-size: 2rem !important
  }

  .is-size-4-tablet {
    font-size: 1.5rem !important
  }

  .is-size-5-tablet {
    font-size: 1.25rem !important
  }

  .is-size-6-tablet {
    font-size: 1rem !important
  }

  .is-size-7-tablet {
    font-size: .75rem !important
  }
}

@media screen and (max-width:1023px) {
  .is-size-1-touch {
    font-size: 3rem !important
  }

  .is-size-2-touch {
    font-size: 2.5rem !important
  }

  .is-size-3-touch {
    font-size: 2rem !important
  }

  .is-size-4-touch {
    font-size: 1.5rem !important
  }

  .is-size-5-touch {
    font-size: 1.25rem !important
  }

  .is-size-6-touch {
    font-size: 1rem !important
  }

  .is-size-7-touch {
    font-size: .75rem !important
  }
}

@media screen and (min-width:1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important
  }

  .is-size-2-desktop {
    font-size: 2.5rem !important
  }

  .is-size-3-desktop {
    font-size: 2rem !important
  }

  .is-size-4-desktop {
    font-size: 1.5rem !important
  }

  .is-size-5-desktop {
    font-size: 1.25rem !important
  }

  .is-size-6-desktop {
    font-size: 1rem !important
  }

  .is-size-7-desktop {
    font-size: .75rem !important
  }
}

@media screen and (min-width:1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important
  }

  .is-size-2-widescreen {
    font-size: 2.5rem !important
  }

  .is-size-3-widescreen {
    font-size: 2rem !important
  }

  .is-size-4-widescreen {
    font-size: 1.5rem !important
  }

  .is-size-5-widescreen {
    font-size: 1.25rem !important
  }

  .is-size-6-widescreen {
    font-size: 1rem !important
  }

  .is-size-7-widescreen {
    font-size: .75rem !important
  }
}

@media screen and (min-width:1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important
  }

  .is-size-2-fullhd {
    font-size: 2.5rem !important
  }

  .is-size-3-fullhd {
    font-size: 2rem !important
  }

  .is-size-4-fullhd {
    font-size: 1.5rem !important
  }

  .is-size-5-fullhd {
    font-size: 1.25rem !important
  }

  .is-size-6-fullhd {
    font-size: 1rem !important
  }

  .is-size-7-fullhd {
    font-size: .75rem !important
  }
}

.has-text-centered {
  text-align: center !important
}

.has-text-justified {
  text-align: justify !important
}

.has-text-left {
  text-align: left !important
}

.has-text-right {
  text-align: right !important
}

@media screen and (max-width:768px) {
  .has-text-centered-mobile {
    text-align: center !important
  }
}

@media print,
screen and (min-width:769px) {
  .has-text-centered-tablet {
    text-align: center !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important
  }
}

@media screen and (max-width:1023px) {
  .has-text-centered-touch {
    text-align: center !important
  }
}

@media screen and (min-width:1024px) {
  .has-text-centered-desktop {
    text-align: center !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important
  }
}

@media screen and (min-width:1216px) {
  .has-text-centered-widescreen {
    text-align: center !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important
  }
}

@media screen and (min-width:1408px) {
  .has-text-centered-fullhd {
    text-align: center !important
  }
}

@media screen and (max-width:768px) {
  .has-text-justified-mobile {
    text-align: justify !important
  }
}

@media print,
screen and (min-width:769px) {
  .has-text-justified-tablet {
    text-align: justify !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important
  }
}

@media screen and (max-width:1023px) {
  .has-text-justified-touch {
    text-align: justify !important
  }
}

@media screen and (min-width:1024px) {
  .has-text-justified-desktop {
    text-align: justify !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important
  }
}

@media screen and (min-width:1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important
  }
}

@media screen and (min-width:1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important
  }
}

@media screen and (max-width:768px) {
  .has-text-left-mobile {
    text-align: left !important
  }
}

@media print,
screen and (min-width:769px) {
  .has-text-left-tablet {
    text-align: left !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .has-text-left-tablet-only {
    text-align: left !important
  }
}

@media screen and (max-width:1023px) {
  .has-text-left-touch {
    text-align: left !important
  }
}

@media screen and (min-width:1024px) {
  .has-text-left-desktop {
    text-align: left !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .has-text-left-desktop-only {
    text-align: left !important
  }
}

@media screen and (min-width:1216px) {
  .has-text-left-widescreen {
    text-align: left !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important
  }
}

@media screen and (min-width:1408px) {
  .has-text-left-fullhd {
    text-align: left !important
  }
}

@media screen and (max-width:768px) {
  .has-text-right-mobile {
    text-align: right !important
  }
}

@media print,
screen and (min-width:769px) {
  .has-text-right-tablet {
    text-align: right !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .has-text-right-tablet-only {
    text-align: right !important
  }
}

@media screen and (max-width:1023px) {
  .has-text-right-touch {
    text-align: right !important
  }
}

@media screen and (min-width:1024px) {
  .has-text-right-desktop {
    text-align: right !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .has-text-right-desktop-only {
    text-align: right !important
  }
}

@media screen and (min-width:1216px) {
  .has-text-right-widescreen {
    text-align: right !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important
  }
}

@media screen and (min-width:1408px) {
  .has-text-right-fullhd {
    text-align: right !important
  }
}

.is-capitalized {
  text-transform: capitalize !important
}

.is-lowercase {
  text-transform: lowercase !important
}

.is-uppercase {
  text-transform: uppercase !important
}

.is-italic {
  font-style: italic !important
}

.is-underlined {
  -webkit-text-decoration: underline !important;
  text-decoration: underline !important
}

.has-text-weight-light {
  font-weight: 300 !important
}

.has-text-weight-normal {
  font-weight: 400 !important
}

.has-text-weight-medium {
  font-weight: 500 !important
}

.has-text-weight-semibold {
  font-weight: 600 !important
}

.has-text-weight-bold {
  font-weight: 700 !important
}

.is-family-primary,
.is-family-sans-serif,
.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important
}

.is-family-code,
.is-family-monospace {
  font-family: monospace !important
}

.is-block {
  display: block !important
}

@media screen and (max-width:768px) {
  .is-block-mobile {
    display: block !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-block-tablet {
    display: block !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .is-block-tablet-only {
    display: block !important
  }
}

@media screen and (max-width:1023px) {
  .is-block-touch {
    display: block !important
  }
}

@media screen and (min-width:1024px) {
  .is-block-desktop {
    display: block !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .is-block-desktop-only {
    display: block !important
  }
}

@media screen and (min-width:1216px) {
  .is-block-widescreen {
    display: block !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .is-block-widescreen-only {
    display: block !important
  }
}

@media screen and (min-width:1408px) {
  .is-block-fullhd {
    display: block !important
  }
}

.is-flex {
  display: flex !important
}

@media screen and (max-width:768px) {
  .is-flex-mobile {
    display: flex !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-flex-tablet {
    display: flex !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .is-flex-tablet-only {
    display: flex !important
  }
}

@media screen and (max-width:1023px) {
  .is-flex-touch {
    display: flex !important
  }
}

@media screen and (min-width:1024px) {
  .is-flex-desktop {
    display: flex !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .is-flex-desktop-only {
    display: flex !important
  }
}

@media screen and (min-width:1216px) {
  .is-flex-widescreen {
    display: flex !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .is-flex-widescreen-only {
    display: flex !important
  }
}

@media screen and (min-width:1408px) {
  .is-flex-fullhd {
    display: flex !important
  }
}

.is-inline {
  display: inline !important
}

@media screen and (max-width:768px) {
  .is-inline-mobile {
    display: inline !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-inline-tablet {
    display: inline !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .is-inline-tablet-only {
    display: inline !important
  }
}

@media screen and (max-width:1023px) {
  .is-inline-touch {
    display: inline !important
  }
}

@media screen and (min-width:1024px) {
  .is-inline-desktop {
    display: inline !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .is-inline-desktop-only {
    display: inline !important
  }
}

@media screen and (min-width:1216px) {
  .is-inline-widescreen {
    display: inline !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .is-inline-widescreen-only {
    display: inline !important
  }
}

@media screen and (min-width:1408px) {
  .is-inline-fullhd {
    display: inline !important
  }
}

.is-inline-block {
  display: inline-block !important
}

@media screen and (max-width:768px) {
  .is-inline-block-mobile {
    display: inline-block !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-inline-block-tablet {
    display: inline-block !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important
  }
}

@media screen and (max-width:1023px) {
  .is-inline-block-touch {
    display: inline-block !important
  }
}

@media screen and (min-width:1024px) {
  .is-inline-block-desktop {
    display: inline-block !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important
  }
}

@media screen and (min-width:1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important
  }
}

@media screen and (min-width:1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important
  }
}

.is-inline-flex {
  display: inline-flex !important
}

@media screen and (max-width:768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-inline-flex-tablet {
    display: inline-flex !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important
  }
}

@media screen and (max-width:1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important
  }
}

@media screen and (min-width:1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important
  }
}

@media screen and (min-width:1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important
  }
}

@media screen and (min-width:1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important
  }
}

.is-hidden {
  display: none !important
}

.is-sr-only {
  clip: rect(0, 0, 0, 0) !important;
  border: none !important;
  height: .01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: .01em !important
}

@media screen and (max-width:768px) {
  .is-hidden-mobile {
    display: none !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-hidden-tablet {
    display: none !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .is-hidden-tablet-only {
    display: none !important
  }
}

@media screen and (max-width:1023px) {
  .is-hidden-touch {
    display: none !important
  }
}

@media screen and (min-width:1024px) {
  .is-hidden-desktop {
    display: none !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .is-hidden-desktop-only {
    display: none !important
  }
}

@media screen and (min-width:1216px) {
  .is-hidden-widescreen {
    display: none !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .is-hidden-widescreen-only {
    display: none !important
  }
}

@media screen and (min-width:1408px) {
  .is-hidden-fullhd {
    display: none !important
  }
}

.is-invisible {
  visibility: hidden !important
}

@media screen and (max-width:768px) {
  .is-invisible-mobile {
    visibility: hidden !important
  }
}

@media print,
screen and (min-width:769px) {
  .is-invisible-tablet {
    visibility: hidden !important
  }
}

@media screen and (min-width:769px)and (max-width:1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important
  }
}

@media screen and (max-width:1023px) {
  .is-invisible-touch {
    visibility: hidden !important
  }
}

@media screen and (min-width:1024px) {
  .is-invisible-desktop {
    visibility: hidden !important
  }
}

@media screen and (min-width:1024px)and (max-width:1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important
  }
}

@media screen and (min-width:1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important
  }
}

@media screen and (min-width:1216px)and (max-width:1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important
  }
}

@media screen and (min-width:1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important
  }
}

.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.hero .navbar {
  background: none
}

.hero .tabs ul {
  border-bottom: none
}

.hero.is-white {
  background-color: #fff;
  color: #0a0a0a
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit
}

.hero.is-white .title {
  color: #0a0a0a
}

.hero.is-white .subtitle {
  color: hsla(0, 0%, 4%, .9)
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: #0a0a0a
}

@media screen and (max-width:1023px) {
  .hero.is-white .navbar-menu {
    background-color: #fff
  }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: hsla(0, 0%, 4%, .7)
}

.hero.is-white .navbar-link.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white a.navbar-item:hover {
  background-color: #f2f2f2;
  color: #0a0a0a
}

.hero.is-white .tabs a {
  color: #0a0a0a;
  opacity: .9
}

.hero.is-white .tabs a:hover {
  opacity: 1
}

.hero.is-white .tabs li.is-active a {
  color: #fff !important;
  opacity: 1
}

.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
  color: #0a0a0a
}

.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: #0a0a0a;
  border-color: #0a0a0a;
  color: #fff
}

.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, #e8e3e4, #fff 71%, #fff)
}

@media screen and (max-width:768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #e8e3e4, #fff 71%, #fff)
  }
}

.hero.is-black {
  background-color: #0a0a0a;
  color: #fff
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit
}

.hero.is-black .title {
  color: #fff
}

.hero.is-black .subtitle {
  color: hsla(0, 0%, 100%, .9)
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: #fff
}

@media screen and (max-width:1023px) {
  .hero.is-black .navbar-menu {
    background-color: #0a0a0a
  }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: hsla(0, 0%, 100%, .7)
}

.hero.is-black .navbar-link.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black a.navbar-item:hover {
  background-color: #000;
  color: #fff
}

.hero.is-black .tabs a {
  color: #fff;
  opacity: .9
}

.hero.is-black .tabs a:hover {
  opacity: 1
}

.hero.is-black .tabs li.is-active a {
  color: #0a0a0a !important;
  opacity: 1
}

.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
  color: #fff
}

.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #0a0a0a
}

.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616)
}

@media screen and (max-width:768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616)
  }
}

.hero.is-light {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit
}

.hero.is-light .title {
  color: rgba(0, 0, 0, .7)
}

.hero.is-light .subtitle {
  color: rgba(0, 0, 0, .9)
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, .7)
}

@media screen and (max-width:1023px) {
  .hero.is-light .navbar-menu {
    background-color: #f5f5f5
  }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, .7)
}

.hero.is-light .navbar-link.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light a.navbar-item:hover {
  background-color: #e8e8e8;
  color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs a {
  color: rgba(0, 0, 0, .7);
  opacity: .9
}

.hero.is-light .tabs a:hover {
  opacity: 1
}

.hero.is-light .tabs li.is-active a {
  color: #f5f5f5 !important;
  opacity: 1
}

.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, .7);
  border-color: rgba(0, 0, 0, .7);
  color: #f5f5f5
}

.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff)
}

@media screen and (max-width:768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff)
  }
}

.hero.is-dark {
  background-color: #363636;
  color: #fff
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit
}

.hero.is-dark .title {
  color: #fff
}

.hero.is-dark .subtitle {
  color: hsla(0, 0%, 100%, .9)
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: #fff
}

@media screen and (max-width:1023px) {
  .hero.is-dark .navbar-menu {
    background-color: #363636
  }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: hsla(0, 0%, 100%, .7)
}

.hero.is-dark .navbar-link.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark a.navbar-item:hover {
  background-color: #292929;
  color: #fff
}

.hero.is-dark .tabs a {
  color: #fff;
  opacity: .9
}

.hero.is-dark .tabs a:hover {
  opacity: 1
}

.hero.is-dark .tabs li.is-active a {
  color: #363636 !important;
  opacity: 1
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
  color: #fff
}

.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #363636
}

.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f)
}

@media screen and (max-width:768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f)
  }
}

.hero.is-primary {
  background-color: #8f4475;
  color: #fff
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit
}

.hero.is-primary .title {
  color: #fff
}

.hero.is-primary .subtitle {
  color: hsla(0, 0%, 100%, .9)
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: #fff
}

@media screen and (max-width:1023px) {
  .hero.is-primary .navbar-menu {
    background-color: #8f4475
  }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: hsla(0, 0%, 100%, .7)
}

.hero.is-primary .navbar-link.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary a.navbar-item:hover {
  background-color: #7e3c67;
  color: #fff
}

.hero.is-primary .tabs a {
  color: #fff;
  opacity: .9
}

.hero.is-primary .tabs a:hover {
  opacity: 1
}

.hero.is-primary .tabs li.is-active a {
  color: #8f4475 !important;
  opacity: 1
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
  color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #8f4475
}

.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, #742c67, #8f4475 71%, #a64675)
}

@media screen and (max-width:768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #742c67, #8f4475 71%, #a64675)
  }
}

.hero.is-link {
  background-color: #485fc7;
  color: #fff
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit
}

.hero.is-link .title {
  color: #fff
}

.hero.is-link .subtitle {
  color: hsla(0, 0%, 100%, .9)
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: #fff
}

@media screen and (max-width:1023px) {
  .hero.is-link .navbar-menu {
    background-color: #485fc7
  }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: hsla(0, 0%, 100%, .7)
}

.hero.is-link .navbar-link.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link a.navbar-item:hover {
  background-color: #3a51bb;
  color: #fff
}

.hero.is-link .tabs a {
  color: #fff;
  opacity: .9
}

.hero.is-link .tabs a:hover {
  opacity: 1
}

.hero.is-link .tabs li.is-active a {
  color: #485fc7 !important;
  opacity: 1
}

.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
  color: #fff
}

.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #485fc7
}

.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, #2959b3, #485fc7 71%, #5658d2)
}

@media screen and (max-width:768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #2959b3, #485fc7 71%, #5658d2)
  }
}

.hero.is-info {
  background-color: #3e8ed0;
  color: #fff
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit
}

.hero.is-info .title {
  color: #fff
}

.hero.is-info .subtitle {
  color: hsla(0, 0%, 100%, .9)
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff
}

@media screen and (max-width:1023px) {
  .hero.is-info .navbar-menu {
    background-color: #3e8ed0
  }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: hsla(0, 0%, 100%, .7)
}

.hero.is-info .navbar-link.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info a.navbar-item:hover {
  background-color: #3082c5;
  color: #fff
}

.hero.is-info .tabs a {
  color: #fff;
  opacity: .9
}

.hero.is-info .tabs a:hover {
  opacity: 1
}

.hero.is-info .tabs li.is-active a {
  color: #3e8ed0 !important;
  opacity: 1
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
  color: #fff
}

.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #3e8ed0
}

.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, #208fbc, #3e8ed0 71%, #4d83db)
}

@media screen and (max-width:768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #208fbc, #3e8ed0 71%, #4d83db)
  }
}

.hero.is-success {
  background-color: #48c78e;
  color: #fff
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit
}

.hero.is-success .title {
  color: #fff
}

.hero.is-success .subtitle {
  color: hsla(0, 0%, 100%, .9)
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff
}

@media screen and (max-width:1023px) {
  .hero.is-success .navbar-menu {
    background-color: #48c78e
  }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: hsla(0, 0%, 100%, .7)
}

.hero.is-success .navbar-link.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success a.navbar-item:hover {
  background-color: #3abb81;
  color: #fff
}

.hero.is-success .tabs a {
  color: #fff;
  opacity: .9
}

.hero.is-success .tabs a:hover {
  opacity: 1
}

.hero.is-success .tabs li.is-active a {
  color: #48c78e !important;
  opacity: 1
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
  color: #fff
}

.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #48c78e
}

.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, #29b35e, #48c78e 71%, #56d2af)
}

@media screen and (max-width:768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #29b35e, #48c78e 71%, #56d2af)
  }
}

.hero.is-warning {
  background-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit
}

.hero.is-warning .title {
  color: rgba(0, 0, 0, .7)
}

.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, .9)
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, .7)
}

@media screen and (max-width:1023px) {
  .hero.is-warning .navbar-menu {
    background-color: #ffc740
  }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(0, 0, 0, .7)
}

.hero.is-warning .navbar-link.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning a.navbar-item:hover {
  background-color: #ffc027;
  color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, .7);
  opacity: .9
}

.hero.is-warning .tabs a:hover {
  opacity: 1
}

.hero.is-warning .tabs li.is-active a {
  color: #ffc740 !important;
  opacity: 1
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, .7);
  border-color: rgba(0, 0, 0, .7);
  color: #ffc740
}

.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, #ff900d, #ffc740 71%, #ffea5a)
}

@media screen and (max-width:768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #ff900d, #ffc740 71%, #ffea5a)
  }
}

.hero.is-danger {
  background-color: #f14668;
  color: #fff
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit
}

.hero.is-danger .title {
  color: #fff
}

.hero.is-danger .subtitle {
  color: hsla(0, 0%, 100%, .9)
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff
}

@media screen and (max-width:1023px) {
  .hero.is-danger .navbar-menu {
    background-color: #f14668
  }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: hsla(0, 0%, 100%, .7)
}

.hero.is-danger .navbar-link.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger a.navbar-item:hover {
  background-color: #ef2e55;
  color: #fff
}

.hero.is-danger .tabs a {
  color: #fff;
  opacity: .9
}

.hero.is-danger .tabs a:hover {
  opacity: 1
}

.hero.is-danger .tabs li.is-active a {
  color: #f14668 !important;
  opacity: 1
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
  color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, .1)
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #f14668
}

.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, #fa0a62, #f14668 71%, #f7595f)
}

@media screen and (max-width:768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, #fa0a62, #f14668 71%, #f7595f)
  }
}

.hero.is-small .hero-body {
  padding: 1.5rem
}

@media print,
screen and (min-width:769px) {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem
  }

  .hero.is-large .hero-body {
    padding: 18rem 6rem
  }
}

.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body,
.hero.is-halfheight .hero-body {
  align-items: center;
  display: flex
}

.hero.is-fullheight .hero-body>.container,
.hero.is-fullheight-with-navbar .hero-body>.container,
.hero.is-halfheight .hero-body>.container {
  flex-grow: 1;
  flex-shrink: 1
}

.hero.is-halfheight {
  min-height: 50vh
}

.hero.is-fullheight {
  min-height: 100vh
}

.hero-video {
  overflow: hidden
}

.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0)
}

.hero-video.is-transparent {
  opacity: .3
}

@media screen and (max-width:768px) {
  .hero-video {
    display: none
  }
}

.hero-buttons {
  margin-top: 1.5rem
}

@media screen and (max-width:768px) {
  .hero-buttons .button {
    display: flex
  }

  .hero-buttons .button:not(:last-child) {
    margin-bottom: .75rem
  }
}

@media print,
screen and (min-width:769px) {
  .hero-buttons {
    display: flex;
    justify-content: center
  }

  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem
  }
}

.hero-foot,
.hero-head {
  flex-grow: 0;
  flex-shrink: 0
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem
}

@media print,
screen and (min-width:769px) {
  .hero-body {
    padding: 3rem
  }
}

.section {
  padding: 3rem 1.5rem
}

@media screen and (min-width:1024px) {
  .section {
    padding: 3rem
  }

  .section.is-medium {
    padding: 9rem 4.5rem
  }

  .section.is-large {
    padding: 18rem 6rem
  }
}

.footer {
  background-color: #fafafa;
  padding: 3rem 1.5rem 6rem
}

.is-noscroll {
  bottom: 0;
  overflow-y: hidden;
  position: fixed;
  width: 100%
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}

.fadeOutDown {
  animation-name: fadeOutDown
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}

.fadeOutUp {
  animation-name: fadeOutUp
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  animation-name: fadeIn
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInDown {
  animation-name: fadeInDown
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInUp {
  animation-name: fadeInUp
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity .15s ease-out
}

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

.zoom-in-enter-active,
.zoom-in-leave-active {
  transition: opacity .15s ease-out
}

.zoom-in-enter-active .animation-content,
.zoom-in-leave-active .animation-content {
  transition: transform .15s ease-out
}

.zoom-in-enter,
.zoom-in-leave-active {
  opacity: 0
}

.zoom-in-enter .animation-content,
.zoom-in-leave-active .animation-content {
  transform: scale(.95)
}

.zoom-out-enter-active,
.zoom-out-leave-active {
  transition: opacity .15s ease-out
}

.zoom-out-enter-active .animation-content,
.zoom-out-leave-active .animation-content {
  transition: transform .15s ease-out
}

.zoom-out-enter,
.zoom-out-leave-active {
  opacity: 0
}

.zoom-out-enter .animation-content,
.zoom-out-leave-active .animation-content {
  transform: scale(1.05)
}

.slide-next-enter-active,
.slide-next-leave-active,
.slide-prev-enter-active,
.slide-prev-leave-active {
  transition: transform .25s cubic-bezier(.785, .135, .15, .86)
}

.slide-next-enter,
.slide-prev-leave-to {
  position: absolute;
  transform: translate3d(-100%, 0, 0);
  width: 100%
}

.slide-next-leave-to,
.slide-prev-enter {
  position: absolute;
  transform: translate3d(100%, 0, 0);
  width: 100%
}

.slide-down-enter-active,
.slide-down-leave-active,
.slide-up-enter-active,
.slide-up-leave-active {
  transition: transform .25s cubic-bezier(.785, .135, .15, .86)
}

.slide-down-enter,
.slide-up-leave-to {
  height: 100%;
  position: absolute;
  transform: translate3d(0, -100%, 0)
}

.slide-down-leave-to,
.slide-up-enter {
  height: 100%;
  position: absolute;
  transform: translate3d(0, 100%, 0)
}

.slide-enter-active,
.slide-leave-active {
  transition: .15s ease-out
}

.slide-leave-active {
  transition-timing-function: cubic-bezier(0, 1, .5, 1)
}

.slide-enter-to,
.slide-leave {
  max-height: 100px;
  overflow: hidden
}

.slide-enter,
.slide-leave-to {
  max-height: 0;
  overflow: hidden
}

.autocomplete {
  position: relative
}

.autocomplete .dropdown-menu {
  display: block;
  width: 100%
}

.autocomplete .dropdown-menu.is-opened-top {
  bottom: 100%;
  top: auto
}

.autocomplete .dropdown-content {
  max-height: 200px;
  overflow: auto
}

.autocomplete .dropdown .dropdown-menu .has-link a,
.autocomplete .dropdown-item,
.dropdown .dropdown-menu .has-link .autocomplete a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.autocomplete .dropdown .dropdown-menu .has-link a.is-hovered,
.autocomplete .dropdown-item.is-hovered,
.dropdown .dropdown-menu .has-link .autocomplete a.is-hovered {
  background: #f5f5f5;
  color: #0a0a0a
}

.autocomplete .dropdown .dropdown-menu .has-link a.is-disabled,
.autocomplete .dropdown-item.is-disabled,
.dropdown .dropdown-menu .has-link .autocomplete a.is-disabled {
  cursor: not-allowed;
  opacity: .5
}

.autocomplete.is-small {
  border-radius: 2px;
  font-size: .75rem
}

.autocomplete.is-medium {
  font-size: 1.25rem
}

.autocomplete.is-large {
  font-size: 1.5rem
}

.carousel {
  min-height: 120px;
  position: relative
}

.carousel.is-overlay {
  align-items: center;
  background-color: hsla(0, 0%, 4%, .86);
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 100vh;
  position: fixed;
  z-index: 40
}

.carousel.is-overlay .carousel-item img {
  cursor: default
}

.carousel.is-overlay .carousel-indicator.has-background {
  background: transparent
}

.carousel .progress,
.carousel .progress-wrapper.is-not-native {
  border-radius: 2px;
  height: .25rem;
  margin-bottom: 0
}

.carousel .carousel-items {
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%
}

@media print,
screen and (min-width:769px) {
  .carousel .carousel-items:hover .carousel-arrow.is-hovered {
    opacity: 1
  }
}

.carousel .carousel-items .carousel-item {
  flex-shrink: 0;
  width: 100%
}

.carousel .carousel-pause {
  pointer-events: none;
  position: absolute;
  right: .15rem;
  top: 0;
  z-index: 1
}

.carousel .carousel-indicator {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: .5rem;
  width: 100%
}

.carousel .carousel-indicator.has-background {
  background: hsla(0, 0%, 4%, .5)
}

.carousel .carousel-indicator.has-custom {
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: hidden;
  overflow-x: auto
}

.carousel .carousel-indicator.has-custom.is-small .indicator-item {
  flex: 1 0 10%
}

.carousel .carousel-indicator.has-custom.is-medium .indicator-item {
  flex: 1 0 16.66667%
}

.carousel .carousel-indicator.is-inside {
  position: absolute
}

.carousel .carousel-indicator.is-inside.is-bottom {
  bottom: 0
}

.carousel .carousel-indicator.is-inside.is-top {
  top: 0
}

.carousel .carousel-indicator .indicator-item:not(:last-child) {
  margin-right: .5rem
}

.carousel .carousel-indicator .indicator-item .indicator-style:hover,
.carousel .carousel-indicator .indicator-item.is-active .indicator-style {
  background: #8f4475;
  border: 1px solid #fff
}

.carousel .carousel-indicator .indicator-item .indicator-style {
  background: #fff;
  border: 1px solid #8f4475;
  display: block;
  outline: none;
  transition: .15s ease-out
}

.carousel .carousel-indicator .indicator-item .indicator-style.is-boxes {
  height: 10px;
  width: 10px
}

.carousel .carousel-indicator .indicator-item .indicator-style.is-dots {
  border-radius: 9999px;
  height: 10px;
  width: 10px
}

.carousel .carousel-indicator .indicator-item .indicator-style.is-lines {
  height: 5px;
  width: 25px
}

.carousel-list {
  overflow: hidden;
  position: relative;
  width: 100%
}

.carousel-list.has-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

@media print,
screen and (min-width:769px) {
  .carousel-list:hover .carousel-arrow.is-hovered {
    opacity: 1
  }
}

.carousel-list .carousel-slides {
  display: flex;
  position: relative;
  width: 100%
}

.carousel-list .carousel-slides:not(.is-dragging) {
  transition: all .25s ease-out 0s
}

.carousel-list .carousel-slides.has-grayscale .carousel-slide img {
  filter: grayscale(100%)
}

.carousel-list .carousel-slides.has-grayscale .carousel-slide.is-active img {
  filter: grayscale(0)
}

.carousel-list .carousel-slides.has-opacity .carousel-slide img {
  opacity: .25
}

.carousel-list .carousel-slides.has-opacity .carousel-slide.is-active img {
  opacity: 1
}

.carousel-list .carousel-slides .carousel-slide {
  border: 2px solid transparent;
  flex-shrink: 0
}

.carousel-arrow {
  transition: .15s ease-out
}

.carousel-arrow.is-hovered {
  opacity: 0
}

.carousel-arrow .icon {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  color: #8f4475;
  cursor: pointer;
  outline: 0
}

.carousel-arrow .icon:hover {
  border: 1px solid #8f4475;
  opacity: 1
}

.carousel-arrow .icon.has-icons-left,
.carousel-arrow .icon.has-icons-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.carousel-arrow .icon.has-icons-left {
  left: 1.5rem
}

.carousel-arrow .icon.has-icons-right {
  right: 1.5rem
}

.b-checkbox.checkbox {
  align-items: center;
  display: inline-flex;
  outline: none
}

.b-checkbox.checkbox:not(.button) {
  margin-right: .5em
}

.b-checkbox.checkbox:not(.button)+.checkbox:last-child {
  margin-right: 0
}

.b-checkbox.checkbox input[type=checkbox] {
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1
}

.b-checkbox.checkbox input[type=checkbox]+.check {
  background: transparent;
  border: 2px solid #7a7a7a;
  border-radius: 4px;
  flex-shrink: 0;
  height: 1.25em;
  transition: background .15s ease-out;
  width: 1.25em
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check {
  background: #8f4475 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #8f4475
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-white {
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%230a0a0a'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #fff
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-black {
  background: #0a0a0a url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #0a0a0a
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-light {
  background: #f5f5f5 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:rgba(0,0,0,.7)'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #f5f5f5
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-dark {
  background: #363636 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #363636
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-primary {
  background: #8f4475 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #8f4475
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-link {
  background: #485fc7 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #485fc7
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-info {
  background: #3e8ed0 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #3e8ed0
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-success {
  background: #48c78e url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #48c78e
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-warning {
  background: #ffc740 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:rgba(0,0,0,.7)'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #ffc740
}

.b-checkbox.checkbox input[type=checkbox]:checked+.check.is-danger {
  background: #f14668 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #f14668
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check {
  background: #8f4475 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #8f4475
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-white {
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%230a0a0a'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #fff
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-black {
  background: #0a0a0a url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #0a0a0a
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-light {
  background: #f5f5f5 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:rgba(0,0,0,.7)'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #f5f5f5
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-dark {
  background: #363636 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #363636
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-primary {
  background: #8f4475 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #8f4475
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-link {
  background: #485fc7 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #485fc7
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-info {
  background: #3e8ed0 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #3e8ed0
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-success {
  background: #48c78e url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #48c78e
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-warning {
  background: #ffc740 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:rgba(0,0,0,.7)'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #ffc740
}

.b-checkbox.checkbox input[type=checkbox]:indeterminate+.check.is-danger {
  background: #f14668 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.15.4h.7v.2h-.7z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat 50%;
  border-color: #f14668
}

.b-checkbox.checkbox input[type=checkbox]:focus+.check {
  box-shadow: 0 0 .5em hsla(0, 0%, 48%, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check {
  box-shadow: 0 0 .5em rgba(143, 68, 117, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-white {
  box-shadow: 0 0 .5em hsla(0, 0%, 100%, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-black {
  box-shadow: 0 0 .5em hsla(0, 0%, 4%, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-light {
  box-shadow: 0 0 .5em hsla(0, 0%, 96%, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-dark {
  box-shadow: 0 0 .5em rgba(54, 54, 54, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-primary {
  box-shadow: 0 0 .5em rgba(143, 68, 117, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-link {
  box-shadow: 0 0 .5em rgba(72, 95, 199, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-info {
  box-shadow: 0 0 .5em rgba(62, 142, 208, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-success {
  box-shadow: 0 0 .5em rgba(72, 199, 142, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-warning {
  box-shadow: 0 0 .5em rgba(255, 199, 64, .8)
}

.b-checkbox.checkbox input[type=checkbox]:focus:checked+.check.is-danger {
  box-shadow: 0 0 .5em rgba(241, 70, 104, .8)
}

.b-checkbox.checkbox .control-label {
  padding-left: calc(.75em - 1px)
}

.b-checkbox.checkbox.button {
  display: flex
}

.b-checkbox.checkbox[disabled] {
  opacity: .5
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check {
  border-color: #8f4475
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-white {
  border-color: #fff
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-black {
  border-color: #0a0a0a
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-light {
  border-color: #f5f5f5
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-dark {
  border-color: #363636
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-primary {
  border-color: #8f4475
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-link {
  border-color: #485fc7
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-info {
  border-color: #3e8ed0
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-success {
  border-color: #48c78e
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-warning {
  border-color: #ffc740
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check.is-danger {
  border-color: #f14668
}

.b-checkbox.checkbox.is-small {
  border-radius: 2px;
  font-size: .75rem
}

.b-checkbox.checkbox.is-medium {
  font-size: 1.25rem
}

.b-checkbox.checkbox.is-large {
  font-size: 1.5rem
}

.b-clockpicker .card-header {
  background-color: #8f4475;
  color: #fff
}

.b-clockpicker .b-clockpicker-face:after {
  background-color: #8f4475
}

.b-clockpicker .b-clockpicker-face-hand {
  background-color: #8f4475;
  border-color: #8f4475
}

.b-clockpicker .b-clockpicker-face-number.active {
  background-color: #8f4475;
  color: #fff
}

.b-clockpicker.is-white .card-header {
  background-color: #fff;
  color: #0a0a0a
}

.b-clockpicker.is-white .b-clockpicker-face:after {
  background-color: #fff
}

.b-clockpicker.is-white .b-clockpicker-face-hand {
  background-color: #fff;
  border-color: #fff
}

.b-clockpicker.is-white .b-clockpicker-face-number.active {
  background-color: #fff;
  color: #0a0a0a
}

.b-clockpicker.is-black .card-header {
  background-color: #0a0a0a;
  color: #fff
}

.b-clockpicker.is-black .b-clockpicker-face:after {
  background-color: #0a0a0a
}

.b-clockpicker.is-black .b-clockpicker-face-hand {
  background-color: #0a0a0a;
  border-color: #0a0a0a
}

.b-clockpicker.is-black .b-clockpicker-face-number.active {
  background-color: #0a0a0a;
  color: #fff
}

.b-clockpicker.is-light .card-header {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.b-clockpicker.is-light .b-clockpicker-face:after {
  background-color: #f5f5f5
}

.b-clockpicker.is-light .b-clockpicker-face-hand {
  background-color: #f5f5f5;
  border-color: #f5f5f5
}

.b-clockpicker.is-light .b-clockpicker-face-number.active {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.b-clockpicker.is-dark .card-header {
  background-color: #363636;
  color: #fff
}

.b-clockpicker.is-dark .b-clockpicker-face:after {
  background-color: #363636
}

.b-clockpicker.is-dark .b-clockpicker-face-hand {
  background-color: #363636;
  border-color: #363636
}

.b-clockpicker.is-dark .b-clockpicker-face-number.active {
  background-color: #363636;
  color: #fff
}

.b-clockpicker.is-primary .card-header {
  background-color: #8f4475;
  color: #fff
}

.b-clockpicker.is-primary .b-clockpicker-face:after {
  background-color: #8f4475
}

.b-clockpicker.is-primary .b-clockpicker-face-hand {
  background-color: #8f4475;
  border-color: #8f4475
}

.b-clockpicker.is-primary .b-clockpicker-face-number.active {
  background-color: #8f4475;
  color: #fff
}

.b-clockpicker.is-link .card-header {
  background-color: #485fc7;
  color: #fff
}

.b-clockpicker.is-link .b-clockpicker-face:after {
  background-color: #485fc7
}

.b-clockpicker.is-link .b-clockpicker-face-hand {
  background-color: #485fc7;
  border-color: #485fc7
}

.b-clockpicker.is-link .b-clockpicker-face-number.active {
  background-color: #485fc7;
  color: #fff
}

.b-clockpicker.is-info .card-header {
  background-color: #3e8ed0;
  color: #fff
}

.b-clockpicker.is-info .b-clockpicker-face:after {
  background-color: #3e8ed0
}

.b-clockpicker.is-info .b-clockpicker-face-hand {
  background-color: #3e8ed0;
  border-color: #3e8ed0
}

.b-clockpicker.is-info .b-clockpicker-face-number.active {
  background-color: #3e8ed0;
  color: #fff
}

.b-clockpicker.is-success .card-header {
  background-color: #48c78e;
  color: #fff
}

.b-clockpicker.is-success .b-clockpicker-face:after {
  background-color: #48c78e
}

.b-clockpicker.is-success .b-clockpicker-face-hand {
  background-color: #48c78e;
  border-color: #48c78e
}

.b-clockpicker.is-success .b-clockpicker-face-number.active {
  background-color: #48c78e;
  color: #fff
}

.b-clockpicker.is-warning .card-header {
  background-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.b-clockpicker.is-warning .b-clockpicker-face:after {
  background-color: #ffc740
}

.b-clockpicker.is-warning .b-clockpicker-face-hand {
  background-color: #ffc740;
  border-color: #ffc740
}

.b-clockpicker.is-warning .b-clockpicker-face-number.active {
  background-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.b-clockpicker.is-danger .card-header {
  background-color: #f14668;
  color: #fff
}

.b-clockpicker.is-danger .b-clockpicker-face:after {
  background-color: #f14668
}

.b-clockpicker.is-danger .b-clockpicker-face-hand {
  background-color: #f14668;
  border-color: #f14668
}

.b-clockpicker.is-danger .b-clockpicker-face-number.active {
  background-color: #f14668;
  color: #fff
}

.b-clockpicker .dropdown-menu {
  min-width: 0
}

.b-clockpicker .dropdown,
.b-clockpicker .dropdown-trigger {
  width: 100%
}

.b-clockpicker .dropdown .input[readonly],
.b-clockpicker .dropdown-trigger .input[readonly] {
  box-shadow: inset 0 .0625em .125em hsla(0, 0%, 4%, .05);
  cursor: pointer
}

.b-clockpicker .dropdown .input[readonly].is-active,
.b-clockpicker .dropdown .input[readonly].is-focused,
.b-clockpicker .dropdown .input[readonly]:active,
.b-clockpicker .dropdown .input[readonly]:focus,
.b-clockpicker .dropdown-trigger .input[readonly].is-active,
.b-clockpicker .dropdown-trigger .input[readonly].is-focused,
.b-clockpicker .dropdown-trigger .input[readonly]:active,
.b-clockpicker .dropdown-trigger .input[readonly]:focus {
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.b-clockpicker .dropdown .dropdown-menu .has-link a,
.b-clockpicker .dropdown-item,
.dropdown .dropdown-menu .has-link .b-clockpicker a {
  font-size: inherit;
  padding: 0
}

.b-clockpicker .dropdown-content {
  padding-bottom: 0;
  padding-top: 0
}

.b-clockpicker .card {
  border-radius: .25rem
}

.b-clockpicker .card-header {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.b-clockpicker .card-content {
  padding: 12px
}

.b-clockpicker-btn {
  cursor: pointer;
  opacity: .6
}

.b-clockpicker-btn.active,
.b-clockpicker-btn:hover {
  opacity: 1
}

.b-clockpicker-period .b-clockpicker-btn {
  font-size: 16px
}

.b-clockpicker-time span {
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.b-clockpicker-header {
  color: inherit;
  display: flex;
  justify-content: flex-end;
  line-height: 1
}

.b-clockpicker-header .b-clockpicker-time {
  white-space: nowrap
}

.b-clockpicker-header .b-clockpicker-time span {
  font-size: 60px;
  height: 60px
}

.b-clockpicker-header .b-clockpicker-period {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin: 8px 0 6px 8px
}

.b-clockpicker-body {
  transition: .9s cubic-bezier(.25, .8, .5, 1)
}

.b-clockpicker-body .b-clockpicker-btn {
  border-radius: 9999px;
  margin-bottom: 2px;
  padding: 0 8px
}

.b-clockpicker-body .b-clockpicker-btn.active,
.b-clockpicker-body .b-clockpicker-btn:hover {
  background-color: #8f4475;
  color: #fff
}

.b-clockpicker-body .b-clockpicker-period {
  position: absolute;
  right: 5px;
  top: 5px
}

.b-clockpicker-body .b-clockpicker-time {
  font-size: 16px;
  left: 5px;
  position: absolute;
  top: 5px
}

.b-clockpicker-body .b-clockpicker-face {
  align-items: center;
  background-color: #dbdbdb;
  border-radius: 50%;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%
}

.b-clockpicker-body .b-clockpicker-face:after {
  border-radius: 50%;
  content: "";
  height: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  z-index: 10
}

.b-clockpicker-body .b-clockpicker-face-outer-ring {
  border-radius: 50%;
  height: calc(100% - 50px);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: calc(100% - 50px)
}

.b-clockpicker-body .b-clockpicker-face-number {
  align-items: center;
  border-radius: 100%;
  cursor: default;
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  left: calc(50% - 20px);
  position: absolute;
  text-align: center;
  top: calc(50% - 20px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 40px
}

.b-clockpicker-body .b-clockpicker-face-number>span {
  z-index: 1
}

.b-clockpicker-body .b-clockpicker-face-number:after,
.b-clockpicker-body .b-clockpicker-face-number:before {
  border-radius: 100%;
  content: "";
  height: 40px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px
}

.b-clockpicker-body .b-clockpicker-face-number.active {
  cursor: default;
  z-index: 2
}

.b-clockpicker-body .b-clockpicker-face-number.disabled {
  opacity: .25;
  pointer-events: none
}

.b-clockpicker-body .b-clockpicker-face-hand {
  bottom: 50%;
  height: calc(50% - 6px);
  left: calc(50% - 1px);
  position: absolute;
  transform-origin: center bottom;
  width: 2px;
  will-change: transform;
  z-index: 1
}

.b-clockpicker-body .b-clockpicker-face-hand:before {
  background: transparent;
  border: 2px solid;
  border-color: inherit;
  border-radius: 100%;
  content: "";
  height: 12px;
  left: 50%;
  position: absolute;
  top: -6px;
  transform: translate(-50%, -50%);
  width: 12px
}

.b-clockpicker-footer {
  display: block;
  padding: 12px
}

.b-clockpicker.is-small {
  border-radius: 2px;
  font-size: .75rem
}

.b-clockpicker.is-medium {
  font-size: 1.25rem
}

.b-clockpicker.is-large {
  font-size: 1.5rem
}

.collapse .collapse-trigger {
  cursor: pointer;
  display: inline
}

.collapse .collapse-content {
  display: inherit
}

.colorpicker .color-name {
  font-family: monospace;
  text-transform: uppercase
}

.colorpicker .colorpicker-footer {
  border: solid #dbdbdb;
  border-width: 1px 0 0;
  margin-top: .875rem;
  padding-top: .875rem
}

.colorpicker .colorpicker-footer .colorpicker-fields {
  margin-bottom: .875rem
}

.colorpicker .colorpicker-footer .colorpicker-fields .field {
  flex-grow: 1
}

.colorpicker .colorpicker-footer .colorpicker-fields .field .field-label {
  margin-right: .5rem
}

.colorpicker .colorpicker-footer .colorpicker-fields .field .control {
  display: flex
}

.colorpicker .colorpicker-footer .colorpicker-fields .field .control .input {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: textfield;
  flex-grow: 1;
  min-width: 42px;
  text-align: right;
  width: 0
}

.colorpicker .colorpicker-footer .colorpicker-fields .field .control .input::-webkit-inner-spin-button,
.colorpicker .colorpicker-footer .colorpicker-fields .field .control .input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.colorpicker .dropdown.is-expanded .dropdown-menu,
.colorpicker .dropdown.is-expanded.is-mobile-modal .dropdown-menu {
  width: auto
}

.colorpicker .dropdown-horizontal-colorpicker {
  display: flex;
  flex-direction: row
}

.colorpicker .dropdown-horizontal-colorpicker .colorpicker-footer {
  border-width: 0 0 0 1px;
  margin-left: .875rem;
  margin-top: 0;
  padding-left: .875rem;
  padding-top: 0
}

svg.b-colorpicker-triangle {
  height: 200px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 200px
}

@media(max-width:769px) {
  svg.b-colorpicker-triangle {
    height: auto;
    width: 100%
  }
}

svg.b-colorpicker-triangle .colorpicker-triangle-hue {
  background: conic-gradient(red, #ff0, #0f0, #0ff, #00f, #f0f, red);
  height: 100%;
  width: 100%
}

svg.b-colorpicker-triangle .colorpicker-triangle-slider-hue,
svg.b-colorpicker-triangle .colorpicker-triangle-slider-hue foreignObject,
svg.b-colorpicker-triangle .colorpicker-triangle-slider-hue g,
svg.b-colorpicker-triangle .colorpicker-triangle-slider-sl,
svg.b-colorpicker-triangle .colorpicker-triangle-slider-sl foreignObject,
svg.b-colorpicker-triangle .colorpicker-triangle-slider-sl g {
  transform-origin: 50% 50%
}

svg.b-colorpicker-triangle .hue-range-thumb,
svg.b-colorpicker-triangle .sl-range-thumb {
  background: transparent;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb;
  cursor: grab;
  height: calc(100% - .25em);
  margin: .125em;
  width: calc(100% - .25em)
}

svg.b-colorpicker-triangle .hue-range-thumb:hover,
svg.b-colorpicker-triangle .sl-range-thumb:hover {
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #b5b5b5
}

svg.b-colorpicker-triangle .hue-range-thumb:focus,
svg.b-colorpicker-triangle .sl-range-thumb:focus {
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #8f4475, 0 0 0 .125em rgba(143, 68, 117, .25)
}

svg.b-colorpicker-triangle .hue-range-thumb:active,
svg.b-colorpicker-triangle .sl-range-thumb:active {
  cursor: grabbing
}

div.b-colorpicker-square {
  aspect-ratio: 1/1;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

div.b-colorpicker-square .colorpicker-square-slider-hue {
  background: conic-gradient(red, #ff0, #0f0, #0ff, #00f, #f0f, red);
  border-radius: 4px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

div.b-colorpicker-square .colorpicker-square-slider-hue .hue-range-thumb {
  aspect-ratio: 1/1;
  border-radius: 2.28571px;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb;
  cursor: grab;
  position: absolute;
  transform: translate(-50%, -50%)
}

div.b-colorpicker-square .colorpicker-square-slider-hue .hue-range-thumb:hover {
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5
}

div.b-colorpicker-square .colorpicker-square-slider-hue .hue-range-thumb:focus {
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #8f4475, 0 0 0 .125em rgba(143, 68, 117, .25)
}

div.b-colorpicker-square .colorpicker-square-slider-hue .hue-range-thumb:active {
  cursor: grabbing
}

div.b-colorpicker-square .colorpicker-square-slider-sl {
  background: #fff;
  border-radius: 2px;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

div.b-colorpicker-square .colorpicker-square-slider-sl:before {
  background: linear-gradient(0deg, #000, #fff);
  bottom: 0;
  content: "";
  left: 0;
  mix-blend-mode: hard-light;
  position: absolute;
  right: 0;
  top: 0
}

div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb {
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #dbdbdb;
  cursor: grab;
  display: block;
  height: 8px;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 8px
}

div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:hover {
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5
}

div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:focus {
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #8f4475, 0 0 0 .125em rgba(143, 68, 117, .25)
}

div.b-colorpicker-square .colorpicker-square-slider-sl .sl-range-thumb:active {
  cursor: grabbing
}

.b-colorpicker-alpha-slider {
  background-image: linear-gradient(45deg, #c7c7c7 25%, transparent 0, transparent 75%, #c7c7c7 0, #c7c7c7), linear-gradient(45deg, #c7c7c7 25%, transparent 0, transparent 75%, #c7c7c7 0, #c7c7c7);
  background-position: .5em .5em, 0 0;
  background-size: 1em 1em;
  border-radius: 4px;
  height: 1em;
  margin-bottom: .875rem;
  margin-top: .125em;
  position: relative
}

.b-colorpicker-alpha-slider .alpha-range-thumb {
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #dbdbdb, 0 0 0 1px #dbdbdb;
  cursor: grab;
  height: 1.25em;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: .4em
}

.b-colorpicker-alpha-slider .alpha-range-thumb:hover {
  box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #b5b5b5, 0 0 0 1px #b5b5b5
}

.b-colorpicker-alpha-slider .alpha-range-thumb:focus {
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #8f4475, 0 0 0 .125em rgba(143, 68, 117, .25)
}

.b-colorpicker-alpha-slider .alpha-range-thumb:active {
  cursor: grabbing
}

.b-colorpicker-alpha-slider .alpha-range-thumb>.b-tooltip,
.b-colorpicker-alpha-slider .alpha-range-thumb>.b-tooltip>.tooltip-trigger {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.datepicker {
  font-size: .875rem
}

.datepicker .dropdown,
.datepicker .dropdown-trigger {
  width: 100%
}

.datepicker .dropdown .input[readonly],
.datepicker .dropdown-trigger .input[readonly] {
  box-shadow: inset 0 .0625em .125em hsla(0, 0%, 4%, .05);
  cursor: pointer
}

.datepicker .dropdown .input[readonly].is-active,
.datepicker .dropdown .input[readonly].is-focused,
.datepicker .dropdown .input[readonly]:active,
.datepicker .dropdown .input[readonly]:focus,
.datepicker .dropdown-trigger .input[readonly].is-active,
.datepicker .dropdown-trigger .input[readonly].is-focused,
.datepicker .dropdown-trigger .input[readonly]:active,
.datepicker .dropdown-trigger .input[readonly]:focus {
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.datepicker .dropdown.is-disabled {
  opacity: 1
}

.datepicker .dropdown-content {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02)
}

.datepicker .dropdown .dropdown-menu .has-link a,
.datepicker .dropdown-item,
.dropdown .dropdown-menu .has-link .datepicker a {
  font-size: inherit
}

.datepicker .datepicker-header {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: .875rem;
  padding-bottom: .875rem
}

.datepicker .datepicker-footer {
  border-top: 1px solid #dbdbdb;
  margin-top: .875rem;
  padding-top: .875rem
}

.datepicker .datepicker-table {
  display: table;
  margin: 0 auto
}

.datepicker .datepicker-table .datepicker-cell {
  border-radius: 4px;
  display: table-cell;
  padding: .5rem .75rem;
  text-align: center;
  vertical-align: middle
}

.datepicker .datepicker-table .datepicker-header {
  display: table-header-group
}

.datepicker .datepicker-table .datepicker-header .datepicker-cell {
  color: #7a7a7a;
  font-weight: 600
}

.datepicker .datepicker-table .datepicker-body {
  display: table-row-group
}

.datepicker .datepicker-table .datepicker-body .datepicker-row {
  display: table-row
}

.datepicker .datepicker-table .datepicker-body .datepicker-months {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 17rem
}

.datepicker .datepicker-table .datepicker-body .datepicker-months .datepicker-cell {
  align-items: center;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: 33.33%
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-unselectable {
  color: #b5b5b5
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-today {
  border: 1px solid rgba(143, 68, 117, .5)
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable {
  color: #4a4a4a
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable:focus:not(.is-selected),
.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable:hover:not(.is-selected) {
  background-color: #f5f5f5;
  color: #0a0a0a;
  cursor: pointer
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-first-hovered {
  background-color: #7a7a7a;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  color: #dbdbdb
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-within-hovered {
  background-color: #f5f5f5;
  border-radius: 0;
  color: #0a0a0a
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-last-hovered {
  background-color: #7a7a7a;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #dbdbdb
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected {
  background-color: #8f4475;
  color: #fff
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-first-selected {
  background-color: #8f4475;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  color: #fff
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-within-selected {
  background-color: rgba(143, 68, 117, .5);
  border-radius: 0
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-last-selected {
  background-color: #8f4475;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #fff
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-nearby:not(.is-selected) {
  color: #b5b5b5
}

.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-week-number {
  cursor: default
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell {
  padding: .3rem .75rem .75rem
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event {
  position: relative
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events {
  bottom: .425rem;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 0 .35rem;
  position: absolute;
  width: 100%
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-white {
  background-color: #fff
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-black {
  background-color: #0a0a0a
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-light {
  background-color: #f5f5f5
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-dark {
  background-color: #363636
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-primary {
  background-color: #8f4475
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-link {
  background-color: #485fc7
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-info {
  background-color: #3e8ed0
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-success {
  background-color: #48c78e
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-warning {
  background-color: #ffc740
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-danger {
  background-color: #f14668
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.dots .event {
  border-radius: 50%;
  height: .35em;
  margin: 0 .1em;
  width: .35em
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.bars .event {
  height: .25em;
  width: 100%
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected {
  overflow: hidden
}

.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected .events .event.is-primary {
  background-color: #b7689c
}

.datepicker.is-small {
  border-radius: 2px;
  font-size: .75rem
}

.datepicker.is-medium {
  font-size: 1.25rem
}

.datepicker.is-large {
  font-size: 1.5rem
}

@media screen and (min-width:1024px) {
  .datepicker .footer-horizontal-timepicker {
    border: none;
    display: flex;
    margin-left: 5px;
    padding-left: 10px
  }

  .datepicker .dropdown-horizontal-timepicker {
    display: flex
  }

  .datepicker .content-horizontal-timepicker {
    border-right: 1px solid #dbdbdb
  }
}

.dialog .modal-card {
  max-width: 460px;
  width: auto
}

.dialog .modal-card .modal-card-head {
  font-size: 1.25rem;
  font-weight: 600
}

.dialog .modal-card .modal-card-body .field {
  margin-top: 16px
}

.dialog .modal-card .modal-card-body.is-titleless {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.dialog .modal-card .modal-card-foot {
  justify-content: flex-end
}

.dialog .modal-card .modal-card-foot .button {
  display: inline;
  font-weight: 600;
  min-width: 5em
}

@media print,
screen and (min-width:769px) {
  .dialog .modal-card {
    min-width: 320px
  }
}

.dialog.is-small .button,
.dialog.is-small .input,
.dialog.is-small .modal-card {
  border-radius: 2px;
  font-size: .75rem
}

.dialog.is-medium .button,
.dialog.is-medium .input,
.dialog.is-medium .modal-card {
  font-size: 1.25rem
}

.dialog.is-large .button,
.dialog.is-large .input,
.dialog.is-large .modal-card {
  font-size: 1.5rem
}

.dialog.has-custom-container {
  position: absolute
}

.dropdown+.dropdown {
  margin-left: .5em
}

.dropdown .background {
  background-color: hsla(0, 0%, 4%, .86);
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 40
}

@media screen and (min-width:1024px) {
  .dropdown .background {
    display: none
  }
}

.dropdown.dropdown-menu-animation .dropdown-menu {
  display: block
}

.dropdown .dropdown-menu .dropdown-item.is-disabled,
.dropdown .dropdown-menu .has-link a.is-disabled {
  cursor: not-allowed
}

.dropdown .dropdown-menu .dropdown-item.is-disabled:hover,
.dropdown .dropdown-menu .has-link a.is-disabled:hover {
  background: inherit;
  color: inherit
}

.dropdown .dropdown-menu .has-link a {
  padding-right: 3rem;
  white-space: nowrap
}

.dropdown.is-hoverable:not(.is-active) .dropdown-menu {
  display: none
}

.dropdown.is-hoverable:hover .dropdown-menu {
  display: inherit
}

.dropdown.is-expanded,
.dropdown.is-expanded .dropdown-menu,
.dropdown.is-expanded .dropdown-trigger {
  width: 100%
}

.dropdown.is-expanded.is-mobile-modal .dropdown-menu {
  max-width: 100%
}

.dropdown:not(.is-disabled) .dropdown-menu .dropdown-item.is-disabled,
.dropdown:not(.is-disabled) .dropdown-menu .has-link a.is-disabled {
  opacity: .5
}

.dropdown .navbar-item {
  height: 100%
}

.dropdown.is-disabled {
  cursor: not-allowed;
  opacity: .5
}

.dropdown.is-disabled .dropdown-trigger {
  pointer-events: none
}

.dropdown.is-inline .dropdown-menu {
  display: inline-block;
  padding: 0;
  position: static
}

.dropdown.is-top-right .dropdown-menu {
  bottom: 100%;
  top: auto
}

.dropdown.is-top-left .dropdown-menu {
  bottom: 100%;
  left: auto;
  right: 0;
  top: auto
}

.dropdown.is-bottom-left .dropdown-menu {
  left: auto;
  right: 0
}

@media screen and (max-width:1023px) {
  .dropdown.is-mobile-modal>.dropdown-menu {
    bottom: auto !important;
    left: 50% !important;
    max-height: calc(100vh - 120px);
    max-width: 460px;
    overflow-y: auto;
    position: fixed !important;
    right: auto !important;
    top: 25% !important;
    transform: translate3d(-50%, -25%, 0);
    white-space: normal;
    width: calc(100vw - 40px);
    z-index: 50 !important
  }

  .dropdown .dropdown-menu .has-link .dropdown.is-mobile-modal>.dropdown-menu>.dropdown-content>a,
  .dropdown.is-mobile-modal>.dropdown-menu>.dropdown-content>.dropdown-item,
  .dropdown.is-mobile-modal>.dropdown-menu>.dropdown-content>.has-link a {
    padding: 1rem 1.5rem
  }

  html.is-clipped-touch {
    overflow: hidden !important
  }
}

.field.is-grouped .field {
  flex-shrink: 0
}

.field.is-grouped .field:not(:last-child) {
  margin-right: .75rem
}

.field.is-grouped .field.is-expanded {
  flex-grow: 1;
  flex-shrink: 1
}

.field.has-addons .control:first-child .control .button,
.field.has-addons .control:first-child .control .input,
.field.has-addons .control:first-child .control .select select {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.field.has-addons .control:last-child .control .button,
.field.has-addons .control:last-child .control .input,
.field.has-addons .control:last-child .control .select select {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.field.has-addons .control .control .button,
.field.has-addons .control .control .input,
.field.has-addons .control .control .select select {
  border-radius: 0
}

.field.has-addons .b-numberinput:not(:first-child) .control:first-child .button,
.field.has-addons .b-numberinput:not(:first-child) .control:first-child .input,
.field.has-addons .b-numberinput:not(:first-child) .control:first-child .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.field.has-addons .b-numberinput:not(:last-child) .control:last-child .button,
.field.has-addons .b-numberinput:not(:last-child) .control:last-child .input,
.field.has-addons .b-numberinput:not(:last-child) .control:last-child .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.field.has-addons.b-numberinput .control {
  margin-right: 0
}

.field.is-floating-in-label,
.field.is-floating-label {
  position: relative
}

.field.is-floating-in-label .label,
.field.is-floating-label .label {
  background-color: transparent;
  font-size: .75rem;
  left: 1em;
  max-width: calc(100% - 2em);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 5
}

.field.is-floating-in-label .label.is-small,
.field.is-floating-label .label.is-small {
  font-size: .5625rem
}

.field.is-floating-in-label .label.is-medium,
.field.is-floating-label .label.is-medium {
  font-size: .9375rem
}

.field.is-floating-in-label .label.is-large,
.field.is-floating-label .label.is-large {
  font-size: 1.125rem
}

.field.is-floating-in-label .taginput .counter,
.field.is-floating-label .taginput .counter {
  float: none;
  text-align: right
}

.field.is-floating-in-label.has-addons>.label+.control .button,
.field.is-floating-in-label.has-addons>.label+.control .input,
.field.is-floating-in-label.has-addons>.label+.control .select select,
.field.is-floating-label.has-addons>.label+.control .button,
.field.is-floating-label.has-addons>.label+.control .input,
.field.is-floating-label.has-addons>.label+.control .select select {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.field.is-floating-label .label {
  padding-left: .125em;
  padding-right: .125em;
  top: -.775em
}

.field.is-floating-label .label:before {
  background-color: #fff;
  content: "";
  display: block;
  height: .375em;
  left: 0;
  position: absolute;
  right: 0;
  top: .775em;
  z-index: -1
}

.field.is-floating-label .input:focus,
.field.is-floating-label .select select:focus,
.field.is-floating-label .textarea:focus {
  box-shadow: none
}

.field.is-floating-label .taginput .taginput-container {
  padding-top: .475em
}

.field.is-floating-label .taginput .taginput-container.is-focused {
  box-shadow: none
}

.field.is-floating-in-label>.label {
  top: .25em
}

.field.is-floating-in-label>.label+.control.datepicker .input,
.field.is-floating-in-label>.label+.control.timepicker .input,
.field.is-floating-in-label>.label+.control:not(.datepicker):not(.timepicker):not(.taginput) .input,
.field.is-floating-in-label>.label+.control:not(.datepicker):not(.timepicker):not(.taginput) .textarea,
.field.is-floating-in-label>.label+.control:not(.datepicker):not(.timepicker):not(.taginput) select {
  height: 3.25em;
  padding-bottom: 1px;
  padding-top: calc(1.625em - .5625rem)
}

.field.is-floating-in-label>.label+.control:not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple) {
  height: 3.25em
}

.field.is-floating-in-label>.label+.control:not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple).is-loading:after {
  margin-top: calc(1.625em - .5625rem)
}

.field.is-floating-in-label>.label+.control:not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple):after {
  margin-top: 1px
}

.field.is-floating-in-label>.label+.control.taginput .taginput-container {
  padding-top: calc(1.9em - .5625rem - 1px)
}

.field.is-floating-in-label>.label+.control:not(.taginput) .is-left.icon,
.field.is-floating-in-label>.label+.control:not(.taginput) .is-right.icon {
  height: 3.25em
}

.field.is-floating-in-label>.label+.control:not(.taginput) .is-left.icon {
  padding-top: calc(1.625em - .5625rem)
}

.field.is-floating-in-label>.label+.control.is-loading:after {
  margin-top: calc(1.625em - .5625rem)
}

.field.is-floating-in-label>.label+.field-body>.has-addons .control .input,
.field.is-floating-in-label>.label+.field-body>.has-addons .control .textarea,
.field.is-floating-in-label>.label+.field-body>.has-addons .control select,
.field.is-floating-in-label>.label+.field-body>.is-grouped .control .input,
.field.is-floating-in-label>.label+.field-body>.is-grouped .control .textarea,
.field.is-floating-in-label>.label+.field-body>.is-grouped .control select {
  padding-bottom: 1px;
  padding-top: calc(1.625em - .5625rem)
}

.field.is-floating-in-label.has-numberinput .b-numberinput .control .button,
.field.is-floating-in-label.has-numberinput .b-numberinput .control .input,
.field.is-floating-in-label>.label+.field-body>.has-addons .control .button,
.field.is-floating-in-label>.label+.field-body>.has-addons .control .input,
.field.is-floating-in-label>.label+.field-body>.has-addons .control .textarea,
.field.is-floating-in-label>.label+.field-body>.has-addons .control select,
.field.is-floating-in-label>.label+.field-body>.is-grouped .control .button,
.field.is-floating-in-label>.label+.field-body>.is-grouped .control .input,
.field.is-floating-in-label>.label+.field-body>.is-grouped .control .textarea,
.field.is-floating-in-label>.label+.field-body>.is-grouped .control select {
  height: 3.25em
}

.field.is-floating-in-label.has-numberinput .label,
.field.is-floating-label.has-numberinput .label {
  margin-left: 3rem
}

.field.is-floating-in-label.has-numberinput.has-numberinput-is-small .label,
.field.is-floating-label.has-numberinput.has-numberinput-is-small .label {
  margin-left: 2.25rem
}

.field.is-floating-in-label.has-numberinput.has-numberinput-is-medium .label,
.field.is-floating-label.has-numberinput.has-numberinput-is-medium .label {
  margin-left: 3.75rem
}

.field.is-floating-in-label.has-numberinput.has-numberinput-is-large .label,
.field.is-floating-label.has-numberinput.has-numberinput-is-large .label {
  margin-left: 4.5rem
}

.field.is-floating-in-label.has-numberinput-compact .label,
.field.is-floating-label.has-numberinput-compact .label {
  margin-left: 2.25rem
}

.field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-small .label,
.field.is-floating-label.has-numberinput-compact.has-numberinput-is-small .label {
  margin-left: 1.6875rem
}

.field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-medium .label,
.field.is-floating-label.has-numberinput-compact.has-numberinput-is-medium .label {
  margin-left: 2.8125rem
}

.field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-large .label,
.field.is-floating-label.has-numberinput-compact.has-numberinput-is-large .label {
  margin-left: 3.375rem
}

.field.has-addons-right.is-floating-in-label .label,
.field.has-addons-right.is-floating-label .label,
.field.is-grouped-right.is-floating-in-label .label,
.field.is-grouped-right.is-floating-label .label {
  left: 5.25em;
  position: relative
}

.control .help.counter {
  float: right;
  margin-left: .5em
}

.control .icon.is-clickable {
  cursor: pointer;
  pointer-events: auto
}

.control.is-loading:after {
  right: .75em;
  top: calc(50% - .5em)
}

.icon {
  -webkit-touch-callout: none;
  cursor: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.icon svg {
  fill: currentColor;
  stroke-width: 0;
  stroke: currentColor;
  background-color: transparent;
  height: auto;
  pointer-events: none;
  width: auto
}

.b-image-wrapper>img {
  -o-object-fit: cover;
  object-fit: cover
}

.b-image-wrapper>img.has-ratio,
.b-image-wrapper>img.placeholder {
  height: 100%;
  width: 100%
}

.b-image-wrapper>img.placeholder {
  filter: blur(10px)
}

.loading-overlay {
  align-items: center;
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 29
}

.loading-overlay.is-active {
  display: flex
}

.loading-overlay.is-full-page {
  position: fixed;
  z-index: 999
}

.loading-overlay.is-full-page .loading-icon:after {
  height: 5em;
  left: calc(50% - 2.5em);
  top: calc(50% - 2.5em);
  width: 5em
}

.loading-overlay .loading-background {
  background: #7f7f7f;
  background: hsla(0, 0%, 100%, .5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.loading-overlay .loading-icon {
  position: relative
}

.loading-overlay .loading-icon:after {
  animation: spinAround .5s linear infinite;
  border-color: transparent transparent #dbdbdb #dbdbdb;
  border-radius: 9999px;
  border-style: solid;
  border-width: .25em;
  content: "";
  display: block;
  height: 1em;
  height: 3em;
  left: calc(50% - 1.5em);
  position: relative;
  position: absolute;
  top: calc(50% - 1.5em);
  width: 1em;
  width: 3em
}

.menu .menu-list li>a.is-disabled {
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none
}

.message .media,
.notification .media {
  border: 0;
  padding-top: 0
}

.message .auto-close-progress progress,
.notification .auto-close-progress progress {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  height: 10px !important
}

.modal.is-full-screen>.animation-content,
.modal.is-full-screen>.animation-content>.modal-card {
  background-color: #f5f5f5;
  height: 100%;
  margin: 0;
  max-height: 100vh;
  width: 100%
}

.modal .animation-content {
  margin: 0 20px
}

.modal .animation-content .modal-card {
  margin: 0
}

@media screen and (max-width:768px) {
  .modal .animation-content {
    width: 100%
  }
}

.modal .modal-content {
  width: 100%
}

.navbar.has-navbar-centered .navbar-start {
  justify-content: center;
  margin-left: auto
}

.navbar.has-navbar-centered .navbar-end {
  margin-left: 0
}

.navbar .navbar-dropdown.is-boxed {
  transition-property: opacity, visibility, transform;
  visibility: hidden
}

.navbar .navbar-item.has-dropdown.is-active .is-boxed,
.navbar .navbar-item.has-dropdown.is-hoverable:hover .is-boxed {
  visibility: visible
}

.notices {
  bottom: 0;
  display: flex;
  left: 0;
  overflow: hidden;
  padding: 2em;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000
}

.notices .toast {
  animation-duration: .15s;
  border-radius: 2em;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  display: inline-flex;
  margin: .5em 0;
  opacity: .92;
  padding: .75em 1.5em;
  pointer-events: auto;
  text-align: center
}

.notices .toast.is-white {
  background: #fff;
  color: #0a0a0a
}

.notices .toast.is-black {
  background: #0a0a0a;
  color: #fff
}

.notices .toast.is-light {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.notices .toast.is-dark {
  background: #363636;
  color: #fff
}

.notices .toast.is-primary {
  background: #8f4475;
  color: #fff
}

.notices .toast.is-link {
  background: #485fc7;
  color: #fff
}

.notices .toast.is-info {
  background: #3e8ed0;
  color: #fff
}

.notices .toast.is-success {
  background: #48c78e;
  color: #fff
}

.notices .toast.is-warning {
  background: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.notices .toast.is-danger {
  background: #f14668;
  color: #fff
}

.notices .snackbar {
  align-items: center;
  animation-duration: .15s;
  background: #363636;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  color: #fff;
  display: inline-flex;
  justify-content: space-around;
  margin: .5em 0;
  min-height: 3em;
  pointer-events: auto
}

.notices .snackbar .text {
  padding: .5em 1em
}

.notices .snackbar .action {
  margin-left: auto;
  padding: .5em .5em .5em 0
}

.notices .snackbar .action .button {
  background: #363636;
  border: transparent;
  font-weight: 600;
  text-transform: uppercase
}

.notices .snackbar .action .button:active,
.notices .snackbar .action .button:hover {
  background: #292929
}

.notices .snackbar .action.is-white .button {
  color: #fff
}

.notices .snackbar .action.is-black .button {
  color: #0a0a0a
}

.notices .snackbar .action.is-light .button {
  color: #f5f5f5
}

.notices .snackbar .action.is-dark .button {
  color: #363636
}

.notices .snackbar .action.is-primary .button {
  color: #8f4475
}

.notices .snackbar .action.is-link .button {
  color: #485fc7
}

.notices .snackbar .action.is-info .button {
  color: #3e8ed0
}

.notices .snackbar .action.is-success .button {
  color: #48c78e
}

.notices .snackbar .action.is-warning .button {
  color: #ffc740
}

.notices .snackbar .action.is-danger .button {
  color: #f14668
}

.notices .snackbar .action.is-cancel {
  padding-right: 0
}

@media screen and (max-width:768px) {
  .notices .snackbar {
    border-radius: 0;
    margin: 0;
    width: 100%
  }
}

@media print,
screen and (min-width:769px) {
  .notices .snackbar {
    max-width: 600px;
    min-width: 350px;
    overflow: hidden
  }
}

.notices .notification {
  max-width: 600px;
  pointer-events: auto
}

.notices .notification.is-bottom,
.notices .notification.is-top,
.notices .snackbar.is-bottom,
.notices .snackbar.is-top,
.notices .toast.is-bottom,
.notices .toast.is-top {
  align-self: center
}

.notices .notification.is-bottom-right,
.notices .notification.is-top-right,
.notices .snackbar.is-bottom-right,
.notices .snackbar.is-top-right,
.notices .toast.is-bottom-right,
.notices .toast.is-top-right {
  align-self: flex-end
}

.notices .notification.is-bottom-left,
.notices .notification.is-top-left,
.notices .snackbar.is-bottom-left,
.notices .snackbar.is-top-left,
.notices .toast.is-bottom-left,
.notices .toast.is-top-left {
  align-self: flex-start
}

.notices .notification.is-toast,
.notices .snackbar.is-toast,
.notices .toast.is-toast {
  opacity: .92
}

.notices.is-top {
  flex-direction: column
}

.notices.is-bottom {
  flex-direction: column-reverse
}

.notices.is-bottom .notification {
  margin-bottom: 0
}

.notices.is-bottom .notification:not(:first-child) {
  margin-bottom: 1.5rem
}

.notices.has-custom-container {
  position: absolute
}

@media screen and (max-width:768px) {
  .notices {
    padding: 0;
    position: fixed !important
  }
}

.notification .auto-close-progress.progress-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}

.b-numberinput.field {
  margin-bottom: 0
}

.b-numberinput.field.has-addons.is-expanded,
.b-numberinput.field.is-grouped div.control {
  flex-grow: 1;
  flex-shrink: 1
}

.b-numberinput input[type=number]::-webkit-inner-spin-button,
.b-numberinput input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.b-numberinput input[type=number] {
  -moz-appearance: textfield;
  text-align: center
}

.b-numberinput .button.is-rounded {
  padding-left: 1em;
  padding-right: 1em
}

.pagination .pagination-next,
.pagination .pagination-previous {
  padding-left: .75em;
  padding-right: .75em
}

.pagination .pagination-next.is-disabled,
.pagination .pagination-previous.is-disabled {
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none
}

.pagination.is-simple {
  justify-content: normal
}

.pagination.is-simple.is-centered {
  justify-content: center
}

.pagination.is-simple.is-right {
  justify-content: flex-end
}

.pagination .is-current {
  cursor: not-allowed;
  pointer-events: none
}

@media print,
screen and (min-width:769px) {
  .pagination.has-input .pagination-list {
    order: 1
  }

  .pagination.has-input .pagination-input {
    order: 2
  }

  .pagination.has-input .pagination-previous {
    order: 3
  }

  .pagination.has-input .pagination-next {
    order: 4
  }

  .pagination.has-input.is-centered .pagination-previous {
    order: 1
  }

  .pagination.has-input.is-centered .pagination-list {
    order: 2
  }

  .pagination.has-input.is-centered .pagination-input {
    order: 3
  }

  .pagination.has-input.is-centered .pagination-next {
    order: 4
  }

  .pagination.has-input.is-centered.is-input-right .pagination-previous {
    order: 1
  }

  .pagination.has-input.is-centered.is-input-right .pagination-list {
    order: 2
  }

  .pagination.has-input.is-centered.is-input-right .pagination-next {
    order: 3
  }

  .pagination.has-input.is-centered.is-input-right .pagination-input {
    order: 4
  }

  .pagination.has-input.is-centered.is-input-left .pagination-input {
    order: 1
  }

  .pagination.has-input.is-centered.is-input-left .pagination-previous {
    order: 2
  }

  .pagination.has-input.is-centered.is-input-left .pagination-list {
    order: 3
  }

  .pagination.has-input.is-centered.is-input-left .pagination-next {
    order: 4
  }

  .pagination.has-input.is-right .pagination-previous {
    order: 1
  }

  .pagination.has-input.is-right .pagination-next {
    order: 2
  }

  .pagination.has-input.is-right .pagination-input {
    order: 3
  }

  .pagination.has-input.is-right .pagination-list {
    order: 4
  }

  .pagination.has-input.is-right.is-input-right .pagination-previous {
    order: 1
  }

  .pagination.has-input.is-right.is-input-right .pagination-next {
    order: 2
  }

  .pagination.has-input.is-right.is-input-right .pagination-list {
    order: 3
  }

  .pagination.has-input.is-right.is-input-right .pagination-input {
    order: 4
  }

  .pagination.has-input.is-right.is-input-left .pagination-input {
    order: 1
  }

  .pagination.has-input.is-right.is-input-left .pagination-previous {
    order: 2
  }

  .pagination.has-input.is-right.is-input-left .pagination-next {
    order: 3
  }

  .pagination.has-input.is-right.is-input-left .pagination-list {
    order: 4
  }

  .pagination.has-input.is-input-right .pagination-list {
    order: 1
  }

  .pagination.has-input.is-input-right .pagination-previous {
    order: 2
  }

  .pagination.has-input.is-input-right .pagination-next {
    order: 3
  }

  .pagination.has-input.is-input-right .pagination-input {
    order: 4
  }

  .pagination.has-input.is-input-left .pagination-input {
    order: 1
  }

  .pagination.has-input.is-input-left .pagination-list {
    order: 2
  }

  .pagination.has-input.is-input-left .pagination-previous {
    order: 3
  }

  .pagination.has-input.is-input-left .pagination-next {
    order: 4
  }
}

.progress-wrapper {
  overflow: hidden;
  position: relative
}

.progress-wrapper:not(:last-child) {
  margin-bottom: 1.5rem
}

.progress-wrapper .progress-value {
  color: rgba(0, 0, 0, .7);
  font-size: .66667rem;
  font-weight: 700;
  left: 50%;
  line-height: 1rem;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap
}

.progress-wrapper .progress,
.progress-wrapper .progress-bar,
.progress-wrapper .progress-wrapper.is-not-native {
  margin-bottom: 0
}

.progress-wrapper .is-small.progress-wrapper.is-not-native .progress-value,
.progress-wrapper .is-small.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-small .progress-value,
.progress-wrapper .progress-bar.is-small+.progress-value,
.progress-wrapper .progress.is-small .progress-value,
.progress-wrapper .progress.is-small+.progress-value {
  font-size: .5rem;
  line-height: .75rem
}

.progress-wrapper .is-medium.progress-wrapper.is-not-native .progress-value,
.progress-wrapper .is-medium.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-medium .progress-value,
.progress-wrapper .progress-bar.is-medium+.progress-value,
.progress-wrapper .progress.is-medium .progress-value,
.progress-wrapper .progress.is-medium+.progress-value {
  font-size: .83333rem;
  line-height: 1.25rem
}

.progress-wrapper .is-large.progress-wrapper.is-not-native .progress-value,
.progress-wrapper .is-large.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-large .progress-value,
.progress-wrapper .progress-bar.is-large+.progress-value,
.progress-wrapper .progress.is-large .progress-value,
.progress-wrapper .progress.is-large+.progress-value {
  font-size: 1rem;
  line-height: 1.5rem
}

.progress-wrapper .progress-bar::-webkit-progress-value,
.progress-wrapper .progress-wrapper.is-not-native::-webkit-progress-value,
.progress-wrapper .progress::-webkit-progress-value {
  -webkit-transition: width .5s ease;
  transition: width .5s ease
}

.progress-wrapper .is-more-than-half.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half+.progress-value,
.progress-wrapper .progress.is-more-than-half+.progress-value {
  color: #fff
}

.progress-wrapper .is-more-than-half.is-white.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-white+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-white+.progress-value {
  color: #0a0a0a
}

.progress-wrapper .is-more-than-half.is-black.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-black+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-black+.progress-value {
  color: #fff
}

.progress-wrapper .is-more-than-half.is-light.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-light+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-light+.progress-value {
  color: rgba(0, 0, 0, .7)
}

.progress-wrapper .is-more-than-half.is-dark.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .is-more-than-half.is-info.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .is-more-than-half.is-link.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .is-more-than-half.is-primary.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .is-more-than-half.is-success.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-dark+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-info+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-link+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-primary+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-success+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-dark+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-info+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-link+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-primary+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-success+.progress-value {
  color: #fff
}

.progress-wrapper .is-more-than-half.is-warning.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-warning+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-warning+.progress-value {
  color: rgba(0, 0, 0, .7)
}

.progress-wrapper .is-more-than-half.is-danger.progress-wrapper.is-not-native+.progress-value,
.progress-wrapper .progress-bar.is-more-than-half.is-danger+.progress-value,
.progress-wrapper .progress.is-more-than-half.is-danger+.progress-value {
  color: #fff
}

.progress-wrapper .is-squared.progress-wrapper.is-not-native,
.progress-wrapper .progress-bar.is-squared,
.progress-wrapper .progress.is-squared {
  border-radius: 0
}

.progress-wrapper.is-not-native {
  background-color: #dbdcdf;
  border-radius: 9999px;
  white-space: nowrap
}

.progress-wrapper.is-not-native .progress-bar {
  background-color: #4a4a4a;
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: top
}

.progress-wrapper.is-not-native .progress-bar .progress-value {
  color: #fff
}

.progress-wrapper.is-not-native .progress-bar.is-white {
  background-color: #fff
}

.progress-wrapper.is-not-native .progress-bar.is-white .progress-value {
  color: #0a0a0a
}

.progress-wrapper.is-not-native .progress-bar.is-black {
  background-color: #0a0a0a
}

.progress-wrapper.is-not-native .progress-bar.is-black .progress-value {
  color: #fff
}

.progress-wrapper.is-not-native .progress-bar.is-light {
  background-color: #f5f5f5
}

.progress-wrapper.is-not-native .progress-bar.is-light .progress-value {
  color: rgba(0, 0, 0, .7)
}

.progress-wrapper.is-not-native .progress-bar.is-dark {
  background-color: #363636
}

.progress-wrapper.is-not-native .progress-bar.is-dark .progress-value {
  color: #fff
}

.progress-wrapper.is-not-native .progress-bar.is-primary {
  background-color: #8f4475
}

.progress-wrapper.is-not-native .progress-bar.is-primary .progress-value {
  color: #fff
}

.progress-wrapper.is-not-native .progress-bar.is-link {
  background-color: #485fc7
}

.progress-wrapper.is-not-native .progress-bar.is-link .progress-value {
  color: #fff
}

.progress-wrapper.is-not-native .progress-bar.is-info {
  background-color: #3e8ed0
}

.progress-wrapper.is-not-native .progress-bar.is-info .progress-value {
  color: #fff
}

.progress-wrapper.is-not-native .progress-bar.is-success {
  background-color: #48c78e
}

.progress-wrapper.is-not-native .progress-bar.is-success .progress-value {
  color: #fff
}

.progress-wrapper.is-not-native .progress-bar.is-warning {
  background-color: #ffc740
}

.progress-wrapper.is-not-native .progress-bar.is-warning .progress-value {
  color: rgba(0, 0, 0, .7)
}

.progress-wrapper.is-not-native .progress-bar.is-danger {
  background-color: #f14668
}

.progress-wrapper.is-not-native .progress-bar.is-danger .progress-value {
  color: #fff
}

.progress-wrapper.is-squared {
  border-radius: 0
}

.b-radio.radio {
  align-items: center;
  display: inline-flex;
  outline: none
}

.b-radio.radio:not(.button) {
  margin-right: .5em
}

.b-radio.radio:not(.button)+.radio:last-child {
  margin-right: 0
}

.b-radio.radio+.radio {
  margin-left: 0
}

.b-radio.radio input[type=radio] {
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1
}

.b-radio.radio input[type=radio]+.check {
  border: 2px solid #7a7a7a;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 1.25em;
  position: relative;
  transition: background .15s ease-out;
  width: 1.25em
}

.b-radio.radio input[type=radio]+.check:before {
  background-color: #8f4475;
  border-radius: 50%;
  bottom: 50%;
  content: "";
  display: flex;
  height: 1.25em;
  left: 50%;
  margin-bottom: -.625em;
  margin-left: -.625em;
  position: absolute;
  transform: scale(0);
  transition: transform .15s ease-out;
  width: 1.25em
}

.b-radio.radio input[type=radio]+.check.is-white:before {
  background: #fff
}

.b-radio.radio input[type=radio]+.check.is-black:before {
  background: #0a0a0a
}

.b-radio.radio input[type=radio]+.check.is-light:before {
  background: #f5f5f5
}

.b-radio.radio input[type=radio]+.check.is-dark:before {
  background: #363636
}

.b-radio.radio input[type=radio]+.check.is-primary:before {
  background: #8f4475
}

.b-radio.radio input[type=radio]+.check.is-link:before {
  background: #485fc7
}

.b-radio.radio input[type=radio]+.check.is-info:before {
  background: #3e8ed0
}

.b-radio.radio input[type=radio]+.check.is-success:before {
  background: #48c78e
}

.b-radio.radio input[type=radio]+.check.is-warning:before {
  background: #ffc740
}

.b-radio.radio input[type=radio]+.check.is-danger:before {
  background: #f14668
}

.b-radio.radio input[type=radio]:checked+.check {
  border-color: #8f4475
}

.b-radio.radio input[type=radio]:checked+.check.is-white {
  border-color: #fff
}

.b-radio.radio input[type=radio]:checked+.check.is-black {
  border-color: #0a0a0a
}

.b-radio.radio input[type=radio]:checked+.check.is-light {
  border-color: #f5f5f5
}

.b-radio.radio input[type=radio]:checked+.check.is-dark {
  border-color: #363636
}

.b-radio.radio input[type=radio]:checked+.check.is-primary {
  border-color: #8f4475
}

.b-radio.radio input[type=radio]:checked+.check.is-link {
  border-color: #485fc7
}

.b-radio.radio input[type=radio]:checked+.check.is-info {
  border-color: #3e8ed0
}

.b-radio.radio input[type=radio]:checked+.check.is-success {
  border-color: #48c78e
}

.b-radio.radio input[type=radio]:checked+.check.is-warning {
  border-color: #ffc740
}

.b-radio.radio input[type=radio]:checked+.check.is-danger {
  border-color: #f14668
}

.b-radio.radio input[type=radio]:checked+.check:before {
  transform: scale(.5)
}

.b-radio.radio input[type=radio]:focus+.check {
  box-shadow: 0 0 .5em hsla(0, 0%, 48%, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check {
  box-shadow: 0 0 .5em rgba(143, 68, 117, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-white {
  box-shadow: 0 0 .5em hsla(0, 0%, 100%, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-black {
  box-shadow: 0 0 .5em hsla(0, 0%, 4%, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-light {
  box-shadow: 0 0 .5em hsla(0, 0%, 96%, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-dark {
  box-shadow: 0 0 .5em rgba(54, 54, 54, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-primary {
  box-shadow: 0 0 .5em rgba(143, 68, 117, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-link {
  box-shadow: 0 0 .5em rgba(72, 95, 199, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-info {
  box-shadow: 0 0 .5em rgba(62, 142, 208, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-success {
  box-shadow: 0 0 .5em rgba(72, 199, 142, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-warning {
  box-shadow: 0 0 .5em rgba(255, 199, 64, .8)
}

.b-radio.radio input[type=radio]:focus:checked+.check.is-danger {
  box-shadow: 0 0 .5em rgba(241, 70, 104, .8)
}

.b-radio.radio input[type=radio][disabled]+.check {
  cursor: not-allowed
}

.b-radio.radio .control-label {
  padding-left: calc(.75em - 1px)
}

.b-radio.radio.button {
  display: flex
}

.b-radio.radio.button.is-selected {
  z-index: 1
}

.b-radio.radio[disabled] {
  opacity: .5
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check {
  border-color: #8f4475
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-white {
  border-color: #fff
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-black {
  border-color: #0a0a0a
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-light {
  border-color: #f5f5f5
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-dark {
  border-color: #363636
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-primary {
  border-color: #8f4475
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-link {
  border-color: #485fc7
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-info {
  border-color: #3e8ed0
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-success {
  border-color: #48c78e
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-warning {
  border-color: #ffc740
}

.b-radio.radio:hover input[type=radio]:not(:disabled)+.check.is-danger {
  border-color: #f14668
}

.b-radio.radio.is-small {
  border-radius: 2px;
  font-size: .75rem
}

.b-radio.radio.is-medium {
  font-size: 1.25rem
}

.b-radio.radio.is-large {
  font-size: 1.5rem
}

.rate {
  align-items: center;
  display: flex
}

.rate:not(:last-child) {
  margin-bottom: .75rem
}

.rate.is-spaced .rate-item:not(:last-child) {
  margin-right: .25rem
}

.rate.is-disabled .rate-item {
  cursor: auto
}

.rate.is-disabled .rate-item:hover {
  transform: none
}

.rate.is-rtl .rate-item {
  order: 1
}

.rate.is-rtl .rate-text {
  margin-left: 0;
  margin-right: .35rem
}

.rate .rate-item {
  cursor: pointer;
  display: inline-flex;
  position: relative;
  transition: all .3s
}

.rate .rate-item:hover {
  transform: scale(1.1)
}

.rate .rate-item.set-half .is-half,
.rate .rate-item.set-on .icon {
  color: #ffc027
}

.rate .rate-item.set-half .is-half {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0
}

.rate .icon {
  color: #dbdbdb;
  line-height: 1;
  pointer-events: none;
  width: inherit
}

.rate .is-half>i {
  left: 0;
  position: absolute
}

.rate .rate-text {
  font-size: .8rem;
  margin-left: .35rem
}

.rate .rate-text.is-small {
  font-size: .6rem
}

.rate .rate-text.is-medium {
  font-size: 1rem
}

.rate .rate-text.is-large {
  font-size: 1.2rem
}

.select select {
  padding-right: 2.5em;
  text-rendering: auto !important
}

.select select option {
  color: #4a4a4a;
  padding: calc(.5em - 1px) calc(.75em - 1px)
}

.select select option:disabled {
  cursor: not-allowed;
  opacity: .5
}

.select select optgroup {
  color: #b5b5b5;
  font-style: normal;
  font-weight: 400;
  padding: .25em 0
}

.select select[disabled] {
  opacity: 1
}

.select.is-empty select {
  color: hsla(0, 0%, 48%, .7)
}

.select.is-loading:after {
  right: .75em;
  top: calc(50% - .5em)
}

.b-skeleton {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  width: 100%
}

.b-skeleton>.b-skeleton-item {
  background: linear-gradient(90deg, #dbdbdb 25%, hsla(0, 0%, 86%, .5) 50%, #dbdbdb 75%);
  background-size: 400% 100%;
  width: 100%
}

.b-skeleton>.b-skeleton-item.is-rounded {
  border-radius: 4px
}

.b-skeleton>.b-skeleton-item:after {
  content: " "
}

.b-skeleton>.b-skeleton-item+.b-skeleton-item {
  margin-top: .5rem
}

.b-skeleton.is-animated>.b-skeleton-item {
  animation: skeleton-loading 1.5s infinite
}

.b-skeleton.is-centered {
  align-items: center
}

.b-skeleton.is-right {
  align-items: flex-end
}

.b-skeleton+.b-skeleton {
  margin-top: .5rem
}

.b-skeleton>.b-skeleton-item {
  line-height: 1rem
}

.b-skeleton.is-small>.b-skeleton-item {
  line-height: .75rem
}

.b-skeleton.is-medium>.b-skeleton-item {
  line-height: 1.25rem
}

.b-skeleton.is-large>.b-skeleton-item {
  line-height: 1.5rem
}

@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

.b-sidebar .sidebar-content {
  background-color: #f5f5f5;
  box-shadow: 5px 0 13px 3px hsla(0, 0%, 4%, .1);
  width: 260px;
  z-index: 39
}

.b-sidebar .sidebar-content.is-white {
  background-color: #fff
}

.b-sidebar .sidebar-content.is-black {
  background-color: #0a0a0a
}

.b-sidebar .sidebar-content.is-light {
  background-color: #f5f5f5
}

.b-sidebar .sidebar-content.is-dark {
  background-color: #363636
}

.b-sidebar .sidebar-content.is-primary {
  background-color: #8f4475
}

.b-sidebar .sidebar-content.is-link {
  background-color: #485fc7
}

.b-sidebar .sidebar-content.is-info {
  background-color: #3e8ed0
}

.b-sidebar .sidebar-content.is-success {
  background-color: #48c78e
}

.b-sidebar .sidebar-content.is-warning {
  background-color: #ffc740
}

.b-sidebar .sidebar-content.is-danger {
  background-color: #f14668
}

.b-sidebar .sidebar-content.is-fixed {
  left: 0;
  position: fixed;
  top: 0
}

.b-sidebar .sidebar-content.is-fixed.is-right {
  left: auto;
  right: 0
}

.b-sidebar .sidebar-content.is-absolute {
  left: 0;
  position: absolute;
  top: 0
}

.b-sidebar .sidebar-content.is-absolute.is-right {
  left: auto;
  right: 0
}

.b-sidebar .sidebar-content.is-mini {
  width: 80px
}

.b-sidebar .sidebar-content.is-mini.is-mini-expand:hover:not(.is-mini-delayed) {
  transition: width .15s ease-out
}

.b-sidebar .sidebar-content.is-mini.is-mini-expand:hover:not(.is-mini-delayed):not(.is-fullwidth) {
  width: 260px
}

.b-sidebar .sidebar-content.is-mini.is-mini-expand:hover:not(.is-mini-delayed):not(.is-fullwidth).is-mini-expand-fixed {
  position: fixed
}

.b-sidebar .sidebar-content.is-static {
  position: static
}

.b-sidebar .sidebar-content.is-absolute,
.b-sidebar .sidebar-content.is-static {
  transition: width .15s ease-out
}

.b-sidebar .sidebar-content.is-fullwidth {
  max-width: 100%;
  width: 100%
}

.b-sidebar .sidebar-content.is-fullheight {
  align-content: stretch;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto
}

@media screen and (max-width:768px) {
  .b-sidebar .sidebar-content.is-mini-mobile {
    width: 80px
  }

  .b-sidebar .sidebar-content.is-mini-mobile.is-mini-expand:hover:not(.is-fullwidth-mobile) {
    width: 260px
  }

  .b-sidebar .sidebar-content.is-mini-mobile.is-mini-expand:hover:not(.is-fullwidth-mobile).is-mini-expand-fixed {
    position: fixed
  }

  .b-sidebar .sidebar-content.is-hidden-mobile {
    height: 0;
    overflow: hidden;
    width: 0
  }

  .b-sidebar .sidebar-content.is-fullwidth-mobile {
    max-width: 100%;
    width: 100%
  }
}

.b-sidebar .sidebar-content .sidebar-close {
  background: hsla(0, 0%, 4%, .3)
}

.b-sidebar .sidebar-content .sidebar-close:hover {
  background: hsla(0, 0%, 4%, .86)
}

.b-sidebar .sidebar-background {
  background: hsla(0, 0%, 4%, .86);
  bottom: 0;
  left: 0;
  position: absolute;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 38
}

.b-slider {
  background: transparent;
  margin: 1em 0;
  width: 100%
}

.b-slider .b-slider-track {
  align-items: center;
  background: #dbdbdb;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  position: relative
}

.b-slider .b-slider-fill {
  background: #dbdbdb;
  border: 0 solid #7a7a7a;
  border-radius: 4px;
  box-shadow: 0 0 0 #7a7a7a;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.b-slider .b-slider-thumb-wrapper {
  align-items: center;
  cursor: grab;
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.b-slider .b-slider-thumb-wrapper .b-slider-thumb {
  background: #fff;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  box-shadow: none
}

.b-slider .b-slider-thumb-wrapper .b-slider-thumb:focus {
  transform: scale(1.25)
}

.b-slider .b-slider-thumb-wrapper.is-dragging {
  cursor: grabbing
}

.b-slider .b-slider-thumb-wrapper.is-dragging .b-slider-thumb {
  transform: scale(1.25)
}

.b-slider .b-slider-thumb-wrapper.has-indicator .b-slider-thumb {
  align-items: center;
  display: flex;
  padding: 16px 10px;
  width: auto
}

.b-slider.slider-focus {
  cursor: pointer;
  margin-bottom: -20px;
  margin-top: -20px;
  padding-bottom: 20px;
  padding-top: 20px
}

.b-slider.is-rounded .b-slider-thumb {
  border-radius: 9999px
}

.b-slider.is-disabled .b-slider-track {
  cursor: not-allowed;
  opacity: .5
}

.b-slider.is-disabled .b-slider-thumb-wrapper {
  cursor: not-allowed
}

.b-slider.is-disabled .b-slider-thumb-wrapper .b-slider-thumb {
  transform: scale(1)
}

.b-slider .b-slider-track {
  height: .5rem
}

.b-slider .b-slider-thumb {
  height: 1rem;
  width: 1rem
}

.b-slider .b-slider-tick {
  height: .25rem
}

.b-slider .b-slider-tick-label {
  font-size: .75rem;
  left: 50%;
  position: absolute;
  top: calc(.25rem + 2px);
  transform: translateX(-50%)
}

.b-slider.is-small .b-slider-track {
  height: .375rem
}

.b-slider.is-small .b-slider-thumb {
  height: .75rem;
  width: .75rem
}

.b-slider.is-small .b-slider-tick {
  height: .1875rem
}

.b-slider.is-small .b-slider-tick-label {
  font-size: .75rem;
  left: 50%;
  position: absolute;
  top: calc(.1875rem + 2px);
  transform: translateX(-50%)
}

.b-slider.is-medium .b-slider-track {
  height: .625rem
}

.b-slider.is-medium .b-slider-thumb {
  height: 1.25rem;
  width: 1.25rem
}

.b-slider.is-medium .b-slider-tick {
  height: .3125rem
}

.b-slider.is-medium .b-slider-tick-label {
  font-size: .75rem;
  left: 50%;
  position: absolute;
  top: calc(.3125rem + 2px);
  transform: translateX(-50%)
}

.b-slider.is-large .b-slider-track {
  height: .75rem
}

.b-slider.is-large .b-slider-thumb {
  height: 1.5rem;
  width: 1.5rem
}

.b-slider.is-large .b-slider-tick {
  height: .375rem
}

.b-slider.is-large .b-slider-tick-label {
  font-size: .75rem;
  left: 50%;
  position: absolute;
  top: calc(.375rem + 2px);
  transform: translateX(-50%)
}

.b-slider.is-white .b-slider-fill {
  background: #fff !important
}

.b-slider.is-black .b-slider-fill {
  background: #0a0a0a !important
}

.b-slider.is-light .b-slider-fill {
  background: #f5f5f5 !important
}

.b-slider.is-dark .b-slider-fill {
  background: #363636 !important
}

.b-slider.is-primary .b-slider-fill {
  background: #8f4475 !important
}

.b-slider.is-link .b-slider-fill {
  background: #485fc7 !important
}

.b-slider.is-info .b-slider-fill {
  background: #3e8ed0 !important
}

.b-slider.is-success .b-slider-fill {
  background: #48c78e !important
}

.b-slider.is-warning .b-slider-fill {
  background: #ffc740 !important
}

.b-slider.is-danger .b-slider-fill {
  background: #f14668 !important
}

.b-slider .b-slider-tick {
  background: #b5b5b5;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px
}

.b-slider .b-slider-tick.is-tick-hidden {
  background: transparent
}

.b-steps .steps .step-items {
  display: flex;
  flex-wrap: wrap
}

.b-steps .steps .step-items .step-item {
  flex-basis: 1em;
  flex-grow: 1;
  margin-top: 0;
  position: relative
}

.b-steps .steps .step-items .step-item .step-link {
  align-items: center;
  color: #4a4a4a;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.b-steps .steps .step-items .step-item .step-link:not(.is-clickable) {
  cursor: not-allowed
}

.b-steps .steps .step-items .step-item .step-marker {
  align-items: center;
  background: #b5b5b5;
  border: .2em solid #fff;
  border-radius: 4px;
  display: flex;
  font-weight: 700;
  justify-content: center;
  overflow: hidden;
  z-index: 1
}

.b-steps .steps .step-items .step-item.is-white:after,
.b-steps .steps .step-items .step-item.is-white:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #fff 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-white.is-active .step-marker {
  background-color: #fff;
  border-color: #fff;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-white.is-active:after,
.b-steps .steps .step-items .step-item.is-white.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-white.is-previous .step-marker {
  background-color: #fff;
  color: #0a0a0a
}

.b-steps .steps .step-items .step-item.is-white.is-previous:after,
.b-steps .steps .step-items .step-item.is-white.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-black:after,
.b-steps .steps .step-items .step-item.is-black:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #0a0a0a 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-black.is-active .step-marker {
  background-color: #fff;
  border-color: #0a0a0a;
  color: #0a0a0a
}

.b-steps .steps .step-items .step-item.is-black.is-active:after,
.b-steps .steps .step-items .step-item.is-black.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-black.is-previous .step-marker {
  background-color: #0a0a0a;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-black.is-previous:after,
.b-steps .steps .step-items .step-item.is-black.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-light:after,
.b-steps .steps .step-items .step-item.is-light:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #f5f5f5 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-light.is-active .step-marker {
  background-color: #fff;
  border-color: #f5f5f5;
  color: #f5f5f5
}

.b-steps .steps .step-items .step-item.is-light.is-active:after,
.b-steps .steps .step-items .step-item.is-light.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-light.is-previous .step-marker {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.b-steps .steps .step-items .step-item.is-light.is-previous:after,
.b-steps .steps .step-items .step-item.is-light.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-dark:after,
.b-steps .steps .step-items .step-item.is-dark:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #363636 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-dark.is-active .step-marker {
  background-color: #fff;
  border-color: #363636;
  color: #363636
}

.b-steps .steps .step-items .step-item.is-dark.is-active:after,
.b-steps .steps .step-items .step-item.is-dark.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-dark.is-previous .step-marker {
  background-color: #363636;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-dark.is-previous:after,
.b-steps .steps .step-items .step-item.is-dark.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-primary:after,
.b-steps .steps .step-items .step-item.is-primary:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #8f4475 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-primary.is-active .step-marker {
  background-color: #fff;
  border-color: #8f4475;
  color: #8f4475
}

.b-steps .steps .step-items .step-item.is-primary.is-active:after,
.b-steps .steps .step-items .step-item.is-primary.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-primary.is-previous .step-marker {
  background-color: #8f4475;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-primary.is-previous:after,
.b-steps .steps .step-items .step-item.is-primary.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-link:after,
.b-steps .steps .step-items .step-item.is-link:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #485fc7 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-link.is-active .step-marker {
  background-color: #fff;
  border-color: #485fc7;
  color: #485fc7
}

.b-steps .steps .step-items .step-item.is-link.is-active:after,
.b-steps .steps .step-items .step-item.is-link.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-link.is-previous .step-marker {
  background-color: #485fc7;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-link.is-previous:after,
.b-steps .steps .step-items .step-item.is-link.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-info:after,
.b-steps .steps .step-items .step-item.is-info:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #3e8ed0 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-info.is-active .step-marker {
  background-color: #fff;
  border-color: #3e8ed0;
  color: #3e8ed0
}

.b-steps .steps .step-items .step-item.is-info.is-active:after,
.b-steps .steps .step-items .step-item.is-info.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-info.is-previous .step-marker {
  background-color: #3e8ed0;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-info.is-previous:after,
.b-steps .steps .step-items .step-item.is-info.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-success:after,
.b-steps .steps .step-items .step-item.is-success:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #48c78e 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-success.is-active .step-marker {
  background-color: #fff;
  border-color: #48c78e;
  color: #48c78e
}

.b-steps .steps .step-items .step-item.is-success.is-active:after,
.b-steps .steps .step-items .step-item.is-success.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-success.is-previous .step-marker {
  background-color: #48c78e;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-success.is-previous:after,
.b-steps .steps .step-items .step-item.is-success.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-warning:after,
.b-steps .steps .step-items .step-item.is-warning:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #ffc740 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-warning.is-active .step-marker {
  background-color: #fff;
  border-color: #ffc740;
  color: #ffc740
}

.b-steps .steps .step-items .step-item.is-warning.is-active:after,
.b-steps .steps .step-items .step-item.is-warning.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-warning.is-previous .step-marker {
  background-color: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.b-steps .steps .step-items .step-item.is-warning.is-previous:after,
.b-steps .steps .step-items .step-item.is-warning.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-danger:after,
.b-steps .steps .step-items .step-item.is-danger:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #f14668 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-danger.is-active .step-marker {
  background-color: #fff;
  border-color: #f14668;
  color: #f14668
}

.b-steps .steps .step-items .step-item.is-danger.is-active:after,
.b-steps .steps .step-items .step-item.is-danger.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-danger.is-previous .step-marker {
  background-color: #f14668;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-danger.is-previous:after,
.b-steps .steps .step-items .step-item.is-danger.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item .step-marker {
  color: #fff
}

.b-steps .steps .step-items .step-item .step-details {
  text-align: center;
  z-index: 1
}

.b-steps .steps .step-items .step-item:not(:first-child),
.b-steps .steps .step-items .step-item:only-child {
  flex-shrink: 1
}

.b-steps .steps .step-items .step-item:not(:first-child):before,
.b-steps .steps .step-items .step-item:only-child:before {
  bottom: 0;
  content: " ";
  display: block;
  left: -50%;
  position: absolute;
  width: 100%
}

.b-steps .steps .step-items .step-item:only-child:after {
  bottom: 0;
  content: " ";
  display: block;
  height: .2em;
  position: absolute
}

.b-steps .steps .step-items .step-item:only-child:after,
.b-steps .steps .step-items .step-item:only-child:before {
  left: 50%;
  width: 25%
}

.b-steps .steps .step-items .step-item:only-child:before {
  left: auto;
  right: 50%
}

.b-steps .steps .step-items .step-item:after,
.b-steps .steps .step-items .step-item:before {
  background: linear-gradient(270deg, #dbdbdb 50%, #8f4475 0);
  background-position: 100% 100%;
  background-size: 200% 100%
}

.b-steps .steps .step-items .step-item.is-active .step-link {
  cursor: default
}

.b-steps .steps .step-items .step-item.is-active .step-marker {
  background-color: #fff;
  border-color: #8f4475;
  color: #8f4475
}

.b-steps .steps .step-items .step-item.is-active:after,
.b-steps .steps .step-items .step-item.is-active:before {
  background-position: 0 100%
}

.b-steps .steps .step-items .step-item.is-previous .step-marker {
  background-color: #8f4475;
  color: #fff
}

.b-steps .steps .step-items .step-item.is-previous:after,
.b-steps .steps .step-items .step-item.is-previous:before {
  background-position: 0 100%
}

.b-steps .steps+.step-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
  padding: 1rem;
  position: relative
}

.b-steps .steps+.step-content .step-item {
  flex-basis: auto;
  flex-shrink: 0
}

.b-steps .steps+.step-content .step-item:focus {
  outline: none
}

.b-steps .steps+.step-content.is-transitioning {
  overflow: hidden
}

.b-steps .steps.is-rounded .step-item .step-marker {
  border-radius: 9999px
}

.b-steps .steps.is-animated .step-item:not(:first-child):before,
.b-steps .steps.is-animated .step-item:only-child:before {
  transition: background .15s ease-out
}

.b-steps .steps.has-label-left .step-items .step-item .step-link,
.b-steps .steps.has-label-right .step-items .step-item .step-link {
  flex-direction: row
}

.b-steps .steps.has-label-left .step-items .step-item .step-link>.step-details,
.b-steps .steps.has-label-right .step-items .step-item .step-link>.step-details {
  background-color: #fff;
  padding: .2em
}

.b-steps .steps.has-label-left .step-items .step-item .step-link {
  flex-direction: row-reverse
}

.b-steps .steps {
  font-size: 1rem;
  min-height: 2rem
}

.b-steps .steps .step-items .step-item .step-marker {
  height: 2rem;
  width: 2rem
}

.b-steps .steps .step-items .step-item .step-marker .icon *,
.b-steps .steps .step-items .step-item .step-marker .icon :before {
  font-size: 1rem
}

.b-steps .steps .step-items .step-item .step-details .step-title {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1rem
}

.b-steps .steps .step-items .step-item:not(:first-child):before,
.b-steps .steps .step-items .step-item:only-child:before {
  height: .2em;
  top: 1rem
}

.b-steps .steps .step-items .step-item:only-child:after {
  top: 1rem
}

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

  .b-steps .steps .step-items .step-item:after,
  .b-steps .steps .step-items .step-item:before,
  .b-steps .steps .step-items .step-item:not(:first-child):before {
    top: 1rem
  }
}

.b-steps.is-vertical>.steps.has-label-right .step-items .step-item:not(:first-child):after,
.b-steps.is-vertical>.steps.has-label-right .step-items .step-item:not(:first-child):before,
.b-steps.is-vertical>.steps.has-label-right .step-items .step-item:only-child:after,
.b-steps.is-vertical>.steps.has-label-right .step-items .step-item:only-child:before {
  left: calc(1rem - .1em)
}

.b-steps.is-vertical>.steps.has-label-left .step-items .step-item:not(:first-child):after,
.b-steps.is-vertical>.steps.has-label-left .step-items .step-item:not(:first-child):before,
.b-steps.is-vertical>.steps.has-label-left .step-items .step-item:only-child:after,
.b-steps.is-vertical>.steps.has-label-left .step-items .step-item:only-child:before {
  left: auto;
  right: calc(1rem - .1em)
}

.b-steps.is-vertical.is-right>.steps.has-label-right .step-items .step-item:not(:first-child):after,
.b-steps.is-vertical.is-right>.steps.has-label-right .step-items .step-item:not(:first-child):before,
.b-steps.is-vertical.is-right>.steps.has-label-right .step-items .step-item:only-child:after,
.b-steps.is-vertical.is-right>.steps.has-label-right .step-items .step-item:only-child:before {
  left: calc(1rem - .1em)
}

.b-steps.is-vertical.is-right>.steps.has-label-left .step-items .step-item:not(:first-child):after,
.b-steps.is-vertical.is-right>.steps.has-label-left .step-items .step-item:not(:first-child):before,
.b-steps.is-vertical.is-right>.steps.has-label-left .step-items .step-item:only-child:after,
.b-steps.is-vertical.is-right>.steps.has-label-left .step-items .step-item:only-child:before {
  left: auto;
  right: calc(1rem - .1em)
}

.b-steps.is-small .steps {
  font-size: .75rem;
  min-height: 1.5rem
}

.b-steps.is-small .steps .step-items .step-item .step-marker {
  height: 1.5rem;
  width: 1.5rem
}

.b-steps.is-small .steps .step-items .step-item .step-marker .icon *,
.b-steps.is-small .steps .step-items .step-item .step-marker .icon :before {
  font-size: .75rem
}

.b-steps.is-small .steps .step-items .step-item .step-details .step-title {
  font-size: .9rem;
  font-weight: 600;
  line-height: .75rem
}

.b-steps.is-small .steps .step-items .step-item:not(:first-child):before,
.b-steps.is-small .steps .step-items .step-item:only-child:before {
  height: .2em;
  top: .75rem
}

.b-steps.is-small .steps .step-items .step-item:only-child:after {
  top: .75rem
}

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

  .b-steps.is-small .steps .step-items .step-item:after,
  .b-steps.is-small .steps .step-items .step-item:before,
  .b-steps.is-small .steps .step-items .step-item:not(:first-child):before {
    top: .75rem
  }
}

.b-steps.is-small.is-vertical>.steps.has-label-right .step-items .step-item:not(:first-child):after,
.b-steps.is-small.is-vertical>.steps.has-label-right .step-items .step-item:not(:first-child):before,
.b-steps.is-small.is-vertical>.steps.has-label-right .step-items .step-item:only-child:after,
.b-steps.is-small.is-vertical>.steps.has-label-right .step-items .step-item:only-child:before {
  left: calc(.75rem - .1em)
}

.b-steps.is-small.is-vertical>.steps.has-label-left .step-items .step-item:not(:first-child):after,
.b-steps.is-small.is-vertical>.steps.has-label-left .step-items .step-item:not(:first-child):before,
.b-steps.is-small.is-vertical>.steps.has-label-left .step-items .step-item:only-child:after,
.b-steps.is-small.is-vertical>.steps.has-label-left .step-items .step-item:only-child:before {
  left: auto;
  right: calc(.75rem - .1em)
}

.b-steps.is-small.is-vertical.is-right>.steps.has-label-right .step-items .step-item:not(:first-child):after,
.b-steps.is-small.is-vertical.is-right>.steps.has-label-right .step-items .step-item:not(:first-child):before,
.b-steps.is-small.is-vertical.is-right>.steps.has-label-right .step-items .step-item:only-child:after,
.b-steps.is-small.is-vertical.is-right>.steps.has-label-right .step-items .step-item:only-child:before {
  left: calc(.75rem - .1em)
}

.b-steps.is-small.is-vertical.is-right>.steps.has-label-left .step-items .step-item:not(:first-child):after,
.b-steps.is-small.is-vertical.is-right>.steps.has-label-left .step-items .step-item:not(:first-child):before,
.b-steps.is-small.is-vertical.is-right>.steps.has-label-left .step-items .step-item:only-child:after,
.b-steps.is-small.is-vertical.is-right>.steps.has-label-left .step-items .step-item:only-child:before {
  left: auto;
  right: calc(.75rem - .1em)
}

.b-steps.is-medium .steps {
  font-size: 1.25rem;
  min-height: 2.5rem
}

.b-steps.is-medium .steps .step-items .step-item .step-marker {
  height: 2.5rem;
  width: 2.5rem
}

.b-steps.is-medium .steps .step-items .step-item .step-marker .icon *,
.b-steps.is-medium .steps .step-items .step-item .step-marker .icon :before {
  font-size: 1.25rem
}

.b-steps.is-medium .steps .step-items .step-item .step-details .step-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25rem
}

.b-steps.is-medium .steps .step-items .step-item:not(:first-child):before,
.b-steps.is-medium .steps .step-items .step-item:only-child:before {
  height: .2em;
  top: 1.25rem
}

.b-steps.is-medium .steps .step-items .step-item:only-child:after {
  top: 1.25rem
}

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

  .b-steps.is-medium .steps .step-items .step-item:after,
  .b-steps.is-medium .steps .step-items .step-item:before,
  .b-steps.is-medium .steps .step-items .step-item:not(:first-child):before {
    top: 1.25rem
  }
}

.b-steps.is-medium.is-vertical>.steps.has-label-right .step-items .step-item:not(:first-child):after,
.b-steps.is-medium.is-vertical>.steps.has-label-right .step-items .step-item:not(:first-child):before,
.b-steps.is-medium.is-vertical>.steps.has-label-right .step-items .step-item:only-child:after,
.b-steps.is-medium.is-vertical>.steps.has-label-right .step-items .step-item:only-child:before {
  left: calc(1.25rem - .1em)
}

.b-steps.is-medium.is-vertical>.steps.has-label-left .step-items .step-item:not(:first-child):after,
.b-steps.is-medium.is-vertical>.steps.has-label-left .step-items .step-item:not(:first-child):before,
.b-steps.is-medium.is-vertical>.steps.has-label-left .step-items .step-item:only-child:after,
.b-steps.is-medium.is-vertical>.steps.has-label-left .step-items .step-item:only-child:before {
  left: auto;
  right: calc(1.25rem - .1em)
}

.b-steps.is-medium.is-vertical.is-right>.steps.has-label-right .step-items .step-item:not(:first-child):after,
.b-steps.is-medium.is-vertical.is-right>.steps.has-label-right .step-items .step-item:not(:first-child):before,
.b-steps.is-medium.is-vertical.is-right>.steps.has-label-right .step-items .step-item:only-child:after,
.b-steps.is-medium.is-vertical.is-right>.steps.has-label-right .step-items .step-item:only-child:before {
  left: calc(1.25rem - .1em)
}

.b-steps.is-medium.is-vertical.is-right>.steps.has-label-left .step-items .step-item:not(:first-child):after,
.b-steps.is-medium.is-vertical.is-right>.steps.has-label-left .step-items .step-item:not(:first-child):before,
.b-steps.is-medium.is-vertical.is-right>.steps.has-label-left .step-items .step-item:only-child:after,
.b-steps.is-medium.is-vertical.is-right>.steps.has-label-left .step-items .step-item:only-child:before {
  left: auto;
  right: calc(1.25rem - .1em)
}

.b-steps.is-large .steps {
  font-size: 1.5rem;
  min-height: 3rem
}

.b-steps.is-large .steps .step-items .step-item .step-marker {
  height: 3rem;
  width: 3rem
}

.b-steps.is-large .steps .step-items .step-item .step-marker .icon *,
.b-steps.is-large .steps .step-items .step-item .step-marker .icon :before {
  font-size: 1.5rem
}

.b-steps.is-large .steps .step-items .step-item .step-details .step-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5rem
}

.b-steps.is-large .steps .step-items .step-item:not(:first-child):before,
.b-steps.is-large .steps .step-items .step-item:only-child:before {
  height: .2em;
  top: 1.5rem
}

.b-steps.is-large .steps .step-items .step-item:only-child:after {
  top: 1.5rem
}

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

  .b-steps.is-large .steps .step-items .step-item:after,
  .b-steps.is-large .steps .step-items .step-item:before,
  .b-steps.is-large .steps .step-items .step-item:not(:first-child):before {
    top: 1.5rem
  }
}

.b-steps.is-large.is-vertical>.steps.has-label-right .step-items .step-item:not(:first-child):after,
.b-steps.is-large.is-vertical>.steps.has-label-right .step-items .step-item:not(:first-child):before,
.b-steps.is-large.is-vertical>.steps.has-label-right .step-items .step-item:only-child:after,
.b-steps.is-large.is-vertical>.steps.has-label-right .step-items .step-item:only-child:before {
  left: calc(1.5rem - .1em)
}

.b-steps.is-large.is-vertical>.steps.has-label-left .step-items .step-item:not(:first-child):after,
.b-steps.is-large.is-vertical>.steps.has-label-left .step-items .step-item:not(:first-child):before,
.b-steps.is-large.is-vertical>.steps.has-label-left .step-items .step-item:only-child:after,
.b-steps.is-large.is-vertical>.steps.has-label-left .step-items .step-item:only-child:before {
  left: auto;
  right: calc(1.5rem - .1em)
}

.b-steps.is-large.is-vertical.is-right>.steps.has-label-right .step-items .step-item:not(:first-child):after,
.b-steps.is-large.is-vertical.is-right>.steps.has-label-right .step-items .step-item:not(:first-child):before,
.b-steps.is-large.is-vertical.is-right>.steps.has-label-right .step-items .step-item:only-child:after,
.b-steps.is-large.is-vertical.is-right>.steps.has-label-right .step-items .step-item:only-child:before {
  left: calc(1.5rem - .1em)
}

.b-steps.is-large.is-vertical.is-right>.steps.has-label-left .step-items .step-item:not(:first-child):after,
.b-steps.is-large.is-vertical.is-right>.steps.has-label-left .step-items .step-item:not(:first-child):before,
.b-steps.is-large.is-vertical.is-right>.steps.has-label-left .step-items .step-item:only-child:after,
.b-steps.is-large.is-vertical.is-right>.steps.has-label-left .step-items .step-item:only-child:before {
  left: auto;
  right: calc(1.5rem - .1em)
}

.b-steps.is-vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.b-steps.is-vertical>.steps .step-items {
  border-bottom-color: transparent;
  flex-direction: column;
  height: 100%
}

.b-steps.is-vertical>.steps .step-items .step-item {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1em 0;
  width: 100%
}

.b-steps.is-vertical>.steps .step-items .step-item:after,
.b-steps.is-vertical>.steps .step-items .step-item:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #8f4475 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-white:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-white:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #fff 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-black:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-black:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #0a0a0a 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-light:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-light:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #f5f5f5 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-dark:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-dark:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #363636 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-primary:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-primary:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #8f4475 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-link:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-link:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #485fc7 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-info:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-info:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #3e8ed0 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-success:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-success:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #48c78e 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-warning:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-warning:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #ffc740 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item.is-danger:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-danger:before {
  background: linear-gradient(0deg, #dbdbdb 50%, #f14668 0);
  background-position: 0 100%;
  background-size: 100% 200%
}

.b-steps.is-vertical>.steps .step-items .step-item:not(:first-child):before,
.b-steps.is-vertical>.steps .step-items .step-item:only-child:before {
  height: 100%;
  left: calc(50% - .1em);
  top: -50%;
  width: .2em
}

.b-steps.is-vertical>.steps .step-items .step-item.is-active:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-active:before,
.b-steps.is-vertical>.steps .step-items .step-item.is-previous:after,
.b-steps.is-vertical>.steps .step-items .step-item.is-previous:before {
  background-position: 100% 0
}

.b-steps.is-vertical>.steps .step-items .step-item:only-child:before {
  top: 50%
}

.b-steps.is-vertical>.steps .step-items .step-item:only-child:after {
  bottom: 50%;
  top: auto;
  width: .2em
}

.b-steps.is-vertical>.steps .step-items .step-item:only-child:after,
.b-steps.is-vertical>.steps .step-items .step-item:only-child:before {
  height: 25%
}

.b-steps.is-vertical>.steps.has-label-right .step-items .step-item {
  justify-content: flex-start
}

.b-steps.is-vertical>.steps.has-label-left .step-items .step-item {
  justify-content: flex-end
}

.b-steps.is-vertical>.steps:not(.has-label-right):not(.has-label-left) .step-items .step-item .step-link>.step-details {
  background-color: #fff
}

.b-steps.is-vertical>.step-content {
  flex-grow: 1
}

.b-steps.is-vertical>.step-navigation {
  flex-basis: 100%
}

.b-steps.is-vertical.is-right {
  flex-direction: row-reverse
}

@media screen and (max-width:768px) {
  .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(.is-active) {
    display: none
  }

  .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:after,
  .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:before,
  .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(:first-child):before {
    bottom: 0;
    content: " ";
    display: block;
    height: .2em;
    left: 50%;
    position: absolute;
    width: 25%
  }

  .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:before,
  .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(:first-child):before {
    left: auto;
    right: 50%
  }

  .b-steps:not(.is-vertical) .steps.mobile-compact .step-items .step-item:not(.is-active) .step-details {
    display: none
  }
}

.switch {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  margin-right: .5em;
  position: relative
}

.switch+.switch:last-child {
  margin-right: 0
}

.switch input[type=checkbox] {
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1
}

.switch input[type=checkbox]+.check {
  align-items: center;
  background: #b5b5b5;
  border-radius: 4px;
  display: flex;
  flex-shrink: 0;
  height: 1.575em;
  padding: .2em;
  transition: background .15s ease-out, box-shadow .15s ease-out;
  width: 2.75em
}

.switch input[type=checkbox]+.check.is-white-passive,
.switch input[type=checkbox]+.check:hover {
  background: #fff
}

.switch input[type=checkbox]+.check.is-black-passive,
.switch input[type=checkbox]+.check:hover {
  background: #0a0a0a
}

.switch input[type=checkbox]+.check.is-light-passive,
.switch input[type=checkbox]+.check:hover {
  background: #f5f5f5
}

.switch input[type=checkbox]+.check.is-dark-passive,
.switch input[type=checkbox]+.check:hover {
  background: #363636
}

.switch input[type=checkbox]+.check.is-primary-passive,
.switch input[type=checkbox]+.check:hover {
  background: #8f4475
}

.switch input[type=checkbox]+.check.is-link-passive,
.switch input[type=checkbox]+.check:hover {
  background: #485fc7
}

.switch input[type=checkbox]+.check.is-info-passive,
.switch input[type=checkbox]+.check:hover {
  background: #3e8ed0
}

.switch input[type=checkbox]+.check.is-success-passive,
.switch input[type=checkbox]+.check:hover {
  background: #48c78e
}

.switch input[type=checkbox]+.check.is-warning-passive,
.switch input[type=checkbox]+.check:hover {
  background: #ffc740
}

.switch input[type=checkbox]+.check.is-danger-passive,
.switch input[type=checkbox]+.check:hover {
  background: #f14668
}

.switch input[type=checkbox]+.check.input[type=checkbox]+.switch input[type=checkbox]+.check.check {
  background: "pink"
}

.switch input[type=checkbox]+.check:before {
  background: #f5f5f5;
  border-radius: 4px;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
  content: "";
  display: block;
  height: 1.175em;
  transform-origin: left;
  transition: transform .15s ease-out;
  width: 1.175em;
  will-change: transform
}

.switch input[type=checkbox]+.check.is-elastic:before {
  border-radius: 4px;
  transform: scaleX(1.5)
}

.switch input[type=checkbox]:checked+.check {
  background: #8f4475
}

.switch input[type=checkbox]:checked+.check.is-white {
  background: #fff
}

.switch input[type=checkbox]:checked+.check.is-black {
  background: #0a0a0a
}

.switch input[type=checkbox]:checked+.check.is-light {
  background: #f5f5f5
}

.switch input[type=checkbox]:checked+.check.is-dark {
  background: #363636
}

.switch input[type=checkbox]:checked+.check.is-primary {
  background: #8f4475
}

.switch input[type=checkbox]:checked+.check.is-link {
  background: #485fc7
}

.switch input[type=checkbox]:checked+.check.is-info {
  background: #3e8ed0
}

.switch input[type=checkbox]:checked+.check.is-success {
  background: #48c78e
}

.switch input[type=checkbox]:checked+.check.is-warning {
  background: #ffc740
}

.switch input[type=checkbox]:checked+.check.is-danger {
  background: #f14668
}

.switch input[type=checkbox]:checked+.check:before {
  transform: translate3d(100%, 0, 0)
}

.switch input[type=checkbox]:checked+.check.is-elastic:before {
  transform: translate3d(50%, 0, 0) scaleX(1.5)
}

.switch input[type=checkbox]:active,
.switch input[type=checkbox]:focus {
  outline: none
}

.switch input[type=checkbox]:active+.check,
.switch input[type=checkbox]:focus+.check {
  box-shadow: 0 0 .5em hsla(0, 0%, 48%, .6)
}

.switch input[type=checkbox]:active+.check.is-white-passive,
.switch input[type=checkbox]:focus+.check.is-white-passive {
  box-shadow: 0 0 .5em hsla(0, 0%, 100%, .8)
}

.switch input[type=checkbox]:active+.check.is-black-passive,
.switch input[type=checkbox]:focus+.check.is-black-passive {
  box-shadow: 0 0 .5em hsla(0, 0%, 4%, .8)
}

.switch input[type=checkbox]:active+.check.is-light-passive,
.switch input[type=checkbox]:focus+.check.is-light-passive {
  box-shadow: 0 0 .5em hsla(0, 0%, 96%, .8)
}

.switch input[type=checkbox]:active+.check.is-dark-passive,
.switch input[type=checkbox]:focus+.check.is-dark-passive {
  box-shadow: 0 0 .5em rgba(54, 54, 54, .8)
}

.switch input[type=checkbox]:active+.check.is-primary-passive,
.switch input[type=checkbox]:focus+.check.is-primary-passive {
  box-shadow: 0 0 .5em rgba(143, 68, 117, .8)
}

.switch input[type=checkbox]:active+.check.is-link-passive,
.switch input[type=checkbox]:focus+.check.is-link-passive {
  box-shadow: 0 0 .5em rgba(72, 95, 199, .8)
}

.switch input[type=checkbox]:active+.check.is-info-passive,
.switch input[type=checkbox]:focus+.check.is-info-passive {
  box-shadow: 0 0 .5em rgba(62, 142, 208, .8)
}

.switch input[type=checkbox]:active+.check.is-success-passive,
.switch input[type=checkbox]:focus+.check.is-success-passive {
  box-shadow: 0 0 .5em rgba(72, 199, 142, .8)
}

.switch input[type=checkbox]:active+.check.is-warning-passive,
.switch input[type=checkbox]:focus+.check.is-warning-passive {
  box-shadow: 0 0 .5em rgba(255, 199, 64, .8)
}

.switch input[type=checkbox]:active+.check.is-danger-passive,
.switch input[type=checkbox]:focus+.check.is-danger-passive {
  box-shadow: 0 0 .5em rgba(241, 70, 104, .8)
}

.switch input[type=checkbox]:active:checked+.check,
.switch input[type=checkbox]:focus:checked+.check {
  box-shadow: 0 0 .5em rgba(143, 68, 117, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-white,
.switch input[type=checkbox]:focus:checked+.check.is-white {
  box-shadow: 0 0 .5em hsla(0, 0%, 100%, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-black,
.switch input[type=checkbox]:focus:checked+.check.is-black {
  box-shadow: 0 0 .5em hsla(0, 0%, 4%, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-light,
.switch input[type=checkbox]:focus:checked+.check.is-light {
  box-shadow: 0 0 .5em hsla(0, 0%, 96%, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-dark,
.switch input[type=checkbox]:focus:checked+.check.is-dark {
  box-shadow: 0 0 .5em rgba(54, 54, 54, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-primary,
.switch input[type=checkbox]:focus:checked+.check.is-primary {
  box-shadow: 0 0 .5em rgba(143, 68, 117, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-link,
.switch input[type=checkbox]:focus:checked+.check.is-link {
  box-shadow: 0 0 .5em rgba(72, 95, 199, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-info,
.switch input[type=checkbox]:focus:checked+.check.is-info {
  box-shadow: 0 0 .5em rgba(62, 142, 208, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-success,
.switch input[type=checkbox]:focus:checked+.check.is-success {
  box-shadow: 0 0 .5em rgba(72, 199, 142, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-warning,
.switch input[type=checkbox]:focus:checked+.check.is-warning {
  box-shadow: 0 0 .5em rgba(255, 199, 64, .8)
}

.switch input[type=checkbox]:active:checked+.check.is-danger,
.switch input[type=checkbox]:focus:checked+.check.is-danger {
  box-shadow: 0 0 .5em rgba(241, 70, 104, .8)
}

.switch.has-left-label {
  flex-direction: row-reverse
}

.switch.has-left-label .control-label {
  padding-right: calc(.75em - 1px)
}

.switch:not(.has-left-label) .control-label {
  padding-left: calc(.75em - 1px)
}

.switch:hover input[type=checkbox]+.check {
  background: hsla(0, 0%, 71%, .9)
}

.switch:hover input[type=checkbox]+.check.is-white-passive {
  background: hsla(0, 0%, 100%, .9)
}

.switch:hover input[type=checkbox]+.check.is-black-passive {
  background: hsla(0, 0%, 4%, .9)
}

.switch:hover input[type=checkbox]+.check.is-light-passive {
  background: hsla(0, 0%, 96%, .9)
}

.switch:hover input[type=checkbox]+.check.is-dark-passive {
  background: rgba(54, 54, 54, .9)
}

.switch:hover input[type=checkbox]+.check.is-primary-passive {
  background: rgba(143, 68, 117, .9)
}

.switch:hover input[type=checkbox]+.check.is-link-passive {
  background: rgba(72, 95, 199, .9)
}

.switch:hover input[type=checkbox]+.check.is-info-passive {
  background: rgba(62, 142, 208, .9)
}

.switch:hover input[type=checkbox]+.check.is-success-passive {
  background: rgba(72, 199, 142, .9)
}

.switch:hover input[type=checkbox]+.check.is-warning-passive {
  background: rgba(255, 199, 64, .9)
}

.switch:hover input[type=checkbox]+.check.is-danger-passive {
  background: rgba(241, 70, 104, .9)
}

.switch:hover input[type=checkbox]:checked+.check {
  background: rgba(143, 68, 117, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-white {
  background: hsla(0, 0%, 100%, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-black {
  background: hsla(0, 0%, 4%, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-light {
  background: hsla(0, 0%, 96%, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-dark {
  background: rgba(54, 54, 54, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-primary {
  background: rgba(143, 68, 117, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-link {
  background: rgba(72, 95, 199, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-info {
  background: rgba(62, 142, 208, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-success {
  background: rgba(72, 199, 142, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-warning {
  background: rgba(255, 199, 64, .9)
}

.switch:hover input[type=checkbox]:checked+.check.is-danger {
  background: rgba(241, 70, 104, .9)
}

.switch.is-rounded input[type=checkbox]+.check,
.switch.is-rounded input[type=checkbox]+.check:before {
  border-radius: 9999px
}

.switch.is-rounded input[type=checkbox].is-elastic:before {
  border-radius: 9999px;
  transform: scaleX(1.5)
}

.switch.is-outlined input[type=checkbox]+.check {
  background: transparent;
  border: .1rem solid #b5b5b5
}

.switch.is-outlined input[type=checkbox]+.check.is-white-passive {
  border: .1rem solid hsla(0, 0%, 100%, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-white-passive:before {
  background: #fff
}

.switch.is-outlined input[type=checkbox]+.check.is-white-passive:hover {
  border-color: hsla(0, 0%, 100%, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-black-passive {
  border: .1rem solid hsla(0, 0%, 4%, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-black-passive:before {
  background: #0a0a0a
}

.switch.is-outlined input[type=checkbox]+.check.is-black-passive:hover {
  border-color: hsla(0, 0%, 4%, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-light-passive {
  border: .1rem solid hsla(0, 0%, 96%, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-light-passive:before {
  background: #f5f5f5
}

.switch.is-outlined input[type=checkbox]+.check.is-light-passive:hover {
  border-color: hsla(0, 0%, 96%, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-dark-passive {
  border: .1rem solid rgba(54, 54, 54, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-dark-passive:before {
  background: #363636
}

.switch.is-outlined input[type=checkbox]+.check.is-dark-passive:hover {
  border-color: rgba(54, 54, 54, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-primary-passive {
  border: .1rem solid rgba(143, 68, 117, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-primary-passive:before {
  background: #8f4475
}

.switch.is-outlined input[type=checkbox]+.check.is-primary-passive:hover {
  border-color: rgba(143, 68, 117, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-link-passive {
  border: .1rem solid rgba(72, 95, 199, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-link-passive:before {
  background: #485fc7
}

.switch.is-outlined input[type=checkbox]+.check.is-link-passive:hover {
  border-color: rgba(72, 95, 199, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-info-passive {
  border: .1rem solid rgba(62, 142, 208, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-info-passive:before {
  background: #3e8ed0
}

.switch.is-outlined input[type=checkbox]+.check.is-info-passive:hover {
  border-color: rgba(62, 142, 208, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-success-passive {
  border: .1rem solid rgba(72, 199, 142, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-success-passive:before {
  background: #48c78e
}

.switch.is-outlined input[type=checkbox]+.check.is-success-passive:hover {
  border-color: rgba(72, 199, 142, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-warning-passive {
  border: .1rem solid rgba(255, 199, 64, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-warning-passive:before {
  background: #ffc740
}

.switch.is-outlined input[type=checkbox]+.check.is-warning-passive:hover {
  border-color: rgba(255, 199, 64, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-danger-passive {
  border: .1rem solid rgba(241, 70, 104, .9)
}

.switch.is-outlined input[type=checkbox]+.check.is-danger-passive:before {
  background: #f14668
}

.switch.is-outlined input[type=checkbox]+.check.is-danger-passive:hover {
  border-color: rgba(241, 70, 104, .9)
}

.switch.is-outlined input[type=checkbox]+.check:before {
  background: #b5b5b5
}

.switch.is-outlined input[type=checkbox]:checked+.check {
  border-color: #8f4475
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-white {
  background: transparent;
  border-color: #fff
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-white:before {
  background: #fff
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-black {
  background: transparent;
  border-color: #0a0a0a
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-black:before {
  background: #0a0a0a
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-light {
  background: transparent;
  border-color: #f5f5f5
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-light:before {
  background: #f5f5f5
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-dark {
  background: transparent;
  border-color: #363636
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-dark:before {
  background: #363636
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-primary {
  background: transparent;
  border-color: #8f4475
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-primary:before {
  background: #8f4475
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-link {
  background: transparent;
  border-color: #485fc7
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-link:before {
  background: #485fc7
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-info {
  background: transparent;
  border-color: #3e8ed0
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-info:before {
  background: #3e8ed0
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-success {
  background: transparent;
  border-color: #48c78e
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-success:before {
  background: #48c78e
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-warning {
  background: transparent;
  border-color: #ffc740
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-warning:before {
  background: #ffc740
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-danger {
  background: transparent;
  border-color: #f14668
}

.switch.is-outlined input[type=checkbox]:checked+.check.is-danger:before {
  background: #f14668
}

.switch.is-outlined input[type=checkbox]:checked+.check:before {
  background: #8f4475
}

.switch.is-outlined:hover input[type=checkbox]+.check {
  background: transparent;
  border-color: hsla(0, 0%, 71%, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check {
  background: transparent;
  border-color: rgba(143, 68, 117, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-white {
  border-color: hsla(0, 0%, 100%, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-black {
  border-color: hsla(0, 0%, 4%, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-light {
  border-color: hsla(0, 0%, 96%, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-dark {
  border-color: rgba(54, 54, 54, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-primary {
  border-color: rgba(143, 68, 117, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-link {
  border-color: rgba(72, 95, 199, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-info {
  border-color: rgba(62, 142, 208, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-success {
  border-color: rgba(72, 199, 142, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-warning {
  border-color: rgba(255, 199, 64, .9)
}

.switch.is-outlined:hover input[type=checkbox]:checked+.check.is-danger {
  border-color: rgba(241, 70, 104, .9)
}

.switch.is-small {
  border-radius: 2px;
  font-size: .75rem
}

.switch.is-medium {
  font-size: 1.25rem
}

.switch.is-large {
  font-size: 1.5rem
}

.switch[disabled] {
  color: #7a7a7a;
  cursor: not-allowed;
  opacity: .5
}

.table-wrapper .table {
  margin-bottom: 0
}

.table-wrapper:not(:last-child) {
  margin-bottom: 1.5rem
}

@media screen and (max-width:1023px) {
  .table-wrapper {
    overflow-x: auto
  }
}

.b-table {
  transition: opacity 86ms ease-out
}

@media print,
screen and (min-width:769px) {
  .b-table .table-mobile-sort {
    display: none
  }
}

.b-table .icon {
  transition: transform .15s ease-out, opacity 86ms ease-out
}

.b-table .icon.is-desc {
  transform: rotate(180deg)
}

.b-table .icon.is-expanded {
  transform: rotate(90deg)
}

.b-table .sort-icon.icon.is-desc {
  transform: rotate(180deg) translateY(-50%) !important
}

.b-table .table {
  border: 1px solid transparent;
  border-collapse: separate;
  border-radius: 4px;
  width: 100%
}

.b-table .table th {
  font-weight: 600
}

.b-table .table th .th-wrap {
  align-items: center;
  display: flex
}

.b-table .table th .th-wrap .icon {
  font-size: 1rem;
  margin-left: .5rem;
  margin-right: 0
}

.b-table .table th .th-wrap.is-numeric {
  flex-direction: row-reverse;
  text-align: right;
  width: 95%
}

.b-table .table th .th-wrap.is-numeric .icon {
  margin-left: 0;
  margin-right: .5rem
}

.b-table .table th .th-wrap.is-centered {
  justify-content: center;
  text-align: center
}

.b-table .table th.is-current-sort {
  border-color: #7a7a7a;
  font-weight: 700
}

.b-table .table th.is-sortable:hover {
  border-color: #7a7a7a
}

.b-table .table th.is-sortable,
.b-table .table th.is-sortable .th-wrap {
  cursor: pointer
}

.b-table .table th.is-sortable .is-relative,
.b-table .table th.is-sortable .th-wrap .is-relative {
  position: absolute
}

.b-table .table th .multi-sort-cancel-icon,
.b-table .table th .sort-icon {
  bottom: 50%;
  left: 100%;
  position: absolute;
  transform: translateY(50%)
}

.b-table .table th .multi-sort-cancel-icon {
  margin-left: 10px
}

.b-table .table th.is-sticky {
  background: transparent;
  left: 0;
  position: sticky;
  z-index: 3 !important
}

.b-table .table tr.is-selected .checkbox input:checked+.check {
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' style='fill:%238f4475'/%3E%3C/svg%3E") no-repeat 50%
}

.b-table .table tr.is-selected .checkbox input+.check {
  border-color: #fff
}

.b-table .table tr.is-empty:hover {
  background-color: transparent
}

.b-table .table .chevron-cell {
  vertical-align: middle
}

.b-table .table .chevron-cell>a {
  color: #8f4475 !important
}

.b-table .table .checkbox-cell {
  width: 40px
}

.b-table .table .checkbox-cell .checkbox {
  vertical-align: middle
}

.b-table .table .checkbox-cell .checkbox .check {
  transition: none
}

.b-table .table tr.detail {
  background: #fafafa;
  box-shadow: inset 0 1px 3px #dbdbdb
}

.b-table .table tr.detail .detail-container {
  padding: 1rem
}

.b-table .table:focus {
  border-color: #8f4475;
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.b-table .table.is-bordered th.is-current-sort,
.b-table .table.is-bordered th.is-sortable:hover {
  background: #f5f5f5;
  border-color: #dbdbdb
}

.b-table .table td.is-sticky {
  background: #fff;
  left: 0;
  position: sticky;
  z-index: 1
}

.b-table .table.is-striped tbody tr:not(.is-selected):nth-child(2n) td.is-sticky {
  background: #fafafa
}

.b-table .level:not(.top) {
  padding-bottom: 1.5rem
}

.b-table .table-wrapper {
  position: relative
}

.b-table .table-wrapper.has-sticky-header {
  height: 300px;
  overflow-y: auto
}

@media screen and (max-width:768px) {
  .b-table .table-wrapper.has-sticky-header.has-mobile-cards {
    height: auto !important;
    overflow-y: visible !important;
    overflow-y: initial !important
  }
}

.b-table .table-wrapper.has-sticky-header tr:first-child th {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2
}

@media screen and (max-width:768px) {
  .b-table .table-wrapper.has-mobile-cards .table {
    background-color: transparent
  }

  .b-table .table-wrapper.has-mobile-cards thead tr {
    border-width: 0;
    box-shadow: none
  }

  .b-table .table-wrapper.has-mobile-cards thead tr th {
    display: none
  }

  .b-table .table-wrapper.has-mobile-cards thead tr .checkbox-cell {
    border: 0;
    display: block;
    margin-bottom: 1rem;
    text-align: right;
    width: 100%
  }

  .b-table .table-wrapper.has-mobile-cards tfoot th {
    border: 0;
    display: inherit
  }

  .b-table .table-wrapper.has-mobile-cards tr {
    box-shadow: 0 2px 3px hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .1);
    display: block;
    max-width: 100%;
    position: relative
  }

  .b-table .table-wrapper.has-mobile-cards tr td {
    border: 0;
    display: inherit
  }

  .b-table .table-wrapper.has-mobile-cards tr td:last-child {
    border-bottom: 0
  }

  .b-table .table-wrapper.has-mobile-cards tr:not(:last-child) {
    margin-bottom: 1rem
  }

  .b-table .table-wrapper.has-mobile-cards tr:not([class*=is-]) {
    background: #fff
  }

  .b-table .table-wrapper.has-mobile-cards tr:not([class*=is-]):hover {
    background-color: #fff
  }

  .b-table .table-wrapper.has-mobile-cards tr.detail {
    margin-top: -1rem
  }

  .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    text-align: right;
    width: auto
  }

  .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before {
    content: attr(data-label);
    font-weight: 600;
    padding-right: .5em;
    text-align: left
  }
}

.b-table .table-wrapper.is-card-list .table {
  background-color: transparent
}

.b-table .table-wrapper.is-card-list thead tr {
  border-width: 0;
  box-shadow: none
}

.b-table .table-wrapper.is-card-list thead tr th {
  display: none
}

.b-table .table-wrapper.is-card-list thead tr .checkbox-cell {
  border: 0;
  display: block;
  margin-bottom: 1rem;
  text-align: right;
  width: 100%
}

.b-table .table-wrapper.is-card-list tfoot th {
  border: 0;
  display: inherit
}

.b-table .table-wrapper.is-card-list tr {
  box-shadow: 0 2px 3px hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .1);
  display: block;
  max-width: 100%;
  position: relative
}

.b-table .table-wrapper.is-card-list tr td {
  border: 0;
  display: inherit
}

.b-table .table-wrapper.is-card-list tr td:last-child {
  border-bottom: 0
}

.b-table .table-wrapper.is-card-list tr:not(:last-child) {
  margin-bottom: 1rem
}

.b-table .table-wrapper.is-card-list tr:not([class*=is-]) {
  background: #fff
}

.b-table .table-wrapper.is-card-list tr:not([class*=is-]):hover {
  background-color: #fff
}

.b-table .table-wrapper.is-card-list tr.detail {
  margin-top: -1rem
}

.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td {
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  justify-content: space-between;
  text-align: right;
  width: auto
}

.b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td:before {
  content: attr(data-label);
  font-weight: 600;
  padding-right: .5em;
  text-align: left
}

.b-tabs .tabs {
  flex-shrink: 0;
  margin-bottom: 0
}

.b-tabs .tabs li a:focus {
  border-bottom-color: #8f4475;
  outline: none
}

.b-tabs .tabs li:not(.is-active) a:focus {
  border-bottom-color: #363636
}

.b-tabs .tabs li.is-disabled {
  cursor: not-allowed;
  opacity: .5;
  pointer-events: none
}

.b-tabs .tabs.is-boxed li a:focus {
  background-color: #fff;
  border-bottom-color: transparent
}

.b-tabs .tabs.is-boxed li:not(.is-active) a:focus {
  background-color: #f5f5f5;
  border-bottom-color: #dbdbdb
}

.b-tabs .tabs.is-toggle li a:focus {
  background-color: #8f4475;
  border-color: #8f4475
}

.b-tabs .tabs.is-toggle li:not(.is-active) a:focus {
  background-color: #f5f5f5;
  border-color: #b5b5b5
}

.b-tabs .tab-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
  padding: 1rem;
  position: relative
}

.b-tabs .tab-content .tab-item {
  flex-basis: auto;
  flex-shrink: 0
}

.b-tabs .tab-content .tab-item:focus {
  outline: none
}

.b-tabs .tab-content.is-transitioning {
  overflow: hidden
}

.b-tabs:not(:last-child) {
  margin-bottom: 1.5rem
}

.b-tabs.is-fullwidth {
  width: 100%
}

.b-tabs.is-vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.b-tabs.is-vertical>.tabs ul {
  border-bottom-color: transparent;
  flex-direction: column
}

.b-tabs.is-vertical>.tabs ul li {
  width: 100%
}

.b-tabs.is-vertical>.tabs ul li a {
  justify-content: left
}

.b-tabs.is-vertical>.tabs.is-boxed li a {
  border-bottom-color: transparent !important;
  border-radius: 4px 0 0 4px;
  border-right-color: #dbdbdb !important
}

.b-tabs.is-vertical>.tabs.is-boxed li.is-active a {
  border-bottom-color: #dbdbdb !important;
  border-right-color: transparent !important
}

.b-tabs.is-vertical>.tabs.is-toggle li+li {
  margin-left: 0
}

.b-tabs.is-vertical>.tabs.is-toggle li:first-child a {
  border-radius: 4px 4px 0 0
}

.b-tabs.is-vertical>.tabs.is-toggle li:last-child a {
  border-radius: 0 0 4px 4px
}

.b-tabs.is-vertical>.tabs.is-fullwidth li a {
  height: 100%
}

.b-tabs.is-vertical>.tab-content {
  flex-grow: 1
}

.b-tabs.is-vertical.is-right,
.b-tabs.is-vertical.is-right>.tabs ul a {
  flex-direction: row-reverse
}

.b-tabs.is-vertical.is-right>.tabs ul a .icon:first-child {
  margin-left: .5em;
  margin-right: 0
}

.b-tabs.is-vertical.is-right>.tabs.is-boxed li a {
  border-bottom-color: transparent !important;
  border-left-color: #dbdbdb !important;
  border-radius: 0 4px 4px 0;
  border-right-color: transparent !important
}

.b-tabs.is-vertical.is-right>.tabs.is-boxed li.is-active a {
  border-bottom-color: #dbdbdb !important;
  border-left-color: transparent !important;
  border-right-color: #dbdbdb !important
}

.b-tabs.is-multiline>.tabs ul {
  flex-shrink: 1;
  flex-wrap: wrap
}

.tag .has-ellipsis {
  max-width: 10em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tag .delete.is-white,
.tag.has-delete-icon.is-white,
.tag.is-delete.is-white {
  background: #fff
}

.tag .delete.is-white:hover,
.tag.has-delete-icon.is-white:hover,
.tag.is-delete.is-white:hover {
  background-color: #e6e6e6;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-black,
.tag.has-delete-icon.is-black,
.tag.is-delete.is-black {
  background: #0a0a0a
}

.tag .delete.is-black:hover,
.tag.has-delete-icon.is-black:hover,
.tag.is-delete.is-black:hover {
  background-color: #000;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-light,
.tag.has-delete-icon.is-light,
.tag.is-delete.is-light {
  background: #f5f5f5
}

.tag .delete.is-light:hover,
.tag.has-delete-icon.is-light:hover,
.tag.is-delete.is-light:hover {
  background-color: #dbdbdb;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-dark,
.tag.has-delete-icon.is-dark,
.tag.is-delete.is-dark {
  background: #363636
}

.tag .delete.is-dark:hover,
.tag.has-delete-icon.is-dark:hover,
.tag.is-delete.is-dark:hover {
  background-color: #1c1c1c;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-primary,
.tag.has-delete-icon.is-primary,
.tag.is-delete.is-primary {
  background: #8f4475
}

.tag .delete.is-primary:hover,
.tag.has-delete-icon.is-primary:hover,
.tag.is-delete.is-primary:hover {
  background-color: #6c3459;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-link,
.tag.has-delete-icon.is-link,
.tag.is-delete.is-link {
  background: #485fc7
}

.tag .delete.is-link:hover,
.tag.has-delete-icon.is-link:hover,
.tag.is-delete.is-link:hover {
  background-color: #3449a8;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-info,
.tag.has-delete-icon.is-info,
.tag.is-delete.is-info {
  background: #3e8ed0
}

.tag .delete.is-info:hover,
.tag.has-delete-icon.is-info:hover,
.tag.is-delete.is-info:hover {
  background-color: #2b74b1;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-success,
.tag.has-delete-icon.is-success,
.tag.is-delete.is-success {
  background: #48c78e
}

.tag .delete.is-success:hover,
.tag.has-delete-icon.is-success:hover,
.tag.is-delete.is-success:hover {
  background-color: #34a873;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-warning,
.tag.has-delete-icon.is-warning,
.tag.is-delete.is-warning {
  background: #ffc740
}

.tag .delete.is-warning:hover,
.tag.has-delete-icon.is-warning:hover,
.tag.is-delete.is-warning:hover {
  background-color: #ffb80d;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag .delete.is-danger,
.tag.has-delete-icon.is-danger,
.tag.is-delete.is-danger {
  background: #f14668
}

.tag .delete.is-danger:hover,
.tag.has-delete-icon.is-danger:hover,
.tag.is-delete.is-danger:hover {
  background-color: #ee1742;
  -webkit-text-decoration: none;
  text-decoration: none
}

.tag.has-delete-icon {
  padding: 0
}

.tag.has-delete-icon .icon:first-child:not(:last-child) {
  margin-left: 0;
  margin-right: 0
}

.taginput .taginput-container {
  display: flex
}

.taginput .taginput-container.is-focusable {
  cursor: text;
  padding: calc(.275em - 1px) 0 0
}

.taginput .taginput-container.is-focusable,
.taginput .taginput-container:not(.is-focusable) {
  align-items: center;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start
}

.taginput .taginput-container:not(.is-focusable).is-small {
  border-radius: 2px;
  font-size: .75rem
}

.taginput .taginput-container:not(.is-focusable).is-medium {
  font-size: 1.25rem
}

.taginput .taginput-container:not(.is-focusable).is-large {
  font-size: 1.5rem
}

.taginput .taginput-container>.tag,
.taginput .taginput-container>.tags {
  font-size: .9em;
  height: calc(2em - 1px);
  margin-bottom: calc(.275em - 1px);
  margin-left: .275rem
}

.taginput .taginput-container>.tag .tag,
.taginput .taginput-container>.tags .tag {
  font-size: .9em;
  height: calc(2em - 1px);
  margin-bottom: 0
}

.taginput .taginput-container>.tag .tag.is-delete,
.taginput .taginput-container>.tags .tag.is-delete {
  width: calc(2em - 1px)
}

.taginput .taginput-container .autocomplete {
  flex: 1;
  position: static
}

.taginput .taginput-container .autocomplete input {
  border: none;
  box-shadow: none;
  height: calc(2em - 1px);
  margin-bottom: calc(.275em - 1px);
  min-width: 8em;
  padding-bottom: 0;
  padding-top: 0
}

.taginput .taginput-container .autocomplete input:focus {
  box-shadow: none !important
}

.taginput .taginput-container .autocomplete .icon {
  height: calc(2em - 1px)
}

.taginput .taginput-container .autocomplete>.control.is-loading:after {
  top: .375em
}

.timepicker .dropdown-menu {
  min-width: 0
}

.timepicker .dropdown,
.timepicker .dropdown-trigger {
  width: 100%
}

.timepicker .dropdown .input[readonly],
.timepicker .dropdown-trigger .input[readonly] {
  box-shadow: inset 0 .0625em .125em hsla(0, 0%, 4%, .05);
  cursor: pointer
}

.timepicker .dropdown .input[readonly].is-active,
.timepicker .dropdown .input[readonly].is-focused,
.timepicker .dropdown .input[readonly]:active,
.timepicker .dropdown .input[readonly]:focus,
.timepicker .dropdown-trigger .input[readonly].is-active,
.timepicker .dropdown-trigger .input[readonly].is-focused,
.timepicker .dropdown-trigger .input[readonly]:active,
.timepicker .dropdown-trigger .input[readonly]:focus {
  box-shadow: 0 0 0 .125em rgba(143, 68, 117, .25)
}

.timepicker .dropdown.is-disabled {
  opacity: 1
}

.dropdown .dropdown-menu .has-link .timepicker a,
.timepicker .dropdown .dropdown-menu .has-link a,
.timepicker .dropdown-item {
  font-size: inherit;
  padding: 0
}

.timepicker .timepicker-footer {
  padding: 0 .5rem
}

.timepicker .dropdown-content .control {
  font-size: 1.25em;
  margin-right: 0 !important
}

.timepicker .dropdown-content .control .select {
  margin: 0 .125em
}

.timepicker .dropdown-content .control .select select {
  border: 0;
  font-weight: 600;
  padding-right: calc(.75em - 1px)
}

.timepicker .dropdown-content .control .select select option:disabled {
  color: hsla(0, 0%, 48%, .7)
}

.timepicker .dropdown-content .control .select:after {
  display: none
}

.timepicker .dropdown-content .control.is-colon {
  font-size: 1.7em;
  line-height: 1.7em
}

.timepicker .dropdown-content .control.is-colon:last-child {
  padding-right: calc(.75em - 1px)
}

.timepicker.is-small {
  border-radius: 2px;
  font-size: .75rem
}

.timepicker.is-medium {
  font-size: 1.25rem
}

.timepicker.is-large {
  font-size: 1.5rem
}

.b-tooltip {
  display: inline-flex;
  position: relative
}

.b-tooltip.is-top .tooltip-content {
  bottom: calc(100% + 7px);
  left: 50%;
  right: auto;
  top: auto;
  transform: translateX(-50%)
}

.b-tooltip.is-top .tooltip-content:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #8f4475;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 100%;
  transform: translateX(-50%)
}

.b-tooltip.is-top.is-white .tooltip-content:before {
  border-top-color: #fff
}

.b-tooltip.is-top.is-black .tooltip-content:before {
  border-top-color: #0a0a0a
}

.b-tooltip.is-top.is-light .tooltip-content:before {
  border-top-color: #f5f5f5
}

.b-tooltip.is-top.is-dark .tooltip-content:before {
  border-top-color: #363636
}

.b-tooltip.is-top.is-primary .tooltip-content:before {
  border-top-color: #8f4475
}

.b-tooltip.is-top.is-primary.is-light .tooltip-content:before {
  border-top-color: #f8f1f6
}

.b-tooltip.is-top.is-link .tooltip-content:before {
  border-top-color: #485fc7
}

.b-tooltip.is-top.is-link.is-light .tooltip-content:before {
  border-top-color: #eff1fa
}

.b-tooltip.is-top.is-info .tooltip-content:before {
  border-top-color: #3e8ed0
}

.b-tooltip.is-top.is-info.is-light .tooltip-content:before {
  border-top-color: #eff5fb
}

.b-tooltip.is-top.is-success .tooltip-content:before {
  border-top-color: #48c78e
}

.b-tooltip.is-top.is-success.is-light .tooltip-content:before {
  border-top-color: #effaf5
}

.b-tooltip.is-top.is-warning .tooltip-content:before {
  border-top-color: #ffc740
}

.b-tooltip.is-top.is-warning.is-light .tooltip-content:before {
  border-top-color: #fffaeb
}

.b-tooltip.is-top.is-danger .tooltip-content:before {
  border-top-color: #f14668
}

.b-tooltip.is-top.is-danger.is-light .tooltip-content:before {
  border-top-color: #feecf0
}

.b-tooltip.is-right .tooltip-content {
  bottom: auto;
  left: calc(100% + 7px);
  right: auto;
  top: 50%;
  transform: translateY(-50%)
}

.b-tooltip.is-right .tooltip-content:before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #8f4475;
  border-top: 5px solid transparent;
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translateY(-50%)
}

.b-tooltip.is-right.is-white .tooltip-content:before {
  border-right-color: #fff
}

.b-tooltip.is-right.is-black .tooltip-content:before {
  border-right-color: #0a0a0a
}

.b-tooltip.is-right.is-light .tooltip-content:before {
  border-right-color: #f5f5f5
}

.b-tooltip.is-right.is-dark .tooltip-content:before {
  border-right-color: #363636
}

.b-tooltip.is-right.is-primary .tooltip-content:before {
  border-right-color: #8f4475
}

.b-tooltip.is-right.is-primary.is-light .tooltip-content:before {
  border-right-color: #f8f1f6
}

.b-tooltip.is-right.is-link .tooltip-content:before {
  border-right-color: #485fc7
}

.b-tooltip.is-right.is-link.is-light .tooltip-content:before {
  border-right-color: #eff1fa
}

.b-tooltip.is-right.is-info .tooltip-content:before {
  border-right-color: #3e8ed0
}

.b-tooltip.is-right.is-info.is-light .tooltip-content:before {
  border-right-color: #eff5fb
}

.b-tooltip.is-right.is-success .tooltip-content:before {
  border-right-color: #48c78e
}

.b-tooltip.is-right.is-success.is-light .tooltip-content:before {
  border-right-color: #effaf5
}

.b-tooltip.is-right.is-warning .tooltip-content:before {
  border-right-color: #ffc740
}

.b-tooltip.is-right.is-warning.is-light .tooltip-content:before {
  border-right-color: #fffaeb
}

.b-tooltip.is-right.is-danger .tooltip-content:before {
  border-right-color: #f14668
}

.b-tooltip.is-right.is-danger.is-light .tooltip-content:before {
  border-right-color: #feecf0
}

.b-tooltip.is-bottom .tooltip-content {
  bottom: auto;
  left: 50%;
  right: auto;
  top: calc(100% + 7px);
  transform: translateX(-50%)
}

.b-tooltip.is-bottom .tooltip-content:before {
  border-bottom: 5px solid #8f4475;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: 100%;
  left: 50%;
  right: auto;
  top: auto;
  transform: translateX(-50%)
}

.b-tooltip.is-bottom.is-white .tooltip-content:before {
  border-bottom-color: #fff
}

.b-tooltip.is-bottom.is-black .tooltip-content:before {
  border-bottom-color: #0a0a0a
}

.b-tooltip.is-bottom.is-light .tooltip-content:before {
  border-bottom-color: #f5f5f5
}

.b-tooltip.is-bottom.is-dark .tooltip-content:before {
  border-bottom-color: #363636
}

.b-tooltip.is-bottom.is-primary .tooltip-content:before {
  border-bottom-color: #8f4475
}

.b-tooltip.is-bottom.is-primary.is-light .tooltip-content:before {
  border-bottom-color: #f8f1f6
}

.b-tooltip.is-bottom.is-link .tooltip-content:before {
  border-bottom-color: #485fc7
}

.b-tooltip.is-bottom.is-link.is-light .tooltip-content:before {
  border-bottom-color: #eff1fa
}

.b-tooltip.is-bottom.is-info .tooltip-content:before {
  border-bottom-color: #3e8ed0
}

.b-tooltip.is-bottom.is-info.is-light .tooltip-content:before {
  border-bottom-color: #eff5fb
}

.b-tooltip.is-bottom.is-success .tooltip-content:before {
  border-bottom-color: #48c78e
}

.b-tooltip.is-bottom.is-success.is-light .tooltip-content:before {
  border-bottom-color: #effaf5
}

.b-tooltip.is-bottom.is-warning .tooltip-content:before {
  border-bottom-color: #ffc740
}

.b-tooltip.is-bottom.is-warning.is-light .tooltip-content:before {
  border-bottom-color: #fffaeb
}

.b-tooltip.is-bottom.is-danger .tooltip-content:before {
  border-bottom-color: #f14668
}

.b-tooltip.is-bottom.is-danger.is-light .tooltip-content:before {
  border-bottom-color: #feecf0
}

.b-tooltip.is-left .tooltip-content {
  bottom: auto;
  left: auto;
  right: calc(100% + 7px);
  top: 50%;
  transform: translateY(-50%)
}

.b-tooltip.is-left .tooltip-content:before {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #8f4475;
  border-top: 5px solid transparent;
  bottom: auto;
  left: 100%;
  right: auto;
  top: 50%;
  transform: translateY(-50%)
}

.b-tooltip.is-left.is-white .tooltip-content:before {
  border-left-color: #fff
}

.b-tooltip.is-left.is-black .tooltip-content:before {
  border-left-color: #0a0a0a
}

.b-tooltip.is-left.is-light .tooltip-content:before {
  border-left-color: #f5f5f5
}

.b-tooltip.is-left.is-dark .tooltip-content:before {
  border-left-color: #363636
}

.b-tooltip.is-left.is-primary .tooltip-content:before {
  border-left-color: #8f4475
}

.b-tooltip.is-left.is-primary.is-light .tooltip-content:before {
  border-left-color: #f8f1f6
}

.b-tooltip.is-left.is-link .tooltip-content:before {
  border-left-color: #485fc7
}

.b-tooltip.is-left.is-link.is-light .tooltip-content:before {
  border-left-color: #eff1fa
}

.b-tooltip.is-left.is-info .tooltip-content:before {
  border-left-color: #3e8ed0
}

.b-tooltip.is-left.is-info.is-light .tooltip-content:before {
  border-left-color: #eff5fb
}

.b-tooltip.is-left.is-success .tooltip-content:before {
  border-left-color: #48c78e
}

.b-tooltip.is-left.is-success.is-light .tooltip-content:before {
  border-left-color: #effaf5
}

.b-tooltip.is-left.is-warning .tooltip-content:before {
  border-left-color: #ffc740
}

.b-tooltip.is-left.is-warning.is-light .tooltip-content:before {
  border-left-color: #fffaeb
}

.b-tooltip.is-left.is-danger .tooltip-content:before {
  border-left-color: #f14668
}

.b-tooltip.is-left.is-danger.is-light .tooltip-content:before {
  border-left-color: #feecf0
}

.b-tooltip .tooltip-content {
  border-radius: 6px;
  box-shadow: 0 1px 2px 1px rgba(0, 1, 0, .2);
  font-size: .85rem;
  font-weight: 400;
  padding: .35rem .75rem;
  position: absolute;
  white-space: nowrap;
  width: auto;
  z-index: 38
}

.b-tooltip .tooltip-content:before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 38
}

.b-tooltip .tooltip-trigger {
  width: 100%
}

.b-tooltip.is-white .tooltip-content {
  background: #fff;
  color: #0a0a0a
}

.b-tooltip.is-black .tooltip-content {
  background: #0a0a0a;
  color: #fff
}

.b-tooltip.is-light .tooltip-content {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .7)
}

.b-tooltip.is-dark .tooltip-content {
  background: #363636;
  color: #fff
}

.b-tooltip.is-primary .tooltip-content {
  background: #8f4475;
  color: #fff
}

.b-tooltip.is-primary.is-light .tooltip-content {
  background: #f8f1f6;
  color: #a9518b
}

.b-tooltip.is-link .tooltip-content {
  background: #485fc7;
  color: #fff
}

.b-tooltip.is-link.is-light .tooltip-content {
  background: #eff1fa;
  color: #3850b7
}

.b-tooltip.is-info .tooltip-content {
  background: #3e8ed0;
  color: #fff
}

.b-tooltip.is-info.is-light .tooltip-content {
  background: #eff5fb;
  color: #296fa8
}

.b-tooltip.is-success .tooltip-content {
  background: #48c78e;
  color: #fff
}

.b-tooltip.is-success.is-light .tooltip-content {
  background: #effaf5;
  color: #257953
}

.b-tooltip.is-warning .tooltip-content {
  background: #ffc740;
  color: rgba(0, 0, 0, .7)
}

.b-tooltip.is-warning.is-light .tooltip-content {
  background: #fffaeb;
  color: #946c00
}

.b-tooltip.is-danger .tooltip-content {
  background: #f14668;
  color: #fff
}

.b-tooltip.is-danger.is-light .tooltip-content {
  background: #feecf0;
  color: #cc0f35
}

.b-tooltip.is-always .tooltip-content,
.b-tooltip.is-always .tooltip-content:before {
  opacity: 1;
  visibility: visible
}

.b-tooltip.is-multiline .tooltip-content {
  display: flex-block;
  text-align: center;
  white-space: normal
}

.b-tooltip.is-multiline.is-small .tooltip-content {
  width: 180px
}

.b-tooltip.is-multiline.is-medium .tooltip-content {
  width: 240px
}

.b-tooltip.is-multiline.is-large .tooltip-content {
  width: 300px
}

.b-tooltip.is-dashed .tooltip-trigger {
  border-bottom: 1px dashed #b5b5b5;
  cursor: default
}

.b-tooltip.is-square .tooltip-content {
  border-radius: 0
}

.upload {
  display: inline-flex;
  position: relative
}

.upload input[type=file] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.upload .upload-draggable {
  border: 1px dashed #b5b5b5;
  border-radius: 6px;
  cursor: pointer;
  padding: .25em
}

.upload .upload-draggable.is-disabled {
  cursor: not-allowed;
  opacity: .5
}

.upload .upload-draggable.is-loading {
  opacity: .5;
  pointer-events: none;
  position: relative
}

.upload .upload-draggable.is-loading:after {
  animation: spinAround .5s linear infinite;
  border-color: transparent transparent #dbdbdb #dbdbdb;
  border-radius: 9999px;
  border-style: solid;
  border-width: .25em;
  content: "";
  display: block;
  height: 1em;
  height: 3em;
  left: calc(50% - 1.5em);
  position: relative;
  top: 0;
  width: 1em;
  width: 3em
}

.upload .upload-draggable.is-hovered.is-white,
.upload .upload-draggable:hover.is-white {
  background: hsla(0, 0%, 100%, .05);
  border-color: #fff
}

.upload .upload-draggable.is-hovered.is-black,
.upload .upload-draggable:hover.is-black {
  background: hsla(0, 0%, 4%, .05);
  border-color: #0a0a0a
}

.upload .upload-draggable.is-hovered.is-light,
.upload .upload-draggable:hover.is-light {
  background: hsla(0, 0%, 96%, .05);
  border-color: #f5f5f5
}

.upload .upload-draggable.is-hovered.is-dark,
.upload .upload-draggable:hover.is-dark {
  background: rgba(54, 54, 54, .05);
  border-color: #363636
}

.upload .upload-draggable.is-hovered.is-primary,
.upload .upload-draggable:hover.is-primary {
  background: rgba(143, 68, 117, .05);
  border-color: #8f4475
}

.upload .upload-draggable.is-hovered.is-link,
.upload .upload-draggable:hover.is-link {
  background: rgba(72, 95, 199, .05);
  border-color: #485fc7
}

.upload .upload-draggable.is-hovered.is-info,
.upload .upload-draggable:hover.is-info {
  background: rgba(62, 142, 208, .05);
  border-color: #3e8ed0
}

.upload .upload-draggable.is-hovered.is-success,
.upload .upload-draggable:hover.is-success {
  background: rgba(72, 199, 142, .05);
  border-color: #48c78e
}

.upload .upload-draggable.is-hovered.is-warning,
.upload .upload-draggable:hover.is-warning {
  background: rgba(255, 199, 64, .05);
  border-color: #ffc740
}

.upload .upload-draggable.is-hovered.is-danger,
.upload .upload-draggable:hover.is-danger {
  background: rgba(241, 70, 104, .05);
  border-color: #f14668
}

.upload .upload-draggable.is-expanded,
.upload.is-expanded {
  width: 100%
}

.upload.is-rounded {
  border-radius: 9999px
}

.upload.is-rounded .file-name {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
  .upload input[type=file] {
    z-index: auto
  }

  .upload .upload-draggable+input[type=file] {
    z-index: -1
  }
}

@font-face {
  font-display: swap;
  font-family: "Montserrat Arabic";
  font-style: normal;
  font-weight: 900;
  src: url(_nuxt/fonts/Montserrat-Arabic-Black.f5a9c90.woff2) format("woff2"), url(_nuxt/fonts/Montserrat-Arabic-Black.5dccd73.woff) format("woff"), url(_nuxt/fonts/Montserrat-Arabic-Black.76acac3.eot) format("eot")
}

@font-face {
  font-display: swap;
  font-family: "Montserrat Arabic";
  font-style: normal;
  font-weight: 700;
  src: url(_nuxt/fonts/Montserrat-Arabic-Bold.4064d9e.woff2) format("woff2"), url(_nuxt/fonts/Montserrat-Arabic-Bold.2296e35.woff) format("woff"), url(_nuxt/fonts/Montserrat-Arabic-Bold.7e20e48.eot) format("eot")
}

@font-face {
  font-display: swap;
  font-family: "Montserrat Arabic";
  font-style: normal;
  font-weight: 600;
  src: url(_nuxt/fonts/Montserrat-Arabic-SemiBold.bda36d4.woff2) format("woff2"), url(_nuxt/fonts/Montserrat-Arabic-SemiBold.f1118cf.woff) format("woff"), url(_nuxt/fonts/Montserrat-Arabic-SemiBold.ce7d677.eot) format("eot")
}

@font-face {
  font-display: swap;
  font-family: "Montserrat Arabic";
  font-style: normal;
  font-weight: 400;
  src: url(_nuxt/fonts/Montserrat-Arabic-Regular.c769b14.woff2) format("woff2"), url(_nuxt/fonts/Montserrat-Arabic-Regular.7e92cbd.woff) format("woff"), url(_nuxt/fonts/Montserrat-Arabic-Regular.632197e.eot) format("eot")
}

@font-face {
  font-display: swap;
  font-family: "Montserrat Arabic";
  font-style: normal;
  font-weight: 300;
  src: url(_nuxt/fonts/Montserrat-Arabic-Light.efc99b6.woff2) format("woff2"), url(_nuxt/fonts/Montserrat-Arabic-Light.d914458.woff) format("woff"), url(_nuxt/fonts/Montserrat-Arabic-Light.eaee398.eot) format("eot")
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
  text-align: center
}

@font-face {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff")
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: ""
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-play-circle:before {
  content: ""
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: ""
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: ""
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: ""
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: ""
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: ""
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: ""
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: ""
}

.vjs-icon-square {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-square:before {
  content: ""
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-spinner:before {
  content: ""
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: ""
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: ""
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: ""
}

.vjs-icon-share {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-share:before {
  content: ""
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-cog:before {
  content: ""
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: ""
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-circle-outline:before {
  content: ""
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-circle-inner-circle:before {
  content: ""
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-hd:before {
  content: ""
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: ""
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: ""
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-facebook:before {
  content: ""
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-gplus:before {
  content: ""
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-linkedin:before {
  content: ""
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-twitter:before {
  content: ""
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-tumblr:before {
  content: ""
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-pinterest:before {
  content: ""
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: ""
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: ""
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-next-item:before {
  content: ""
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.vjs-icon-previous-item:before {
  content: ""
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content: ""
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-style: normal;
  font-weight: 400
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content: ""
}

.video-js {
  background-color: #000;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 0;
  position: relative;
  vertical-align: top;
  word-break: normal
}

.video-js:-moz-full-screen {
  position: absolute
}

.video-js:-webkit-full-screen {
  height: 100% !important;
  width: 100% !important
}

.video-js[tabindex="-1"] {
  outline: 0
}

.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0
}

.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-fluid {
  height: 0;
  max-width: 100%;
  width: 100%
}

.video-js.vjs-16-9 {
  padding-top: 56.25%
}

.video-js.vjs-4-3 {
  padding-top: 75%
}

.video-js .vjs-tech,
.video-js.vjs-fill {
  height: 100%;
  width: 100%
}

.video-js .vjs-tech {
  left: 0;
  position: absolute;
  top: 0
}

body.vjs-full-window {
  height: 100%;
  margin: 0;
  padding: 0
}

.vjs-full-window .video-js.vjs-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000
}

.video-js.vjs-fullscreen {
  height: 100% !important;
  padding-top: 0 !important;
  width: 100% !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none
}

.vjs-hidden {
  display: none !important
}

.vjs-disabled {
  cursor: default;
  opacity: .5
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible
}

.vjs-no-js {
  background-color: #000;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  height: 150px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: 300px
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc
}

.video-js .vjs-big-play-button {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  border: .06666em solid #fff;
  border-radius: .3em;
  cursor: pointer;
  display: block;
  font-size: 3em;
  height: 1.63332em;
  left: 10px;
  line-height: 1.5em;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 10px;
  transition: all .4s;
  width: 3em
}

.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: -1.5em;
  margin-top: -.81666em;
  top: 50%
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5);
  border-color: #fff;
  transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block
}

.video-js button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: none;
  transition: none
}

.vjs-control .vjs-button {
  height: 100%;
  width: 100%
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: .5em;
  z-index: 2
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, .8);
  background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
  overflow: auto
}

.video-js .vjs-modal-dialog>* {
  box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1
}

.vjs-menu-button {
  cursor: pointer
}

.vjs-menu-button.vjs-disabled {
  cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none
}

.vjs-menu .vjs-menu-content {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  overflow: auto;
  padding: 0
}

.vjs-menu .vjs-menu-content>* {
  box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none
}

.vjs-menu li {
  font-size: 1.2em;
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: .2em 0;
  text-align: center;
  text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f
}

.vjs-menu li.vjs-menu-title {
  cursor: default;
  font-size: 1em;
  font-weight: 700;
  line-height: 2em;
  margin: 0 0 .3em;
  padding: 0;
  text-align: center;
  text-transform: uppercase
}

.vjs-menu-button-popup .vjs-menu {
  border-top-color: rgba(43, 51, 63, .7);
  bottom: 0;
  display: none;
  height: 0;
  left: -3em;
  margin-bottom: 1.5em;
  position: absolute;
  width: 10em
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  bottom: 1.5em;
  max-height: 15em;
  position: absolute;
  width: 100%
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block
}

.video-js .vjs-menu-button-inline {
  overflow: hidden;
  transition: all .4s
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em
}

.vjs-menu-button-inline .vjs-menu {
  height: 100%;
  left: 4em;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transition: all .4s;
  width: auto
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: auto
}

.video-js .vjs-control-bar {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  bottom: 0;
  display: none;
  height: 3em;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  opacity: 1;
  transition: visibility .1s, opacity .1s;
  visibility: visible
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  visibility: visible
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table
}

.video-js .vjs-control {
  flex: none;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 4em
}

.vjs-button>.vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
  display: none
}

.video-js .vjs-progress-control {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: auto;
  min-width: 4em;
  touch-action: none
}

.video-js .vjs-progress-control.disabled {
  cursor: default
}

.vjs-live .vjs-progress-control {
  display: none
}

.vjs-liveui .vjs-progress-control {
  align-items: center;
  display: flex
}

.vjs-no-flex .vjs-progress-control {
  width: auto
}

.video-js .vjs-progress-holder {
  flex: auto;
  height: .3em;
  transition: all .2s
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 0
}

.video-js .vjs-play-progress {
  background-color: #fff
}

.video-js .vjs-play-progress:before {
  font-size: .9em;
  position: absolute;
  right: -.5em;
  top: -.3333333333em;
  z-index: 1
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: .6em;
  visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
  background-color: #000;
  display: none;
  height: 100%;
  position: absolute;
  width: 1px;
  z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  opacity: 0;
  transition: visibility 1s, opacity 1s;
  visibility: hidden
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none
}

.vjs-mouse-display .vjs-time-tooltip {
  background-color: #000;
  background-color: rgba(0, 0, 0, .8);
  color: #fff
}

.video-js .vjs-slider {
  -webkit-touch-callout: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5);
  cursor: pointer;
  margin: 0 .45em;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.video-js .vjs-slider.disabled {
  cursor: default
}

.video-js .vjs-slider:focus {
  box-shadow: 0 0 1em #fff;
  text-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none
}

.video-js .vjs-volume-control {
  cursor: pointer;
  display: flex;
  margin-right: 1em
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
  height: 1px;
  margin-left: -1px;
  opacity: 0;
  visibility: visible;
  width: 1px
}

.video-js .vjs-volume-panel {
  transition: width 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
  opacity: 1;
  position: relative;
  transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
  visibility: visible
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  height: 3em;
  margin-right: 0;
  width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  transition: width .1s;
  width: 10em
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  width: 3em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  height: 3em;
  opacity: 1;
  position: relative;
  transition: none;
  visibility: visible;
  width: 5em
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  bottom: 3em;
  left: .5em;
  position: absolute
}

.video-js .vjs-volume-panel {
  display: flex
}

.video-js .vjs-volume-bar {
  margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
  height: .3em;
  width: 5em
}

.vjs-volume-bar.vjs-slider-vertical {
  height: 5em;
  margin: 1.35em auto;
  width: .3em
}

.video-js .vjs-volume-level {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute
}

.video-js .vjs-volume-level:before {
  font-size: .9em;
  position: absolute
}

.vjs-slider-vertical .vjs-volume-level {
  width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
  left: -.3em;
  top: -.5em
}

.vjs-slider-horizontal .vjs-volume-level {
  height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
  right: -.5em;
  top: -.3em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%
}

.video-js .vjs-volume-vertical {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  bottom: 8em;
  height: 8em;
  width: 3em
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em
}

.vjs-poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle
}

.vjs-has-started .vjs-poster {
  display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block
}

.vjs-using-native-controls .vjs-poster {
  display: none
}

.video-js .vjs-live-control {
  align-items: flex-start;
  display: flex;
  flex: auto;
  font-size: 1em;
  line-height: 3em
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  text-align: left;
  width: auto
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  display: inline-flex;
  flex: none;
  font-size: 1em;
  height: 100%;
  line-height: 3em;
  min-width: 4em;
  padding-left: .5em;
  padding-right: .5em;
  width: auto
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  text-align: left;
  width: auto
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  color: #888;
  margin-right: .5em
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  padding-left: 1em;
  padding-right: 1em;
  width: auto
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
  display: none
}

.vjs-time-divider {
  display: none;
  line-height: 3em
}

.vjs-live .vjs-time-divider {
  display: none
}

.video-js .vjs-play-control {
  cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none
}

.vjs-text-track-display {
  bottom: 3em;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  margin-bottom: .1em;
  text-align: center
}

.vjs-subtitles {
  color: #fff
}

.vjs-captions {
  color: #fc6
}

.vjs-tt-cue {
  display: block
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control,
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  pointer-events: none;
  text-align: center
}

.vjs-playback-rate .vjs-menu {
  left: 0;
  width: 4em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -.5em;
  position: absolute;
  text-align: center;
  text-shadow: .05em .05em .1em #000;
  top: 50%;
  vertical-align: middle;
  width: 100%
}

.vjs-loading-spinner {
  background-clip: padding-box;
  border: 6px solid rgba(43, 51, 63, .7);
  border-radius: 25px;
  box-sizing: border-box;
  display: none;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .85;
  position: absolute;
  text-align: left;
  top: 50%;
  visibility: hidden;
  width: 50px
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  animation: vjs-spinner-show 0s linear .3s forwards;
  display: block
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  border: inherit;
  border-color: #fff transparent transparent;
  border-radius: inherit;
  box-sizing: inherit;
  content: "";
  height: inherit;
  margin: -6px;
  opacity: 1;
  position: absolute;
  width: inherit
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  animation-delay: .44s;
  border-top-color: #fff
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}

@keyframes vjs-spinner-spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: #fff
  }

  60% {
    border-top-color: #73859f
  }

  to {
    border-top-color: #73859f
  }
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  display: inline-block;
  margin-bottom: -.1em;
  vertical-align: middle
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  content: "";
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  display: inline-block;
  margin-bottom: -.1em;
  vertical-align: middle
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  content: " ";
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
  display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
  display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
  display: block;
  flex: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
  width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
  display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .75);
  color: #fff;
  height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom
}

@supports(display:grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr
  }
}

.vjs-track-setting>select {
  margin-bottom: .5em;
  margin-right: 1em
}

.vjs-text-track-settings fieldset {
  border: none;
  margin: 5px;
  padding: 3px
}

.vjs-text-track-settings fieldset span {
  display: inline-block
}

.vjs-text-track-settings fieldset span>select {
  max-width: 7.3em
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  display: block;
  height: 1px;
  margin: 0 0 5px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  background-image: linear-gradient(0deg, #fff 88%, #73859f);
  outline-style: solid;
  outline-width: medium
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
  border-radius: 2px;
  color: #2b333f;
  cursor: pointer
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em
}

@media print {
  .video-js>:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden
  }
}

.vjs-resize-manager {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible) {
  background: 0 0;
  outline: 0
}

.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
  background: 0 0;
  outline: 0
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

body,
html {
  background-color: #fefeff;
  background-color: var(--bgColor);
  color: #52596f;
  color: var(--fontColor);
  direction: rtl;
  font-family: "Montserrat Arabic";
  font-family: var(--mainFont);
  font-size: 16px;
  text-align: right
}

.navbar-start {
  margin-left: auto;
  margin-right: 0
}

.navbar-end {
  margin-left: 0;
  margin-right: auto
}

.navbar-end .buttons:last-child {
  margin-bottom: 0
}

.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-left: .5rem;
  margin-right: 0
}

.button.is-dark {
  background-color: #3c364c
}

.button.is-dark.is-hovered,
.button.is-dark:hover {
  background-color: #282437
}

.app-header {
  background-color: #8f4475;
  background-color: var(--mainColor);
  position: sticky;
  top: 0;
  z-index: 40
}

.app-header .dropdown .dropdown-menu .has-link a,
.app-header .dropdown-item,
.dropdown .dropdown-menu .has-link .app-header a {
  align-items: center;
  display: flex
}

.app-header .dropdownList .dropdown-content {
  width: 100%
}

.app-header .dropdownList .userName {
  color: #403d3d;
  display: block;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 20px
}

.app-header .navbar {
  background-color: transparent;
  color: #fff
}

.app-header .navbar .container {
  padding-right: 150px;
  position: relative
}

@media(min-width:992px)and (max-width:1199.98px) {
  .app-header .navbar .container {
    padding-right: 110px
  }
}

@media(max-width:1124px) {
  .app-header .navbar .container {
    padding-right: 80px
  }
}

@media(min-width:576px)and (max-width:767.98px) {
  .app-header .navbar .container {
    padding-right: 15px
  }
}

@media(max-width:575.98px) {
  .app-header .navbar .container {
    padding-right: 10px
  }
}

@media(max-width:1124px) {
  .app-header .navbar .navbar-burger {
    background-color: transparent !important
  }

  .app-header .navbar .navbar-burger span {
    color: #fff;
    height: 2px;
    width: 24px
  }
}

@media(max-width:1124px)and (max-width:575.98px) {
  .app-header .navbar .navbar-burger {
    height: 2.8rem;
    width: 2.8rem
  }
}

@media(max-width:1124px) {
  .app-header .navbar .openMenu {
    transform: scaleY(1) !important;
    visibility: visible !important
  }
}

@media(max-width:575.98px) {

  .app-header .navbar .navbar-item,
  .app-header .navbar .navbar-link {
    padding-left: 0;
    padding-right: 0
  }
}

.app-header .navbar .main-logo {
  align-items: center;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .2);
  display: flex;
  justify-content: center;
  padding: 20px 15px 15px;
  position: absolute;
  right: -22px;
  top: 0;
  width: 150px;
  z-index: 21
}

@media(min-width:992px)and (max-width:1199.98px) {
  .app-header .navbar .main-logo {
    padding: 15px 10px 10px;
    width: 100px
  }
}

@media(max-width:1124px) {
  .app-header .navbar .main-logo {
    padding: 15px 10px 10px;
    width: 100px
  }
}

@media(max-width:575.98px) {
  .app-header .navbar .main-logo {
    padding: 15px 8px 10px;
    right: 63px;
    width: 100px
  }
}

@media(min-width:576px)and (max-width:767.98px) {
  .app-header .navbar .main-logo {
    right: 65px
  }
}

.app-header .navbar .main-logo img {
  display: block;
  width: 100%
}

@media(max-width:1124px) {
  .app-header .navbar .navbar-menu {
    background-color: transparent;
    box-shadow: none;
    display: flex
  }
}

.app-header .navbar .navbar-menu .navbar-start .wrap-nav-start {
  align-items: center;
  display: flex;
  flex-wrap: wrap
}

@media(max-width:1124px) {
  .app-header .navbar .navbar-menu .navbar-start {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: calc(100vh - 60px);
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 5vh 0 0;
    position: fixed;
    text-align: center;
    top: 60px;
    transform: scaleY(0);
    transform-origin: top;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    visibility: hidden;
    width: 100vw;
    z-index: 20
  }

  .app-header .navbar .navbar-menu .navbar-start .wrap-nav-start {
    display: block;
    height: 100%;
    padding: 20px 15px !important;
    text-align: center
  }
}

.app-header .navbar .navbar-menu .navbar-start .navbar-item,
.app-header .navbar .navbar-menu .navbar-start .navbar-item:focus,
.app-header .navbar .navbar-menu .navbar-start .navbar-item:hover,
.app-header .navbar .navbar-menu .navbar-start .navbar-link,
.app-header .navbar .navbar-menu .navbar-start .navbar-link:focus,
.app-header .navbar .navbar-menu .navbar-start .navbar-link:hover {
  background-color: transparent !important
}

.app-header .navbar .navbar-menu .navbar-start .navbar-item {
  color: #fff;
  margin-left: 24px;
  padding: 20px 0;
  position: relative
}

@media(min-width:992px)and (max-width:1199.98px) {
  .app-header .navbar .navbar-menu .navbar-start .navbar-item {
    margin-left: 15px
  }
}

@media(max-width:1124px) {
  .app-header .navbar .navbar-menu .navbar-start .navbar-item {
    color: #52596f;
    color: var(--fontColor);
    font-size: 18px;
    font-weight: 700;
    margin-left: 0;
    padding: 8px 0
  }

  .app-header .navbar .navbar-menu .navbar-start .navbar-item:not(:first-child) {
    margin-top: 12px
  }
}

.app-header .navbar .navbar-menu .navbar-start .navbar-item:before {
  background-color: #ffc740;
  background-color: var(--secondColor);
  bottom: 0;
  content: "";
  height: 4px;
  position: absolute;
  right: 50%;
  transition: all .3s ease;
  width: 0
}

@media(max-width:1124px) {
  .app-header .navbar .navbar-menu .navbar-start .navbar-item:before {
    display: none
  }

  .app-header .navbar .navbar-menu .navbar-start .navbar-item.active {
    color: #ffc740;
    color: var(--secondColor)
  }
}

.app-header .navbar .navbar-menu .navbar-start .navbar-item.active,
.app-header .navbar .navbar-menu .navbar-start .navbar-item:hover {
  background-color: transparent
}

.app-header .navbar .navbar-menu .navbar-start .navbar-item.active:before,
.app-header .navbar .navbar-menu .navbar-start .navbar-item:hover:before {
  right: 0;
  width: 100%
}

.app-header .navbar .navbar-menu .small-icon img {
  max-height: 18px;
  max-width: 18px
}

.app-header .navbar .navbar-menu .navbar-end .navbar-item {
  min-height: 35px
}

.app-header .navbar .navbar-menu .navbar-end .buttons .button {
  font-size: 14px;
  margin: 0;
  min-width: 80px
}

@media(max-width:575.98px) {
  .app-header .navbar .navbar-menu .navbar-end .buttons .button {
    margin-right: 5px;
    min-width: 0;
    min-width: auto;
    padding-left: 8px;
    padding-right: 8px
  }

  .app-header .navbar .navbar-menu .navbar-end .buttons .button .small-icon {
    margin: 0
  }
}

.app-header .navbar .navbar-menu .navbar-end .buttons .cart-button {
  background-color: transparent !important;
  border: 0 !important;
  color: #fff;
  min-width: 50px !important;
  padding-left: 0;
  padding-right: 0
}

.app-header .navbar .navbar-menu .navbar-end .buttons .cart-button .tag {
  z-index: 3
}

.app-header .navbar .navbar-menu .navbar-end .buttons .cart-button .icon {
  font-size: 17px
}

.app-header .navbar .navbar-menu .navbar-end .buttons .cart-button .icon img {
  max-width: 24px
}

.app-header .navbar .navbar-menu .navbar-end .line {
  background-color: #fff;
  height: 20px;
  margin-left: 15px;
  margin-right: 15px;
  width: 1px
}

@media(max-width:575.98px) {
  .app-header .navbar .navbar-menu .navbar-end .line {
    display: none
  }
}

@media(min-width:992px)and (max-width:1199.98px) {
  .app-header .navbar .navbar-menu .navbar-end .line {
    margin-left: 10px;
    margin-right: 10px
  }
}

.app-header .unrepliedCommentsCount {
  align-items: center;
  background-color: #fb2b2b;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 12px;
  justify-content: center;
  min-height: 24px;
  min-width: 24px;
  padding: 2px 4px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -10px;
  z-index: 2
}

@media(max-width:575.98px) {
  .app-header .unrepliedCommentsCount {
    font-size: 11px;
    min-height: 20px;
    min-width: 20px;
    padding: 2px;
    right: -5px;
    top: -14px
  }
}

.app-header .cart-list .dropdown-menu {
  min-width: 300px
}

.app-header .cart-list .dropdown-menu .content {
  max-height: 450px;
  overflow-y: auto
}

.app-header .cart-list .dropdown-menu .content .has-link {
  border: 0;
  display: block;
  padding: 0
}

.app-header .cart-list .dropdown-menu .content .has-link a {
  color: #fff
}

.app-header .cart-list .dropdown-menu .content .has-link a.list-content {
  background-color: transparent !important;
  border: 0;
  padding: 0
}

.app-header .cart-list .dropdown-menu .content .has-link a:hover {
  color: #222
}

.app-header .cart-list .dropdown .dropdown-menu .has-link a,
.app-header .cart-list .dropdown-menu .dropdown-item,
.dropdown .app-header .cart-list .dropdown-menu .has-link a {
  border-bottom: 1px solid #ddd;
  display: flex;
  padding: 10px
}

.app-header .cart-list .dropdown .dropdown-menu .has-link a .list-content,
.app-header .cart-list .dropdown-menu .dropdown-item .list-content,
.dropdown .app-header .cart-list .dropdown-menu .has-link a .list-content {
  display: flex;
  padding-left: 10px;
  width: 100%
}

.app-header .cart-list .dropdown .dropdown-menu .has-link a .list-content img,
.app-header .cart-list .dropdown-menu .dropdown-item .list-content img,
.dropdown .app-header .cart-list .dropdown-menu .has-link a .list-content img {
  height: 60px;
  margin-left: 10px;
  min-height: 60px;
  min-width: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 60px
}

.app-header .cart-list .dropdown .dropdown-menu .has-link a .list-content h3,
.app-header .cart-list .dropdown-menu .dropdown-item .list-content h3,
.dropdown .app-header .cart-list .dropdown-menu .has-link a .list-content h3 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  white-space: pre-line
}

.app-header .cart-list .dropdown .dropdown-menu .has-link a .list-content p,
.app-header .cart-list .dropdown-menu .dropdown-item .list-content p,
.dropdown .app-header .cart-list .dropdown-menu .has-link a .list-content p {
  color: #777;
  font-size: 12px;
  margin-bottom: 0
}

.app-header .cart-list .dropdown .dropdown-menu .has-link a .deleteItem,
.app-header .cart-list .dropdown-menu .dropdown-item .deleteItem,
.dropdown .app-header .cart-list .dropdown-menu .has-link a .deleteItem {
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: 30px;
  opacity: .6
}

.app-header .cart-list .dropdown .dropdown-menu .has-link a .deleteItem:hover,
.app-header .cart-list .dropdown-menu .dropdown-item .deleteItem:hover,
.dropdown .app-header .cart-list .dropdown-menu .has-link a .deleteItem:hover {
  opacity: 1
}

.app-header .cart-list .cartEmpty {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100px;
  text-align: center
}

.app-header .cart-list .cartEmpty img {
  margin-right: 1rem;
  max-height: none;
  max-width: 120px
}

.app-header .cart-list .cartEmpty p {
  color: #777;
  font-size: 15px;
  line-height: 1.8
}

.mainLine {
  background-color: #ffc740;
  background-color: var(--secondColor);
  border-radius: 5px;
  height: 4px;
  margin: 0 auto;
  max-width: 60%;
  position: relative;
  width: 300px;
  z-index: 2
}

.heroBanner {
  overflow: hidden
}

.heroBanner,
.heroBanner img {
  max-height: 600px;
  min-height: 280px;
  width: 100%
}

.heroBanner img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.section {
  padding-left: 0;
  padding-right: 0
}

.section-head {
  align-items: center;
  display: flex;
  margin-bottom: 2rem
}

.section-head .title {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 34px;
  font-weight: 700;
  padding-bottom: 20px;
  position: relative
}

@media(max-width:575.98px) {
  .section-head .title {
    font-size: 26px
  }
}

.section-head .title:before {
  background-color: #ffc740;
  background-color: var(--secondColor);
  border-radius: 5px;
  bottom: 0;
  content: "";
  height: 4px;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 70px
}

.button.is-large {
  font-size: 18px;
  padding: 20px 30px
}

.block-item {
  background-color: #fff;
  display: block;
  margin-bottom: 15px;
  position: relative
}

.block-item,
.block-item .block-image,
.block-item .block-image .imgContainer {
  border-radius: 10px;
  overflow: hidden
}

.block-item .block-image img {
  border-radius: 10px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 100%
}

.block-item .block-content {
  color: #fff;
  height: 100%;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

@media(max-width:575.98px) {
  .block-item .block-content {
    padding: 15px
  }
}

.block-item .block-content .block-title {
  font-size: 22px;
  font-weight: 700
}

@media(max-width:575.98px) {
  .block-item .block-content .block-title {
    font-size: 18px
  }
}

.block-item:hover .block-image img {
  transform: scale(1.1)
}

.block-item.heroBlock .block-content {
  background-color: rgba(52, 198, 99, .78);
  bottom: 0;
  height: auto;
  top: auto
}

.block-item.heroBlock .block-content .block-title {
  font-size: 26px
}

@media(max-width:575.98px) {
  .block-item.heroBlock .block-content .block-title {
    font-size: 22px
  }
}

.text-bold {
  font-weight: 700
}

.main-color {
  color: #8f4475 !important;
  color: var(--mainColor) !important
}

.categories .list-item:first-child .block-item .block-content {
  background-color: rgba(21, 182, 214, .78)
}

.categories .list-item:nth-child(2) .block-item .block-content {
  background-color: rgba(249, 150, 58, .78)
}

.categories .list-item:nth-child(3) .block-item .block-content {
  background-color: rgba(138, 126, 224, .78)
}

.categories .list-item:nth-child(4) .block-item .block-content {
  background-color: rgba(255, 199, 64, .78)
}

.course-item {
  background-color: #fff;
  border: 1px solid #eee;
  overflow: hidden
}

.course-item,
.course-item .course-image {
  display: block;
  position: relative
}

.course-item .course-image .instructors-info .logo-img {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  min-width: 80px;
  width: 80px
}

.course-item .course-image .instructors-info .logo-img img {
  border-radius: 0;
  min-width: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 60px
}

.course-item .course-image .instructor-info {
  align-items: center;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .45), transparent);
  display: flex;
  padding: 20px 15px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2
}

.course-item .course-image .instructor-info img {
  border-radius: 50%;
  height: 80px;
  min-width: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 80px
}

.course-item .course-image .instructor-info .instructor-content {
  padding-right: 8px
}

.course-item .course-image .instructor-info .instructor-content .instructor-name {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 2px
}

.course-item .course-image .instructor-info .instructor-content .instructor-job {
  color: #fff;
  font-size: 14px;
  font-weight: 300
}

.course-item .course-image .courseHead {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .45), transparent);
  bottom: 0;
  padding: 20px 15px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 2
}

.course-item .course-image .courseHead .courseTitle {
  color: #ffc740;
  color: var(--secondColor);
  font-size: 32px;
  font-weight: 700
}

@media(max-width:575.98px) {
  .course-item .course-image .courseHead .courseTitle {
    font-size: 28px
  }
}

.course-item .course-image .courseHead .courseSubtitle {
  color: #fff;
  font-size: 20px;
  font-weight: 500
}

@media(max-width:575.98px) {
  .course-item .course-image .courseHead .courseSubtitle {
    font-size: 18px
  }
}

.course-item .course-image .imgContainer {
  padding-bottom: 114.5%
}

.course-item .course-content {
  color: #52596f;
  color: var(--fontColor);
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  min-height: 82px;
  padding: 10px 15px;
  width: 100%
}

.course-item .course-content .course-title {
  color: #52596f;
  color: var(--fontColor);
  display: block;
  font-size: 24px;
  margin-top: 10px;
  min-height: 108px;
  padding-left: 20px
}

.course-item .course-content .course-item-action {
  display: flex;
  justify-content: space-between
}

.course-item .course-content .course-item-action .course-info {
  min-width: 0;
  min-width: auto
}

.course-item .course-content .course-item-action .button {
  margin-bottom: 0
}

.course-item .course-content .course-item-action .is-white {
  padding-left: 3px;
  padding-right: 3px;
  position: relative
}

.course-item .course-content .course-item-action .is-white .checkIcon {
  display: none
}

.course-item .course-content .course-item-action .is-white.inCart .checkIcon {
  background-color: #fff;
  border-radius: 50%;
  color: green;
  display: block;
  font-size: 16px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  z-index: 2
}

.course-item .course-content .course-item-action .is-white:hover {
  background-color: transparent
}

.course-item .course-content .course-item-action .is-white .icon {
  color: #52596f;
  color: var(--fontColor);
  font-size: 22px;
  margin: 0 !important;
  width: 1.9rem
}

.course-item .course-content .course-item-action .is-white .isFavoritesIcon {
  display: none
}

.course-item .course-content .course-item-action .is-warning {
  background-color: #f9963a;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 3px 10px
}

.course-item .course-content .course-info {
  min-width: 130px;
  text-align: center
}

.course-item .course-content .course-info .course-price {
  font-size: 18px
}

.course-item .course-content .course-info .course-price span {
  font-size: 38px;
  font-weight: 700
}

.course-item .course-content .course-info .video-count {
  font-size: 18px
}

.course-item .course-content .videos-count {
  font-size: 19px
}

.course-item .course-content-hover {
  background-color: rgba(0, 0, 0, .78);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  top: 0;
  transform: scale(.9);
  transition: all .3s ease;
  visibility: hidden;
  width: 100%;
  z-index: 2
}

.course-item .course-content-hover .upper-content {
  color: #52596f;
  color: var(--fontColor);
  color: #fff;
  display: flex;
  justify-content: space-between
}

.course-item .course-content-hover .upper-content .course-title {
  font-size: 22px;
  font-weight: 500;
  margin-top: 5px;
  padding-left: 20px
}

.course-item .course-content-hover .upper-content .course-info {
  min-width: 130px;
  text-align: center
}

.course-item .course-content-hover .upper-content .course-info .course-price {
  color: #fff;
  font-size: 16px
}

.course-item .course-content-hover .upper-content .course-info .course-price span {
  font-size: 32px;
  font-weight: 700
}

.course-item .course-content-hover .upper-content .course-info .video-count {
  font-size: 16px
}

.course-item .course-content-hover .course-description {
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-bottom: 1rem;
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis
}

.course-item .course-content-hover .course-description,
.course-item .course-content-hover .course-description p,
.course-item .course-content-hover .course-description span {
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important;
  font-size: 16px !important;
  line-height: 24px !important
}

.course-item:hover .course-content-hover {
  opacity: 1;
  transform: scale(1);
  visibility: visible
}

.course-item-small .course-item .course-image .instructor-info {
  padding: 15px 10px
}

.course-item-small .course-item .course-image .instructor-info img {
  height: 64px;
  min-width: 64px;
  width: 64px
}

.course-item-small .course-item .course-image .instructor-info .instructor-content {
  padding-right: 6px
}

.course-item-small .course-item .course-image .instructor-info .instructor-content .instructor-name {
  font-size: 18px
}

.course-item-small .course-item .course-image .instructor-info .instructor-content .instructor-job {
  font-size: 15px
}

.course-item-small .course-item .course-image .courseHead {
  padding: 15px 10px
}

.course-item-small .course-item .course-image .courseHead .courseTitle {
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 5px
}

@media(max-width:575.98px) {
  .course-item-small .course-item .course-image .courseHead .courseTitle {
    font-size: 24px
  }
}

.course-item-small .course-item .course-image .courseHead .courseSubtitle {
  font-size: 17px;
  font-weight: 500
}

@media(max-width:575.98px) {
  .course-item-small .course-item .course-image .courseHead .courseSubtitle {
    font-size: 16px
  }
}

.course-item-small .course-item .course-content {
  min-height: 62px
}

.course-item-small .course-item .course-content .course-item-action {
  justify-content: center
}

.course-item-small .course-item .course-content .course-item-action .buttons {
  display: none
}

.course-item-small .course-item .course-content .course-info .course-price span {
  font-size: 30px
}

.course-list {
  margin-bottom: 30px
}

.course-list:nth-child(8n+1) .course-item .course-content {
  border: 1px solid #34c663;
  border-top: 0
}

.course-list:nth-child(8n+1) .course-item .course-content .course-info .course-price {
  color: #34c663
}

.course-list:nth-child(8n+1) .course-item .course-content .course-item-action .is-warning {
  background-color: #34c663
}

.course-list:nth-child(8n+1) .course-item .course-content-hover {
  background-color: rgba(52, 198, 99, .9)
}

.course-list:nth-child(8n+2) .course-item .course-content {
  border: 1px solid #15b6d6;
  border-top: 0
}

.course-list:nth-child(8n+2) .course-item .course-content .course-info .course-price {
  color: #15b6d6
}

.course-list:nth-child(8n+2) .course-item .course-content .course-item-action .is-warning {
  background-color: #15b6d6
}

.course-list:nth-child(8n+2) .course-item .course-content-hover {
  background-color: rgba(21, 182, 214, .9)
}

.course-list:nth-child(8n+3) .course-item .course-content {
  border: 1px solid #f9963a;
  border-top: 0
}

.course-list:nth-child(8n+3) .course-item .course-content .course-info .course-price {
  color: #f9963a
}

.course-list:nth-child(8n+3) .course-item .course-content .course-item-action .is-warning {
  background-color: #f9963a
}

.course-list:nth-child(8n+3) .course-item .course-content-hover {
  background-color: rgba(249, 150, 58, .9)
}

.course-list:nth-child(8n+4) .course-item .course-content {
  border: 1px solid #8a7ee0;
  border-top: 0
}

.course-list:nth-child(8n+4) .course-item .course-content .course-info .course-price {
  color: #8a7ee0
}

.course-list:nth-child(8n+4) .course-item .course-content .course-item-action .is-warning {
  background-color: #8a7ee0
}

.course-list:nth-child(8n+4) .course-item .course-content-hover {
  background-color: rgba(249, 150, 58, .9)
}

.course-list:nth-child(8n+5) .course-item .course-content {
  border: 1px solid #ffc740;
  border-top: 0
}

.course-list:nth-child(8n+5) .course-item .course-content .course-info .course-price {
  color: #ffc740
}

.course-list:nth-child(8n+5) .course-item .course-content .course-item-action .is-warning {
  background-color: #ffc740
}

.course-list:nth-child(8n+5) .course-item .course-content-hover {
  background-color: rgba(255, 198, 66, .9)
}

.course-list:nth-child(8n+6) .course-item .course-content {
  border: 1px solid #e85342;
  border-top: 0
}

.course-list:nth-child(8n+6) .course-item .course-content .course-info .course-price {
  color: #e85342
}

.course-list:nth-child(8n+6) .course-item .course-content .course-item-action .is-warning {
  background-color: #e85342
}

.course-list:nth-child(8n+6) .course-item .course-content-hover {
  background-color: rgba(232, 83, 66, .9)
}

.course-list:nth-child(8n+7) .course-item .course-content {
  border: 1px solid #ff6e7c;
  border-top: 0
}

.course-list:nth-child(8n+7) .course-item .course-content .course-info .course-price {
  color: #ff6e7c
}

.course-list:nth-child(8n+7) .course-item .course-content .course-item-action .is-warning {
  background-color: #ff6e7c
}

.course-list:nth-child(8n+7) .course-item .course-content-hover {
  background-color: rgba(255, 110, 124, .9)
}

.course-list:nth-child(8n+8) .course-item .course-content {
  border: 1px solid #3c364c;
  border-top: 0
}

.course-list:nth-child(8n+8) .course-item .course-content .course-info .course-price {
  color: #3c364c
}

.course-list:nth-child(8n+8) .course-item .course-content .course-item-action .is-warning {
  background-color: #3c364c
}

.course-list:nth-child(8n+8) .course-item .course-content-hover {
  background-color: rgba(60, 54, 76, .9)
}

.course-list .btnListScroll {
  border-bottom: 15px solid #fff !important;
  bottom: 0;
  font-size: 24px;
  left: 26px;
  padding: 5px 10px 7px !important;
  position: absolute;
  width: calc(100% - 42px);
  z-index: 2
}

.position-relative {
  position: relative
}

.stories .block-content {
  background-color: #f1f1f2;
  background-color: var(--bgGray);
  border-radius: 15px;
  font-size: 20px;
  font-weight: 300;
  height: 100%;
  line-height: 36px;
  padding: 30px
}

.stories .block-content h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 1.1rem
}

.stories .block-image img {
  border-radius: 15px;
  display: block;
  width: 100%
}

.webStepsinfo {
  background-image: url(_nuxt/img/sectionInfoBg.61d4570.jpg);
  background-size: cover;
  padding: 10rem 0
}

@media(max-width:575.98px) {
  .webStepsinfo {
    padding: 5rem 0
  }
}

.webStepsinfo .stepInfo {
  color: #fff;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center
}

.webStepsinfo .stepInfo .stepImage {
  align-items: center;
  display: flex;
  margin-bottom: 1.5rem;
  min-height: 140px;
  text-align: center
}

.webStepsinfo .stepInfo .stepImage img {
  margin: 0 auto;
  max-height: 130px;
  max-width: 100%
}

.webStepsinfo .stepInfo .stepContent h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px
}

.webStepsinfo .stepInfo .stepContent p {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.6;
  text-align: justify
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.post-item {
  background-color: #fff;
  display: block;
  overflow: hidden
}

.post-item,
.post-item .post-image {
  position: relative
}

.post-item .post-image .imgContainer {
  padding-bottom: 100%
}

.post-item .post-image .share-post {
  align-items: center;
  background-color: #8f4475;
  background-color: var(--mainColor);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  padding: 20px 10px;
  position: absolute;
  top: 0;
  z-index: 2
}

.post-item .post-image .share-post .share-item {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  margin: 5px;
  width: 40px
}

.post-item .post-content {
  color: #52596f;
  color: var(--fontColor);
  padding: 15px 0;
  width: 100%
}

.post-item .post-content .post-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px
}

.post-item .post-content .post-description {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis
}

.post-item .post-content .btn-redmore {
  font-size: 14px
}

.post-list {
  margin-bottom: 30px
}

.post-list:nth-child(8n+1) .post-item .post-content .btn-redmore,
.post-list:nth-child(8n+1) .post-item .post-content .post-tag {
  color: #34c663
}

.post-list:nth-child(8n+1) .post-item .post-image .share-post {
  background-color: #34c663
}

.post-list:nth-child(8n+2) .post-item .post-content .btn-redmore,
.post-list:nth-child(8n+2) .post-item .post-content .post-tag {
  color: #15b6d6
}

.post-list:nth-child(8n+2) .post-item .post-image .share-post {
  background-color: #15b6d6
}

.post-list:nth-child(8n+3) .post-item .post-content .btn-redmore,
.post-list:nth-child(8n+3) .post-item .post-content .post-tag {
  color: #f9963a
}

.post-list:nth-child(8n+3) .post-item .post-image .share-post {
  background-color: #f9963a
}

.post-list:nth-child(8n+4) .post-item .post-content .btn-redmore,
.post-list:nth-child(8n+4) .post-item .post-content .post-tag {
  color: #8a7ee0
}

.post-list:nth-child(8n+4) .post-item .post-image .share-post {
  background-color: #8a7ee0
}

.post-list:nth-child(8n+5) .post-item .post-content .btn-redmore,
.post-list:nth-child(8n+5) .post-item .post-content .post-tag {
  color: #ffc740
}

.post-list:nth-child(8n+5) .post-item .post-image .share-post {
  background-color: #ffc740
}

.post-list:nth-child(8n+6) .post-item .post-content .btn-redmore,
.post-list:nth-child(8n+6) .post-item .post-content .post-tag {
  color: #e85342
}

.post-list:nth-child(8n+6) .post-item .post-image .share-post {
  background-color: #e85342
}

.post-list:nth-child(8n+7) .post-item .post-content .btn-redmore,
.post-list:nth-child(8n+7) .post-item .post-content .post-tag {
  color: #ff6e7c
}

.post-list:nth-child(8n+7) .post-item .post-image .share-post {
  background-color: #ff6e7c
}

.post-list:nth-child(8n+8) .post-item .post-content .btn-redmore,
.post-list:nth-child(8n+8) .post-item .post-content .post-tag {
  color: #3c364c
}

.post-list:nth-child(8n+8) .post-item .post-image .share-post {
  background-color: #3c364c
}

.teachers {
  background-color: #f4f4f4
}

.teachers .swiper-slide {
  max-width: 245px
}

.teachers .swiper-slide .itemImage {
  border-radius: 10px;
  cursor: pointer;
  display: block;
  overflow: hidden
}

.teachers .swiper-slide .itemImage img {
  border-radius: 10px;
  filter: grayscale(100%);
  transition: all .3s ease
}

.teachers .swiper-slide .itemContent {
  color: #52596f;
  color: var(--fontColor);
  margin-top: 15px
}

.teachers .swiper-slide .itemContent h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px
}

.teachers .swiper-slide .itemContent p {
  font-size: 16px;
  font-weight: 300
}

.teachers .swiper-slide .imgContainer {
  padding-bottom: 100%
}

.teachers .swiper-slide:hover .itemImage img {
  filter: none
}

.teachers .swiper-slide:hover .itemContent h3 {
  color: #e85342;
  color: var(--color6)
}

.teachers .teachers-slider {
  direction: ltr;
  text-align: left
}

.teachers .wrap-teachers-slider {
  margin-bottom: 40px;
  padding-left: 110px;
  padding-right: 110px;
  position: relative
}

@media(max-width:767.98px) {
  .teachers .wrap-teachers-slider {
    padding-left: 0;
    padding-right: 0
  }
}

.teachers .wrap-teachers-slider .teachers-slider-next,
.teachers .wrap-teachers-slider .teachers-slider-prev {
  align-items: center;
  border: 0;
  color: #8f4475;
  color: var(--mainColor);
  cursor: pointer;
  display: flex;
  font-size: 68px;
  height: 50px;
  justify-content: center;
  min-width: 40px;
  padding: 0 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-56px);
  z-index: 2
}

@media(max-width:767.98px) {

  .teachers .wrap-teachers-slider .teachers-slider-next,
  .teachers .wrap-teachers-slider .teachers-slider-prev {
    display: none
  }
}

.teachers .wrap-teachers-slider .teachers-slider-prev {
  right: 30px
}

.teachers .wrap-teachers-slider .teachers-slider-next {
  left: 30px
}

.text-center {
  text-align: center !important
}

.app-footer {
  background-color: #8f4475;
  background-color: var(--mainColor);
  color: #fff;
  padding: 6rem 0
}

@media(max-width:575.98px) {
  .app-footer {
    padding: 4rem 0
  }
}

.app-footer .main-logo-footer {
  align-items: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  margin: 0 auto 1rem;
  padding: 15px;
  width: 240px
}

.app-footer .main-logo-footer img {
  display: block;
  width: 100%
}

.app-footer .quick-links {
  margin-bottom: 30px
}

.app-footer .quick-links h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px
}

.app-footer .quick-links .nav {
  display: flex;
  flex-direction: column
}

.app-footer .quick-links .nav .nav-item {
  margin-bottom: 4px
}

.app-footer .quick-links .nav .nav-item .nav-link {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #fff;
  display: block;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 300;
  overflow: hidden;
  padding: 2px 0;
  text-overflow: ellipsis
}

.app-footer .wrap-footer-info {
  align-items: center;
  border-right: 1px solid hsla(0, 0%, 100%, .4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 20px
}

@media(max-width:767.98px) {
  .app-footer .wrap-footer-info {
    border-right: 0
  }
}

.app-footer .wrap-footer-info h2 {
  font-size: 30px;
  font-weight: 700
}

.app-footer .social-media {
  display: flex;
  justify-content: center
}

.app-footer .social-media .social-item {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  margin: 5px;
  width: 40px
}

.copyright {
  background-color: #3c364c;
  color: #fff;
  font-size: 15px;
  padding: 15px;
  text-align: center;
  width: 100%
}

.copyright p {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px
}

.copyright .nav {
  display: flex;
  justify-content: center
}

.copyright .nav .nav-item {
  margin-left: 10px;
  margin-right: 10px
}

.copyright .nav .nav-item a {
  color: #da3fa4;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.page-head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 50px;
  padding-top: 50px
}

@media(max-width:767.98px) {
  .page-head {
    padding-bottom: 40px;
    padding-top: 40px
  }
}

.page-head .page-title {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 26px;
  font-weight: 700;
  position: relative
}

@media(max-width:767.98px) {
  .page-head .page-title {
    font-size: 22px
  }
}

.page-head p {
  margin-top: 6px;
  max-width: 500px
}

.page-head .page-action {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media(max-width:575.98px) {
  .page-head .page-action {
    flex: 0 0 100%;
    margin-top: 15px
  }
}

.page-head .page-action .field {
  margin-bottom: 5px;
  margin-right: 15px;
  margin-top: 5px;
  max-width: 100%;
  width: 210px
}

@media(max-width:575.98px) {
  .page-head .page-action .field {
    margin-right: 0;
    margin-top: 8px;
    width: 100%
  }
}

.page-head .page-action .field .control,
.page-head .page-action .field .control .select {
  width: 100%
}

.page {
  min-height: calc(100vh - 80px);
  padding-bottom: 40px
}

.select:not(.is-multiple):not(.is-loading):after {
  left: 1.125em;
  right: auto
}

.select select:not([multiple]) {
  padding-left: 2.5em;
  padding-right: calc(.75em - 1px)
}

.label {
  font-weight: 500
}

.category-item {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative
}

.category-item .category-image {
  height: 150px;
  overflow: hidden;
  position: relative
}

.category-item .category-image .imgContainer {
  height: 100%;
  padding-bottom: 0
}

.category-item .category-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 100%
}

.category-item .category-image .category-upper-content {
  display: flex;
  height: 100%;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3
}

.category-item .category-image .category-upper-content .category-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-top: auto
}

.category-item .category-image .overlay {
  height: 100%;
  left: 0;
  opacity: .8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.category-item .category-content {
  align-items: center;
  color: #52596f;
  color: var(--fontColor);
  display: flex;
  height: 100%;
  justify-content: space-between;
  left: 0;
  min-height: 136px;
  padding: 20px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2
}

.category-item .category-content p,
.category-item .category-content span,
.category-item .category-content strong {
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important;
  font-size: 17px !important;
  font-weight: 300 !important;
  line-height: 1.7
}

.category-item .category-content .category-icon {
  margin-right: 20px;
  width: 70px
}

.category-item .category-content .category-icon img {
  min-width: 70px;
  width: 100%
}

.category-item:hover .category-image img {
  transform: scale(1.1)
}

.categories-page .category-list {
  margin-bottom: 30px
}

.categories-page .category-list:nth-child(8n+1) .category-item .category-image .overlay {
  background-color: #34c663
}

.categories-page .category-list:nth-child(8n+2) .category-item .category-image .overlay {
  background-color: #15b6d6
}

.categories-page .category-list:nth-child(8n+3) .category-item .category-image .overlay {
  background-color: #f9963a
}

.categories-page .category-list:nth-child(8n+4) .category-item .category-image .overlay {
  background-color: #8a7ee0
}

.categories-page .category-list:nth-child(8n+5) .category-item .category-image .overlay {
  background-color: #ffc740
}

.categories-page .category-list:nth-child(8n+6) .category-item .category-image .overlay {
  background-color: #e85342
}

.categories-page .category-list:nth-child(8n+7) .category-item .category-image .overlay {
  background-color: #ff6e7c
}

.categories-page .category-list:nth-child(8n+8) .category-item .category-image .overlay {
  background-color: #3c364c
}

.breadcrumb li:first-child a {
  padding-left: .75em;
  padding-right: 0
}

.breadcrumb li .icon {
  color: #8f4475;
  color: var(--mainColor);
  margin-left: 0 !important
}

.breadcrumb.has-succeeds-separator li+li:before {
  display: none
}

.button {
  font-family: "Montserrat Arabic";
  font-family: var(--mainFont)
}

.course-page .course-upper-content {
  color: #fff;
  min-height: 360px;
  padding: 50px 0;
  position: relative
}

.course-page .course-upper-content .overlayCover {
  background-image: url(img/covercourse.jpg);
  background-position: top;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.course-page .course-upper-content .overlayCover:after {
  background-color: rgba(0, 0, 0, .1);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.course-page .course-upper-content .container {
  position: relative;
  z-index: 3
}

.course-page .course-upper-content .course-title {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 1rem
}

@media(max-width:575.98px) {
  .course-page .course-upper-content .course-title {
    font-size: 30px
  }
}

.course-page .course-upper-content .course-subtitle {
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 1.5rem
}

@media(max-width:575.98px) {
  .course-page .course-upper-content .course-subtitle {
    font-size: 20px
  }
}

.course-page .course-upper-content .course-ageCategories {
  display: flex;
  flex-wrap: wrap;
  font-size: 19px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 1.5rem
}

.course-page .course-upper-content .course-ageCategories strong {
  color: #fff;
  font-weight: 500
}

.course-page .course-upper-content .course-ageCategories span {
  color: #ffc740;
  color: var(--secondColor)
}

.course-page .course-upper-content .course-ageCategories span:not(:first-child):before {
  content: " - "
}

@media(max-width:575.98px) {
  .course-page .course-upper-content .course-ageCategories {
    font-size: 18px
  }
}

.course-page .course-upper-content .course-instructor {
  font-size: 18px
}

.course-page .course-upper-content .course-instructor strong {
  color: #ffc740;
  color: var(--secondColor)
}

.course-page .course-upper-content .course-instructor .course-instructor-link {
  position: relative
}

.course-page .course-upper-content .course-instructor .course-instructor-link:not(:first-child):before {
  color: #ffc740;
  color: var(--secondColor);
  content: "-";
  margin-left: 6px
}

.course-page .course-upper-content .breadcrumb li .icon,
.course-page .course-upper-content .breadcrumb li a {
  color: #fff
}

.course-page .course-upper-content .breadcrumb li a:hover {
  color: #ccc
}

.course-page .course-sidebar {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-top: -300px;
  overflow: hidden;
  padding: 10px 15px;
  position: sticky;
  top: 80px;
  z-index: 3
}

@media(max-width:1124px) {
  .course-page .course-sidebar {
    border: 0;
    margin-top: 30px;
    position: relative;
    top: 0
  }
}

.course-page .course-sidebar .wrap-sidebar-content {
  overflow: hidden
}

@media(max-width:1124px) {
  .course-page .course-sidebar .wrap-sidebar-content {
    border: 0
  }
}

.course-page .course-sidebar .course-sidebar-title {
  color: #ffc740;
  color: var(--secondColor);
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center
}
/*  مضاف حديثا */
.course-page .course-sidebar .course-video-preview {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* نسبة العرض إلى الارتفاع 16:9 */
  border-radius: 6px;
  overflow: hidden;
}

.course-page .course-sidebar .course-video-preview iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*---------------------------------------- */
.course-page .course-sidebar .course-price {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center
}

.course-page .course-sidebar .button {
  font-family: "Montserrat Arabic";
  font-family: var(--mainFont);
  font-weight: 700
}

.course-page .course-sidebar .course-info h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: .6rem
}

.course-page .course-sidebar .course-info .nav .nav-item {
  font-size: 18px;
  margin-bottom: 8px
}

.course-page .course-sidebar .course-info .nav .nav-item .icon {
  margin-left: 5px
}

.course-page .course-learning {
  border: 1px solid #eee;
  margin-top: 2rem;
  padding: 30px
}

.course-page .course-learning .course-learning-content,
.course-page .course-learning .course-learning-content p,
.course-page .course-learning .course-learning-content span {
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  white-space: pre-line
}

.course-page .course-learning h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 1.4rem
}

.course-page .course-learning .nav .nav-item {
  font-size: 18px;
  margin-bottom: 15px
}

.course-page .course-learning .nav .nav-item .icon {
  margin-left: 10px
}

.course-page .card {
  border: 1px solid #eee;
  margin-top: 2rem;
  padding: 30px
}

@media(max-width:575.98px) {
  .course-page .card {
    padding: 20px
  }
}

.course-page .instructor-info .instructor-upper {
  align-items: center;
  display: flex;
  margin-bottom: 10px
}

.course-page .instructor-info .instructor-upper img {
  border-radius: 50%;
  height: 100px;
  min-width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100px
}

.course-page .instructor-info .instructor-upper .instructor-content {
  padding-right: 20px
}

.course-page .instructor-info .instructor-upper .instructor-content h3 {
  font-size: 18px;
  font-weight: 700
}

.course-page .instructor-info .instructor-upper .instructor-content p {
  font-size: 16px
}

.course-page .instructor-info .instructor-bio {
  white-space: pre-line
}

.course-page .instructor-info .instructor-description {
  font-size: 18px;
  line-height: 1.65
}

.course-page .instructor-info .social-media {
  display: flex;
  margin-top: 20px
}

.course-page .instructor-info .social-media .social-item {
  align-items: center;
  border: 1px solid #444;
  border-radius: 50%;
  color: #222;
  display: inline-block;
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  margin: 5px;
  width: 40px
}

.course-rate .rate .rate-item {
  margin: 0 2px
}

.font-weight-bold {
  font-weight: 700 !important
}

.cursor-default {
  cursor: default !important
}

.wrap-teachers {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.wrap-teachers .teacher-item {
  display: block;
  margin-bottom: 30px;
  max-width: 270px;
  padding: 0 15px;
  width: 270px
}

.wrap-teachers .teacher-item .itemImage {
  border-radius: 10px;
  cursor: pointer;
  display: block;
  overflow: hidden
}

.wrap-teachers .teacher-item .itemContent {
  color: #52596f;
  color: var(--fontColor);
  margin-top: 15px
}

.wrap-teachers .teacher-item .itemContent h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px
}

.wrap-teachers .teacher-item .itemContent p {
  font-size: 16px;
  font-weight: 300
}

.wrap-teachers .teacher-item .imgContainer {
  padding-bottom: 100%
}

.wrap-teachers .teacher-item:hover .itemImage img {
  filter: none
}

.wrap-teachers .teacher-item:hover .itemContent h3 {
  color: #e85342;
  color: var(--color6)
}

.teacher-item-normal {
  display: block;
  margin-bottom: 30px;
  max-width: 100%;
  padding: 0 15px;
  width: 300px
}

.teacher-item-normal .itemImage {
  border-radius: 10px;
  cursor: pointer;
  display: block;
  overflow: hidden
}

.teacher-item-normal .itemContent {
  color: #52596f;
  color: var(--fontColor);
  margin-top: 15px
}

.teacher-item-normal .itemContent h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px
}

.teacher-item-normal .itemContent p {
  font-size: 16px;
  font-weight: 300
}

.teacher-item-normal .imgContainer {
  padding-bottom: 100%
}

.teacher-item-normal:hover .itemImage img {
  filter: none
}

.teacher-item-normal:hover .itemContent h3 {
  color: #e85342;
  color: var(--color6)
}

.text-lead {
  line-height: 1.65 !important
}

.instructor-page .instructor-page-head {
  padding: 50px 0 40px
}

.instructor-page .instructor-page-head .instructor-wrap-info {
  align-items: center;
  display: flex;
  margin-bottom: 20px
}

.instructor-page .instructor-page-head .instructor-wrap-info img {
  border-radius: 50%;
  height: 140px;
  min-width: 140px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 140px
}

@media(max-width:767.98px) {
  .instructor-page .instructor-page-head .instructor-wrap-info img {
    height: 100px;
    min-width: 100px;
    width: 100px
  }
}

.instructor-page .instructor-page-head .instructor-wrap-info .instructor-content {
  padding-right: 20px
}

.instructor-page .instructor-page-head .instructor-wrap-info .instructor-content h3 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px
}

.instructor-page .instructor-page-head .instructor-wrap-info .instructor-content p {
  font-size: 16px
}

.instructor-page .instructor-page-head .instructor-wrap-info .instructor-item {
  padding: 15px 30px;
  text-align: center
}

@media(max-width:767.98px) {
  .instructor-page .instructor-page-head .instructor-wrap-info .instructor-item {
    padding: 10px 15px
  }
}

.instructor-page .instructor-page-head .instructor-wrap-info .instructor-item .count {
  color: #f9963a;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 5px
}

.instructor-page .instructor-about {
  background-color: #eee;
  padding: 30px 0
}

.instructor-page .instructor-about h2 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1rem
}

.instructor-page .instructor-about p {
  color: #666;
  font-size: 16px;
  line-height: 28px
}

.instructor-page .sectionHead .sectionTitle {
  background-color: #8f4475;
  background-color: var(--mainColor);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  padding: 8px 20px
}

.instructor-page .table-wrapper .table thead th {
  background-color: #f9963a;
  color: #fff;
  font-weight: 700;
  text-align: center
}

.instructor-page .b-table .table th .th-wrap {
  justify-content: center
}

.normalTitle {
  font-size: 24px;
  font-weight: 600
}

.story-list {
  margin-bottom: 30px
}

.story-item {
  display: block
}

.story-item .itemImage {
  border-radius: 10px;
  cursor: pointer;
  display: block;
  overflow: hidden
}

.story-item .itemContent {
  color: #52596f;
  color: var(--fontColor);
  margin-top: 15px
}

.story-item .itemContent h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px
}

.story-item .imgContainer {
  padding-bottom: 70%
}

.story-item:hover .itemContent h3 {
  color: #e85342;
  color: var(--color6)
}

.adCourseItem {
  padding: 15px 0
}

.adCourseItem:not(:last-child) {
  border-bottom: 1px solid #ccc
}

.adCourseItem h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px
}

.adCourseItem span {
  color: #777
}

.story-page .story-page-head {
  padding: 50px 0
}

.story-page .story-page-head .story-by {
  align-items: center;
  display: flex;
  margin-bottom: 10px
}

.story-page .story-page-head .story-by img {
  border-radius: 50%;
  height: 90px;
  min-width: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 90px
}

.story-page .story-page-head .story-by .instructor-content {
  padding-right: 15px
}

.story-page .story-page-head .story-by .instructor-content h3 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px
}

.story-page .story-page-head .story-by .instructor-content p {
  font-size: 15px
}

.story-page .story-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 0
}

.story-page .story-info .story-content {
  margin-bottom: 10px
}

.story-page .story-info .story-content h2 {
  color: #f9963a;
  color: var(--color3);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px
}

.story-page .story-info .story-content p {
  font-size: 15px
}

.story-page .story-about {
  background-color: #eee;
  border-radius: 10px;
  padding: 30px 15px
}

.story-page .story-about h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: .7rem
}

.story-page .story-about p,
.story-page .story-about span {
  color: #666 !important;
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 26px !important
}

.story-page .story-title {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 1rem
}

.story-page .story-video {
  background-color: #eee;
  border-radius: 10px;
  min-height: 200px;
  padding: 15px
}

.bg-gray {
  background-color: #f4f4f4
}

.article-page .article-page-head {
  padding: 50px 0
}

.article-page .article-page-head .article-by {
  align-items: center;
  display: flex;
  margin-bottom: 10px
}

.article-page .article-page-head .article-by img {
  border-radius: 50%;
  height: 90px;
  min-width: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 90px
}

.article-page .article-page-head .article-by .instructor-content {
  padding-right: 15px
}

.article-page .article-page-head .article-by .instructor-content h3 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px
}

.article-page .article-page-head .article-by .instructor-content p {
  font-size: 15px
}

.article-page .article-wrap {
  background-color: #fff;
  padding: 20px
}

.article-page .article-wrap .content p {
  font-size: 18px;
  line-height: 1.7;
  white-space: pre-line
}

.article-page .article-info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
  margin-top: 2rem
}

.article-page .article-info .nav-item {
  color: #8f4475;
  color: var(--mainColor);
  margin-bottom: 10px
}

.article-page .article-info .nav-item:not(:last-child) {
  margin-left: 2rem
}

.article-page .article-info .nav-item:last-child {
  cursor: pointer
}

.article-page .article-about {
  background-color: #eee;
  border-radius: 10px;
  padding: 30px 15px
}

.article-page .article-about h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: .7rem
}

.article-page .article-about p,
.article-page .article-about span {
  color: #444 !important;
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 28px !important
}

.article-page .article-title {
  color: #34c663;
  color: var(--color1);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 1.5rem
}

.article-page .article-image {
  min-height: 200px
}

.article-page .article-image img {
  width: 100%
}

.narrator-page .narrator-page-head {
  padding: 40px 0
}

.narrator-page .narrator-page-head .narrator-wrap-info {
  align-items: center;
  display: flex;
  margin-bottom: 20px
}

.narrator-page .narrator-page-head .narrator-wrap-info img {
  border-radius: 50%;
  height: 140px;
  min-width: 140px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 140px
}

.narrator-page .narrator-page-head .narrator-wrap-info .narrator-content {
  padding-right: 20px
}

.narrator-page .narrator-page-head .narrator-wrap-info .narrator-content h3 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px
}

.narrator-page .narrator-page-head .narrator-wrap-info .narrator-content p {
  font-size: 16px
}

.narrator-page .narrator-page-head .narrator-wrap-info .narrator-item {
  padding: 15px 30px;
  text-align: center
}

.narrator-page .narrator-page-head .narrator-wrap-info .narrator-item .count {
  color: #f9963a;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 5px
}

.narrator-page .narrator-about {
  background-color: #eee;
  padding: 30px 0
}

.narrator-page .narrator-about h2 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1rem
}

.narrator-page .narrator-about p {
  color: #666;
  font-size: 16px;
  line-height: 28px
}

.b-radio.radio .control-label {
  padding-left: 0;
  padding-right: calc(.75em - 1px)
}

.b-radio.radio:not(.button) {
  margin-left: .5em;
  margin-right: 0
}

.page-text .card {
  border-radius: 15px;
  margin: 40px auto;
  overflow: hidden
}

.page-text .card .page-head {
  background-color: #39a3b1;
  padding: 20px;
  text-align: center
}

.page-text .card .page-head h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 700
}

.page-text .card .page-content {
  font-weight: 300;
  line-height: 1.65;
  padding: 30px;
  white-space: pre-line
}

.page-text .card .page-content h3 {
  color: #39a3b1;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0
}

.content p {
  white-space: pre-line
}

.loadingData {
  height: 350px;
  max-height: 550px
}

.loadingData,
.loadingDataPage {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.loadingDataPage {
  height: calc(100vh - 80px);
  max-height: 800px
}

.loadingDataPage,
.loadingDataPage .loading-background {
  background-color: transparent
}

.noData {
  align-items: center;
  color: #777;
  display: flex;
  justify-content: center;
  min-height: 300px;
  position: relative;
  text-align: center
}

.dropdown .dropdown-menu .has-link a,
a.dropdown-item,
button.dropdown-item {
  font-size: 14px;
  padding-bottom: .5rem;
  padding-right: 1.1rem;
  padding-top: .5rem
}

.about-content,
.about-content div,
.about-content p,
.about-content span {
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important;
  font-size: 20px !important;
  line-height: 1.8 !important;
  white-space: pre-line
}

.video-message {
  color: #ccc;
  text-align: center
}

.profile-page .card {
  padding-top: 30px
}

.profile-page .card .form-group .label-title {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px
}

.profile-page .register-container {
  margin: 20px auto
}

.profile-page .userProfilePhoto {
  border-radius: 50%;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
  width: 150px
}

.profile-page .userProfilePhoto img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.profile-page .datepicker .dropdown-menu {
  direction: ltr
}

.profile-page .datepicker select {
  padding-left: 2.5em !important;
  padding-right: calc(.75em - 1px) !important
}

.register-container {
  max-width: 800px;
  padding: 20px;
  width: 100%
}

.register-container .card {
  background-color: #fff;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  overflow: hidden
}

.register-container .card .head-card {
  align-items: center;
  background-color: #1e3680;
  background-position: 50%;
  background-size: cover;
  display: flex;
  justify-content: center;
  padding: 1rem
}

.register-container .card .head-card h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  position: relative;
  z-index: 2
}

.register-container .card .card-body {
  display: block;
  padding: 1rem 1.5rem
}

.register-container .card .input,
.register-container .card .textarea,
.register-container .card select {
  background: rgba(0, 0, 0, .06);
  border: 1px solid #ddd !important;
  border-radius: 4px;
  box-shadow: none !important;
  box-sizing: border-box;
  color: rgba(0, 0, 0, .6);
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  min-height: 40px;
  outline: none;
  padding: 8px 20px;
  transition: .3s ease;
  width: 100%
}

.register-container .card .custom-select .select:not(.is-multiple):not(.is-loading):after {
  left: 1.125em;
  right: auto
}

.register-container .card .select:not(.is-multiple) {
  min-height: 44px
}

.register-container .card .label {
  color: #6b6b6b;
  font-size: .9rem;
  font-weight: 500;
  margin-bottom: .2rem;
  margin-top: 12px
}

.register-container .haveAccount {
  margin: 0;
  padding: 10px 0
}

.register-container .has-icons-right .input {
  padding-right: 40px
}

.text-content,
.text-content p,
.text-content span {
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important;
  font-size: 20px !important;
  line-height: 1.65 !important
}

.stories .text-content {
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
}

.video-page {
  background-color: #f2f2f2
}

.video-page .wrap-video {
  margin-top: -200px
}

@media(max-width:767.98px) {
  .video-page .wrap-video {
    margin-top: 1rem
  }
}

.video-page .course-upper-content {
  color: #fff;
  padding: 50px 0 240px;
  position: relative
}

@media(max-width:767.98px) {
  .video-page .course-upper-content {
    min-height: 150px;
    padding: 30px 0
  }
}

.video-page .course-upper-content .overlayCover {
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.video-page .course-upper-content .overlayCover:after {
  background-color: rgba(0, 0, 0, .4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.video-page .course-upper-content .container {
  position: relative;
  z-index: 3
}

.video-page .course-upper-content .course-title {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 1rem
}

@media(max-width:767.98px) {
  .video-page .course-upper-content .course-title {
    font-size: 26px
  }
}

.video-page .course-list {
  background-color: #fff;
  border: 1px solid #eee;
  max-height: 800px;
  overflow-y: auto;
  padding: 15px;
  scrollbar-color: rgba(38, 68, 132, .8) hsla(0, 0%, 100%, .9);
  scrollbar-width: thin
}

.video-page .course-list::-webkit-scrollbar {
  height: 10px;
  width: 10px
}

.video-page .course-list::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, .9)
}

.video-page .course-list::-webkit-scrollbar-thumb {
  background-color: rgba(38, 68, 132, .8);
  border-radius: 10px
}

.video-page .course-list .nav {
  border: 1px solid #eee;
  display: flex;
  flex-direction: column
}

.video-page .course-list .nav .nav-item {
  cursor: pointer;
  display: flex;
  padding: 15px 10px;
  transition: all .3s ease
}

.video-page .course-list .nav .nav-item .list-num {
  font-size: 16px;
  min-width: 20px;
  text-align: center
}

.video-page .course-list .nav .nav-item:not(:last-child) {
  border-bottom: 1px solid #eee
}

.video-page .course-list .nav .nav-item .icon {
  color: #6b6b6b;
  font-size: 17px
}

.video-page .course-list .nav .nav-item .list-title {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  margin-right: 5px
}

.video-page .course-list .nav .nav-item .videoTime {
  color: #6b6b6b;
  font-size: 15px;
  margin-right: auto
}

.video-page .course-list .nav .nav-item.is-active,
.video-page .course-list .nav .nav-item:hover {
  background-color: #f4f4f4
}

.video-page .previewVideo {
  min-height: 400px
}

.video-page .previewVideo .full-dims {
  background-color: #000;
  height: auto !important;
  min-height: 200px
}

.video-page .aboutCourse {
  margin-top: 2rem;
  position: relative
}

.video-page .aboutCourse .moreTabsIcon {
  display: none;
  font-size: 18px;
  left: -2px;
  opacity: .55;
  position: absolute;
  top: 8px;
  z-index: 2
}

@media(max-width:767.98px) {
  .video-page .aboutCourse .moreTabsIcon {
    display: block
  }
}

.video-page .aboutCourse .tabs ul {
  flex-wrap: wrap;
  justify-content: space-between
}

.video-page .aboutCourse .tabs li {
  border-radius: 10px 10px 0 0
}

.video-page .aboutCourse .tabs li.is-active {
  background-color: #fff
}

.video-page .aboutCourse .tabs li a {
  font-size: 1٦px;
  font-weight: 700;
  padding: .5em 1em
}

.video-page .aboutCourse .tab-content {
  background-color: #fff;
  min-height: 250px;
  padding: 30px
}

.video-page .aboutCourse .tab-content .content p {
  white-space: pre-line
}

.video-page .previewImage {
  background-color: #eee;
  border-radius: 10px;
  max-width: 300px;
  overflow: hidden;
  position: relative
}

.video-page .previewImage .delete {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2
}

.video-page .previewImage img {
  display: block;
  width: 100%
}

.w-100 {
  width: 100%
}

.field.is-grouped>.control {
  flex-shrink: 1
}

.comments .media {
  margin-bottom: 10px
}

.comments .media .media-right .image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.comments .media .media-content {
  max-width: 100%;
  overflow-x: auto
}

.comments .media .media-content .content {
  background-color: #eee;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 10px
}

.comments .media .media-content strong {
  color: #8f4475;
  color: var(--mainColor)
}

.comments .media .media-content p {
  margin-bottom: 0
}

.comments .media .media-content .date {
  color: #818181;
  font-size: 12px;
  font-weight: 400
}

.comments .media .media {
  margin-top: 7px
}

.modal-card-foot .button:not(:last-child) {
  margin-left: .5em;
  margin-right: 0
}

.cartList .cartItem {
  border: 1px solid #ddd;
  display: flex;
  padding: 15px
}

.cartList .cartItem:not(:last-child) {
  border-bottom: 0
}

.cartList .cartItem .listContent {
  display: flex;
  padding-left: 10px
}

.cartList .cartItem .listContent img {
  height: 80px;
  margin-left: 10px;
  max-width: 30%;
  min-height: 80px;
  min-width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100px
}

.cartList .cartItem .listContent h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px
}

.cartList .cartItem .listContent p {
  color: #777;
  font-size: 12px;
  margin-bottom: 0
}

.cartList .cartItem .rightContent {
  margin-right: auto;
  min-width: 100px
}

.cartList .cartItem .rightContent .coursePrice {
  color: #e85342;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px
}

.cartList .cartItem .rightContent .courseDelete {
  font-size: 15px
}

.b-checkbox.checkbox:not(.button) {
  margin-left: .5em;
  margin-right: 0
}

.b-checkbox.checkbox .control-label {
  padding-left: 0;
  padding-right: calc(.75em - 1px)
}

.cartTotal {
  border: 1px solid #ddd;
  padding: 15px
}

.cartTotal .totalText {
  font-size: 20px;
  margin-bottom: 10px
}

.cartTotal .totalPrice {
  font-size: 20px;
  font-weight: 700
}

.cartTotal .b-checkbox {
  font-size: 14px
}

.cartTotal .field-body {
  width: 100%
}

.cartTotal .iconCheck {
  font-size: 22px;
  margin-top: 5px
}

.paymentBlock {
  border: 1px solid #ddd;
  height: 100%;
  padding: 20px
}

.paymentBlock .payment-icons {
  margin-top: 5px
}

.paymentBlock .payment-icons img {
  max-height: 20px
}

.instructor-blocks .card {
  margin-bottom: 2rem;
  padding: 30px;
  text-align: center
}

.instructor-blocks .card .block-icon img {
  height: 60px;
  margin: 0 auto
}

.instructor-blocks .card .block-content {
  margin-top: 1rem
}

.instructor-blocks .card .block-content h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 1rem
}

.instructor-blocks .card .block-content .block-value {
  color: #fff;
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  min-width: 150px;
  padding: 4px 20px
}

.points-blocks .card {
  margin-bottom: 2rem;
  padding: 30px;
  text-align: center
}

.points-blocks .card .block-content {
  margin-top: 1rem
}

.points-blocks .card .block-content h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 1rem
}

.points-blocks .card .block-content .block-value {
  color: #fff;
  display: inline-block;
  font-size: 34px;
  font-weight: 700;
  min-width: 150px;
  padding: 6px 20px
}

.instructor-chart .card {
  padding: 20px
}

.instructor-chart .highcharts-credits,
.instructor-chart .highcharts-line-series.highcharts-legend-item {
  display: none !important
}

.instructor-chart .wrapChart {
  padding-bottom: 10px;
  padding-right: 40px;
  padding-top: 40px;
  position: relative
}

.instructor-chart .wrapChart .labelChart {
  background-color: #f9963a;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  padding: 4px 8px;
  position: absolute;
  text-align: center;
  z-index: 2
}

.instructor-chart .wrapChart .labelY {
  left: 0;
  top: 0
}

.instructor-chart .wrapChart .labelX {
  bottom: 10px;
  right: 0
}

.instructor-chart .chartHead {
  margin-bottom: 20px
}

.instructor-chart .chartHead .headGroup {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.instructor-chart .chartHead .headGroup .label {
  align-items: center;
  background-color: #8f4475;
  background-color: var(--mainColor);
  border-radius: 0 5px 5px 0;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  min-height: 45px;
  padding: 5px 15px
}

@media(max-width:575.98px) {
  .instructor-chart .chartHead .headGroup .label {
    font-size: 14px;
    padding: 5px 10px
  }
}

.instructor-chart .chartHead .headGroup .control {
  height: 45px
}

.instructor-chart .chartHead .headGroup .datepicker {
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  direction: ltr;
  min-height: 45px;
  min-width: 150px
}

@media(max-width:575.98px) {
  .instructor-chart .chartHead .headGroup .datepicker {
    max-width: 200px
  }
}

.instructor-chart .chartHead .headGroup .select {
  min-height: 45px;
  min-width: 150px
}

.instructor-chart .chartHead .headGroup .select select {
  background-color: #fff;
  border-radius: 5px 0 0 5px
}

.highcharts-label,
.highcharts-yaxis {
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important
}

.highcharts-yaxis {
  background: #f9963a
}

.highcharts-axis-title {
  background: #f9963a;
  font-family: "Montserrat Arabic" !important;
  font-family: var(--mainFont) !important
}

.share-card .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.share-card a {
  border-radius: 5px;
  color: #fff;
  display: flex;
  margin: 5px;
  padding: 5px 10px
}

.share-card a span {
  margin-right: 5px
}

.green-audio-player {
  background-color: #ddd;
  direction: ltr;
  width: 100% !important
}

.green-audio-player .slider .gap-progress,
.green-audio-player .slider .gap-progress .pin {
  background-color: #f9963a !important;
  background-color: var(--color3) !important
}

.green-audio-player .volume .volume__button.open path {
  fill: #f9963a !important;
  fill: var(--color3) !important
}

.packageItem {
  background-color: #fff;
  margin-bottom: 2rem
}

.packageItem:nth-child(8n+1) .packageHead {
  background-color: #34c663
}

.packageItem:nth-child(8n+2) .packageHead {
  background-color: #15b6d6
}

.packageItem:nth-child(8n+3) .packageHead {
  background-color: #f9963a
}

.packageItem:nth-child(8n+4) .packageHead {
  background-color: #8a7ee0
}

.packageItem:nth-child(8n+5) .packageHead {
  background-color: #ffc740
}

.packageItem:nth-child(8n+6) .packageHead {
  background-color: #e85342
}

.packageItem:nth-child(8n+7) .packageHead {
  background-color: #ff6e7c
}

.packageItem:nth-child(8n+8) .packageHead {
  background-color: #3c364c
}

.packageItem .packageHead {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding: 10px 20px
}

.packageItem .packageContent {
  padding: 30px
}

.packageItem .packageContent .content {
  font-size: 18px;
  line-height: 1.7
}

.packageItem .packagePrice {
  background-color: #eee;
  font-size: 20px;
  font-weight: 700;
  padding: 12px 20px;
  text-align: center
}

.packageItem .course-item-sm {
  background-color: #fff;
  border: 1px solid #eee;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative
}

.packageItem .course-item-sm .course-image {
  display: block
}

.packageItem .course-item-sm .course-image .imgContainer {
  padding-bottom: 115%
}

.packageItem .course-item-sm .course-content {
  color: #52596f;
  color: var(--fontColor);
  display: flex;
  justify-content: space-between;
  min-height: 120px;
  padding: 10px 15px 5px;
  width: 100%
}

.packageItem .course-item-sm .course-content .course-title {
  color: #ffc740;
  color: var(--secondColor);
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  padding-left: 10px
}

.packageItem .course-item-sm .course-content .course-subtitle {
  font-size: 16px;
  margin-top: 5px;
  padding-left: 10px
}

.packageItem .course-item-sm .course-content .course-info {
  min-width: 80px;
  text-align: center
}

.packageItem .course-item-sm .course-content .course-info .course-price {
  font-size: 13px
}

.packageItem .course-item-sm .course-content .course-info .course-price span {
  font-size: 20px;
  font-weight: 700
}

.packageItem .course-item-sm .course-content .course-info .video-count {
  font-size: 13px
}

.avatar-wrap-info {
  align-items: center;
  display: flex;
  margin-bottom: 20px
}

.avatar-wrap-info img {
  border-radius: 50%;
  height: 100px;
  min-width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100px
}

.avatar-wrap-info .avatar-content {
  padding-right: 20px
}

.avatar-wrap-info .avatar-content h3 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px
}

.avatar-wrap-info .avatar-content p {
  font-size: 15px
}

.statistics-page .card-body {
  padding: 30px
}

.statistics-page .card-body .card-head {
  display: flex;
  justify-content: center;
  margin-bottom: 40px
}

.statistics-page .card-body .card-head h1 {
  background-color: #8f4475;
  background-color: var(--mainColor);
  border-radius: 10px;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  padding: 15px 30px;
  text-align: center
}

.statistics-page .card-body .card-head h2 {
  background-color: #34c663;
  background-color: var(--color1);
  border-radius: 10px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding: 12px 25px;
  text-align: center
}

.statistics-page .card-body .card-filter {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 2rem 0
}

.statistics-page .card-body .card-filter .datepicker {
  max-width: 150px
}

.statistics-page .card-body .card-table .table-wrapper .table .link {
  color: #8f4475;
  color: var(--mainColor);
  cursor: pointer
}

.statistics-page .card-body .card-table .table-wrapper .table thead th {
  background-color: #8f4475;
  background-color: var(--mainColor);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center
}

.statistics-page .card-body .card-table .table-wrapper .table .table-footer td {
  background-color: #363636;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center
}

.statistics-page .card-body .card-table .b-table .table th .th-wrap {
  justify-content: center
}

.statistics-page .infoList .infoItem {
  background-color: #eee;
  margin-bottom: 8px;
  padding: 12px 20px
}

.statistics-page .infoList .infoItem strong {
  margin-left: 10px
}

.affelliate-page .affelliate-header {
  background-color: #f5b049;
  background-image: url(/_nuxt/img/affelliate-bg.efdd638.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 4rem 0
}

.affelliate-page .affelliate-header h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 2rem
}

.affelliate-page .affelliate-header p {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 2rem
}

.affelliate-page .section {
  padding-bottom: 5rem;
  padding-top: 5rem
}

.affelliate-page .step .step-image {
  margin-bottom: 1rem;
  text-align: center
}

.affelliate-page .step .step-image img {
  max-height: 180px
}

.affelliate-page .step .step-content {
  margin-top: 2rem;
  text-align: center
}

.affelliate-page .step .step-content h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 1rem
}

.affelliate-page .step .step-content p {
  margin: 1rem auto;
  max-width: 300px
}

.affelliate-page .startNow h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 3rem;
  text-align: center
}

.affelliate-page .startNow .block {
  text-align: center
}

.affelliate-page .startNow .block .block-number {
  align-items: center;
  background-color: #8f4475;
  background-color: var(--mainColor);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 22px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  margin: 1rem auto;
  width: 60px
}

.affelliate-page .startNow .block .block-content {
  margin-top: 2rem
}

.affelliate-page .startNow .block .block-content h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 1rem
}

.affelliate-page .startNow .block .block-content p {
  margin: 1rem auto;
  max-width: 300px
}

.marketer-page .marketer-label {
  background-color: #8f4475;
  background-color: var(--mainColor);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  padding: 10px 20px
}

.marketer-page .revenue-section .table-wrapper .table thead th {
  background-color: #34c663;
  background-color: var(--color1);
  color: #fff;
  font-weight: 700;
  text-align: center
}

.main-heading .table thead th {
  background-color: #fff;
  color: #8f4475;
  color: var(--mainColor);
  font-weight: 700;
  padding: 15px;
  text-align: center
}

.finalProjects-page .notification {
  max-width: 100%
}

.finalProjects-page .notification .media {
  align-items: center
}

.finalProjects-page .notification .media-content {
  font-size: 18px;
  line-height: 1.7
}

.finalProjects-page .card .content {
  font-size: 18px
}

.head-tabs {
  display: flex
}

@media(max-width:767.98px) {
  .head-tabs {
    flex-wrap: wrap;
    justify-content: center
  }

  .head-tabs a {
    font-size: 16px !important;
    margin-bottom: 5px;
    padding: 20px 10px !important
  }
}

.head-tabs a:not(:last-child) {
  margin-left: 20px
}

@media(max-width:767.98px) {
  .head-tabs a:not(:last-child) {
    margin-left: 5px
  }
}

.dropdown .dropdown-menu .has-link .dropdown.is-mobile-modal>.dropdown-menu>.dropdown-content>a,
.dropdown.is-mobile-modal>.dropdown-menu>.dropdown-content>.dropdown-item,
.dropdown.is-mobile-modal>.dropdown-menu>.dropdown-content>.has-link a {
  padding-bottom: .5rem;
  padding-top: .5rem
}

.highcharts-container {
  overflow-x: auto !important;
  width: 100% !important
}

.wrap-empty-page {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 10vh auto;
  max-width: 500px
}

.wrap-empty-page .empty-image {
  align-items: center;
  display: flex;
  justify-content: center
}

.wrap-empty-page .empty-image img {
  max-width: 80%
}

.wrap-empty-page .empty-content {
  margin-top: 3rem
}

.wrap-empty-page .empty-content h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 1rem
}

.b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before {
  min-width: 120px;
  padding-left: 10px;
  text-align: right
}

@media screen and (max-width:768px) {
  .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td {
    justify-content: start !important;
    text-align: right !important
  }
}

.body-2 {
  font-size: 18px;
  font-weight: 400
}

.wrapIsInstructor {
  align-items: center;
  background-color: #3c364c;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 20px
}

@media(max-width:575.98px) {
  .wrapIsInstructor {
    flex-direction: column
  }
}

.wrapIsInstructor p {
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 0
}

@media(max-width:575.98px) {
  .wrapIsInstructor p {
    margin-bottom: 24px;
    margin-left: 0 !important
  }
}

.video-player {
  direction: ltr;
  text-align: left
}

.vti__input {
  font-family: "Montserrat Arabic";
  font-family: var(--mainFont)
}

.text-lead p {
  line-height: 1.8
}

.h-100 {
  height: 100% !important
}

.title.is-4 {
  font-size: 1.6rem
}

.aditemPopup .card {
  background-image: url(/_nuxt/img/popup-text-bg.f6b9921.png);
  background-position: 50%;
  background-size: 100% 100%;
  border-radius: 12px;
  padding: 5rem;
  text-align: center
}

@media(max-width:575.98px) {
  .aditemPopup .card {
    padding: 2.5rem
  }
}

.aditemPopup .card h3 {
  color: #635794;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1rem
}

.aditemPopup .card p {
  color: #000;
  font-size: 18px;
  line-height: 1.7
}

.aditemPopupImage .card {
  border-radius: 12px;
  overflow: hidden;
  text-align: center
}

.aditemPopupImage .card .allContent {
  padding: 3rem 2rem;
  text-align: center
}

.aditemPopupImage .card .allContent img {
  margin: 0 auto 1rem;
  max-width: 100px
}

.aditemPopupImage .card .allContent h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 1.5rem
}

.aditemPopupImage .card .fullImage {
  height: 100%
}

.aditemPopupImage .card .fullImage img {
  display: block;
  height: 100%;
  min-height: 350px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media(max-width:575.98px) {
  .aditemPopupImage .card .fullImage img {
    min-height: 200px
  }

  .button.is-large {
    padding: 15px 20px
  }
}

.orders-page .b-buttons {
  margin-top: 3rem
}

.orders-page .order-item {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 20px;
  position: relative
}

.orders-page .order-item .order-status {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.orders-page .order-item .order-status .tag {
  border-radius: 0
}

.orders-page .order-item .order-date {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
  width: 80px
}

.orders-page .order-item .order-date .day {
  font-size: 24px;
  font-weight: 700
}

.orders-page .order-item .order-content .order-course-item {
  display: flex;
  padding: 10px
}

.orders-page .order-item .order-content .order-course-item:not(:last-child) {
  border-bottom: 1px solid #eee
}

.orders-page .order-item .order-content .order-course-item .course-image {
  max-width: 100px;
  min-width: 100px;
  width: 100px
}

@media(max-width:1124px) {
  .orders-page .order-item .order-content .order-course-item .course-image {
    max-width: 80px;
    min-width: 80px
  }
}

.orders-page .order-item .order-content .order-course-item .course-image img {
  width: 100%
}

.orders-page .order-item .order-content .order-course-item .course-content {
  padding-right: 10px
}

.orders-page .order-item .order-content .order-course-item .course-content .course-title {
  font-size: 16px
}

.orders-page .order-item .order-content .order-course-item .course-content p {
  color: #777;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 5px
}

.orders-page .order-item .order-details {
  margin-right: auto;
  min-width: 215px
}

.orders-page .order-item .order-details .order-action {
  justify-content: center
}

@media(max-width:1124px) {
  .orders-page .order-item .order-details {
    flex: 0 0 100%;
    margin: 20px auto 0;
    text-align: center;
    width: 100%
  }
}

.orders-page .order-item .order-details .order-price {
  color: #f14668;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center
}

.message-body {
  border-width: 0 4px 0 0
}

.pagination.is-centered .pagination-next {
  order: 3
}

.pagination.is-centered .pagination-previous {
  order: 1
}

.pagination.is-centered .pagination-list {
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: center;
  order: 2
}

.isDelete {
  background-color: #f30030 !important
}

.button.isFavorites {
  opacity: 1 !important
}

.button.isFavorites .icon {
  color: #ff0707 !important;
  display: none !important;
  margin-right: 5px
}

.button.isFavorites .isFavoritesIcon {
  display: block !important
}

.custom-phone-input input {
  direction: ltr;
  font-family: "Montserrat Arabic";
  font-family: var(--mainFont);
  text-align: right
}

.previewPromoVideo {
  padding-bottom: 60%;
  position: relative
}

.previewPromoVideo iframe {
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.userLinkField .help {
  display: none
}

.userLinkField .help.is-danger,
.video-js .vjs-duration {
  display: block
}

.video-js .vjs-remaining-time span[aria-hidden=true] {
  display: none
}

.fade-leave-active,
.fade-page-enter-active {
  transition: opacity .8s
}

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

.page-enter-active,
.page-leave-active {
  transition: opacity .5s
}

.page-enter,
.page-leave-to {
  opacity: 0
}

.heroWrapContent {
  background-color: #8f4475;
  background-color: var(--mainColor);
  color: #fff;
  margin-top: -5px;
  padding: 3rem 0
}

.heroWrapContent h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 1.4rem
}

.heroWrapContent p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 1rem
}

.subscribeVideo {
  max-width: 450px;
  width: 100%
}

.subscribeVideo iframe {
  height: 300px;
  width: 100%
}

@media(max-width:575.98px) {
  .mr-mob-0 {
    margin-right: 0 !important
  }
}

.cursor-pointer {
  cursor: pointer
}

.blockUseMyWallet .b-checkbox.checkbox.is-medium {
  font-size: 1rem
}

.content.is-medium {
  font-size: 1.1em
}

.text-small {
  font-size: 13px
}

.title.is-5 {
  line-height: 1.55
}

.playlists-list .playlist-item .description {
  -webkit-line-clamp: 9;
  line-clamp: 9;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
}

.playlist-item:nth-child(2n) {
  background-color: #eaebed
}

.playlist-item .playlist-title {
  margin-bottom: 1.5rem
}

.playlist-item .description {
  font-size: 18px;
  line-height: 1.65
}

.playlist-item .playlist-image,
.playlist-item .playlist-image .imgContainer {
  border-radius: 15px;
  overflow: hidden
}

.playlist-item .playlist-video-item {
  border-radius: 15px;
  cursor: pointer;
  margin-top: 1.5rem;
  overflow: hidden;
  position: relative
}

.playlist-item .playlist-video-item .player-icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2
}

.playlist-item .playlist-video-item .player-icon img {
  width: 64px
}

@media(max-width:767.98px) {
  .playlists-page .section {
    padding-bottom: 2rem;
    padding-top: 2rem
  }
}

.app-links {
  background-color: #ffc740;
  background-color: var(--secondColor);
  color: #000;
  display: block;
  padding-bottom: 8px;
  padding-top: 8px
}

@media(max-width:767.98px) {
  .app-links {
    text-align: center
  }
}

.app-links .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-top: 10px
}

@media(max-width:767.98px) {
  .app-links .title {
    flex: 0 0 100%;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 5px;
    width: 100%
  }
}

.app-links .links-icons {
  align-items: center;
  display: flex;
  justify-content: center
}

@media(max-width:767.98px) {
  .app-links .links-icons {
    flex: 0 0 100%;
    width: 100%
  }
}

.app-links .links-icons .link-item {
  display: flex;
  margin: 10px
}

@media(max-width:767.98px) {
  .app-links .links-icons .link-item {
    margin: 5px
  }
}

.app-links .links-icons .link-item img {
  display: block;
  max-width: 150px
}

@media(max-width:575.98px) {
  .app-links .links-icons .link-item img {
    max-width: 110px
  }
}

.tab-instructor .tab-content {
  padding-left: 0;
  padding-right: 0
}

.tab-instructor .tabs ul {
  border-bottom-color: transparent
}

.instructors-list .instructors-list-item {
  margin-bottom: 20px;
  padding-bottom: 20px
}

.instructors-list .instructors-list-item:not(:last-child) {
  border-bottom: 2px solid #ddd
}

.comments .message.is-primary {
  background-color: #8f4475;
  background-color: var(--mainColor);
  border: 0;
  color: #fff
}

.comments .message.is-primary .message-body {
  border-right: 5px solid #ffc740;
  border-right: 5px solid var(--secondColor);
  color: #fff
}

.btn-search {
  cursor: pointer
}

@media(max-width:767.98px) {
  .btn-search {
    margin-left: 8px
  }

  .btn-search svg {
    height: 20px;
    width: 20px
  }
}

.search-section {
  background-color: rgba(0, 0, 0, .98);
  color: #cfd0d2;
  height: 100vh;
  overflow-y: auto;
  padding-bottom: 2rem;
  padding-top: 2rem;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999
}

.search-section .loading-overlay .loading-background {
  background-color: transparent
}

.search-section .imgContainer {
  min-height: 60px
}

.search-section .search-form .form-group {
  position: relative
}

.search-section .search-form .form-group ::-moz-placeholder {
  color: #cfd0d2
}

.search-section .search-form .form-group ::placeholder {
  color: #cfd0d2
}

.search-section .search-form .form-group .input {
  background-color: transparent;
  border: 0 !important;
  border-bottom: 1px solid hsla(0, 0%, 100%, .4) !important;
  border-radius: 0;
  box-shadow: none;
  color: #cfd0d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  outline: 0;
  padding: 35px 0;
  width: 100%
}

@media(max-width:767.98px) {
  .search-section .search-form .form-group .input {
    font-size: 30px;
    padding: 25px 0
  }
}

.search-section .search-form .form-group .btn-delete {
  align-items: center;
  background-color: hsla(0, 0%, 100%, .2);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 50px;
  justify-content: center;
  left: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  z-index: 2
}

@media(max-width:767.98px) {
  .search-section .search-form .form-group .btn-delete {
    height: 40px;
    left: 5px;
    width: 40px
  }
}

.search-section .search-form .form-group .btn-delete svg {
  height: 22px;
  width: 22px
}

@media(max-width:767.98px) {
  .search-section .search-form .form-group .btn-delete svg {
    height: 20px;
    width: 20px
  }
}

.search-section .search-list .block-search-list {
  margin-top: 2rem
}

.search-section .search-list .block-search-list .block-main-title {
  border-bottom: 1px solid hsla(0, 0%, 100%, .4);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 10px
}

.search-section .search-list .block-search-list .block-search-item {
  display: flex;
  padding-bottom: 10px;
  padding-top: 10px;
  transition: all .25s ease
}

.search-section .search-list .block-search-list .block-search-item:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.search-section .search-list .block-search-list .block-search-item:hover {
  background-color: hsla(0, 0%, 100%, .1)
}

.search-section .search-list .block-search-list .block-search-item .block-search-image {
  display: block;
  min-width: 90px;
  width: 90px
}

.search-section .search-list .block-search-list .block-search-item .block-search-content {
  padding-right: 15px;
  width: 100%
}

.search-section .search-list .block-search-list .block-search-item .block-search-content .block-search-title {
  color: #cfd0d2;
  font-size: 16px;
  line-height: 1.55
}

.isFree {
  background-color: #54b265;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 5px;
  padding: 5px 16px;
  text-align: center
}

.isFree.isFreeLg {
  border-radius: 20px;
  font-size: 16px
}

.signup-page {
  position: relative
}

.signup-page.withCover:before {
  display: none
}

@media(max-width:767.98px) {
  .signup-page.withCover:before {
    display: block;
    height: 300px;
    width: 100% !important
  }
}

.signup-page.withCover .form-container {
  margin: 0 !important
}

.signup-page:before {
  background-image: url(/_nuxt/img/login-bg.b728374.jpg);
  background-position: 50%;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 60%
}

@media(max-width:575.98px) {
  .signup-page:before {
    height: 280px;
    width: 100% !important
  }
}

.signup-page .bg-rightCover {
  height: 100%
}

@media(max-width:767.98px) {
  .signup-page .bg-rightCover {
    display: none
  }
}

.signup-page .bg-rightCover img {
  border-radius: 15px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.signup-page .datepicker {
  direction: ltr
}

.signup-page .button.is-lg {
  font-size: 20px;
  padding: 24px 50px
}

.signup-page .form-container {
  background-color: #fff;
  border-radius: 15px;
  margin: 60px 0;
  overflow: hidden
}

.signup-page .form-container .form-group {
  margin-bottom: 1rem
}

.signup-page .form-container .form-head {
  align-items: center;
  background-color: #39a3b1;
  display: flex;
  justify-content: center;
  padding: 16px
}

.signup-page .form-container .form-head h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 700
}

.signup-page .form-container .form-fields {
  border: 1px solid #eee;
  padding: 20px
}

.signup-page .form-container .form-fields .label-title {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px
}

.signup-page ::-moz-placeholder {
  color: #52596f;
  color: var(--fontColor);
  font-size: 15px
}

.signup-page ::placeholder {
  color: #52596f;
  color: var(--fontColor);
  font-size: 15px
}

.custom-phone-input ::-moz-placeholder {
  color: #52596f;
  color: var(--fontColor);
  font-family: "Montserrat Arabic";
  font-family: var(--mainFont);
  font-size: 15px
}

.custom-phone-input ::placeholder {
  color: #52596f;
  color: var(--fontColor);
  font-family: "Montserrat Arabic";
  font-family: var(--mainFont);
  font-size: 15px
}

.addNewChild {
  color: #39a3b1;
  cursor: pointer
}

.input,
.select select,
.textarea,
select {
  background: rgba(0, 0, 0, .06);
  border: 1px solid #ddd !important;
  border-radius: 4px;
  box-shadow: none !important;
  box-sizing: border-box;
  color: rgba(0, 0, 0, .6);
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  min-height: 44px;
  outline: none;
  padding: 10px 20px;
  transition: .3s ease;
  width: 100%
}

.select.is-empty select {
  font-size: 15px
}

.custom-select .select:not(.is-multiple):not(.is-loading):after {
  left: 1.125em;
  right: auto
}

.select:not(.is-multiple) {
  min-height: 44px
}

.select select {
  padding-right: 20px !important
}

.haveAccount {
  margin: 0;
  padding: 10px 0
}

.custom-phone-input {
  background-color: #f0f0f0;
  border: 1px solid #ddd
}

.custom-phone-input .vti__dropdown {
  height: 44px;
  width: 70px
}

.custom-phone-input input {
  background-color: #f0f0f0;
  padding-right: 10px
}

.custom-phone-input .vti__dropdown-list {
  left: auto;
  right: -1px;
  text-align: right
}

.affelliate-register-signup:before {
  background-image: url(/_nuxt/img/affelliate-register-bg.62eb17d.jpg);
  width: 55%
}

.affelliate-register-signup .form-container .form-head {
  align-items: flex-start;
  background-color: #64bd58;
  flex-direction: column;
  justify-content: flex-start;
  padding: 16px;
  text-align: right
}

.affelliate-register-signup .form-container .form-head h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px
}

.affelliate-register-signup .form-container .form-head p {
  color: #fff;
  font-size: 18px;
  font-weight: 700
}

.affelliate-register-signup .form-container .form-fields {
  border: 1px solid #eee;
  padding: 20px
}

.affelliate-register-signup .form-container .form-fields .label {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px
}

.instructors-register-signup:before {
  background-image: url(/_nuxt/img/bg-ins.8552426.jpg);
  background-position: 50%;
  width: 55%
}

.instructors-register-signup .form-container .form-head {
  align-items: flex-start;
  background-color: #15b6d6;
  flex-direction: column;
  justify-content: flex-start;
  padding: 16px;
  text-align: right
}

.instructors-register-signup .form-container .form-head h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px
}

.instructors-register-signup .form-container .form-head p {
  color: #fff;
  font-size: 18px;
  font-weight: 700
}

.instructors-register-signup .form-container .form-fields {
  border: 1px solid #eee;
  padding: 20px
}

.instructors-register-signup .form-container .form-fields .label {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px
}

.vue-tel-input {
  position: relative;
  z-index: 8
}

.py-60 {
  padding-bottom: 60px;
  padding-top: 60px
}

.fullscreen-bg:before {
  height: 100% !important;
  width: 100% !important
}

.fullscreen-bg .form-container {
  margin: 40px auto;
  max-width: 600px
}

.field input::-webkit-inner-spin-button,
.field input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.field input[type=number] {
  -moz-appearance: textfield
}

.loginBySocial {
  margin: 15px auto;
  max-width: 300px
}

.loginBySocial .is-facebook {
  background-color: #0457c9;
  border-color: #0457c9;
  box-shadow: 0;
  color: #fff;
  outline: none
}

.loginBySocial .is-google {
  background-color: #db4932;
  border-color: #db4932;
  box-shadow: 0;
  color: #fff;
  outline: none
}

.btn-whatsapp {
  align-items: center;
  background-color: #118c7e;
  border-radius: 20px;
  color: #fff !important;
  display: flex;
  padding: 5px 12px;
  -webkit-text-decoration: none !important;
  text-decoration: none !important
}

@media(max-width:767.98px) {
  .btn-whatsapp {
    font-size: 14px;
    padding: 3px 5px
  }
}

.video-js .vjs-play-progress {
  background-color: #8f4475 !important
}

.video-js .vjs-progress-holder {
  height: 6px !important
}

.video-player {
  overflow: hidden
}

.video-player .vjs-fullscreen-control {
  position: absolute !important;
  right: 0
}

.video-player .vjs-control-bar {
  padding-right: 56px
}

.video-player .video-js .vjs-big-play-button {
  font-size: 4em;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.video-player .video-js {
  outline: 0;
  position: relative
}

.video-player .vjs-quality-selector .vjs-menu-button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0yMi42ODMgOS4zOTQtMS44OC0uMjM5YTkuNDUgOS40NSAwIDAgMC0uNTY5LTEuMzc0bDEuMTYxLTEuNDk1YTEuNDg2IDEuNDg2IDAgMCAwLS4xMjItMS45NzlsLTEuNTc1LTEuNTc1YTEuNDkgMS40OSAwIDAgMC0xLjk4NS0uMTI3TDE2LjIyIDMuNzY2YTkuNDE2IDkuNDE2IDAgMCAwLTEuMzc1LS41NjlsLS4yMzktMS44NzdBMS40OTggMS40OTggMCAwIDAgMTMuMTIgMGgtMi4yNGMtLjc1NyAwLTEuMzk2LjU2Ny0xLjQ4NiAxLjMxN2wtLjIzOSAxLjg4YTkuMzA3IDkuMzA3IDAgMCAwLTEuMzc1LjU2OUw2LjI4NiAyLjYwNWExLjQ4OCAxLjQ4OCAwIDAgMC0xLjk3OS4xMjJMMi43MzIgNC4zMDFhMS40OSAxLjQ5IDAgMCAwLS4xMjcgMS45ODZsMS4xNjEgMS40OTRhOS4zNCA5LjM0IDAgMCAwLS41NjkgMS4zNzRsLTEuODc3LjIzOUMuNTY3IDkuNDg0IDAgMTAuMTIzIDAgMTAuODh2Mi4yNGMwIC43NTcuNTY3IDEuMzk2IDEuMzE3IDEuNDg2bDEuODguMjM5Yy4xNTUuNDc3LjM0Ni45MzcuNTY5IDEuMzc0bC0xLjE2MSAxLjQ5NWExLjQ4NiAxLjQ4NiAwIDAgMCAuMTIyIDEuOTc5bDEuNTc1IDEuNTc1YTEuNDkyIDEuNDkyIDAgMCAwIDEuOTg1LjEyNmwxLjQ5NC0xLjE2MWMuNDM3LjIyNC44OTcuNDE1IDEuMzc0LjU2OWwuMjM5IDEuODc2Yy4wOS43NTUuNzI5IDEuMzIyIDEuNDg2IDEuMzIyaDIuMjRjLjc1NyAwIDEuMzk2LS41NjcgMS40ODYtMS4zMTdsLjIzOS0xLjg4YTkuNDUgOS40NSAwIDAgMCAxLjM3NC0uNTY5bDEuNDk1IDEuMTYxYy42MDUuNDcgMS40NTkuNDE1IDEuOTc5LS4xMjJsMS41NzUtMS41NzVhMS40OSAxLjQ5IDAgMCAwIC4xMjctMS45ODVsLTEuMTYxLTEuNDk0Yy4yMjQtLjQzNy40MTUtLjg5Ny41NjktMS4zNzRsMS44NzYtLjIzOWExLjQ5OCAxLjQ5OCAwIDAgMCAxLjMyLTEuNDg2di0yLjI0YTEuNDk2IDEuNDk2IDAgMCAwLTEuMzE2LTEuNDg2ek0xMiAxN2MtMi43NTcgMC01LTIuMjQzLTUtNXMyLjI0My01IDUtNSA1IDIuMjQzIDUgNS0yLjI0MyA1LTUgNXoiLz48L3N2Zz4=") !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  filter: brightness(0) invert(1);
  height: 16px;
  margin-top: 14px;
  max-height: 16px;
  max-width: 16px;
  width: 16px
}

.vjs-paused.video-js .vjs-big-play-button {
  display: block
}

.video-player .video-js .vjs-big-play-button {
  background-color: #8f4475;
  border: 0;
  border-radius: 50%;
  height: 64px;
  width: 64px
}

.video-player .video-js .vjs-control-bar {
  background-color: rgba(0, 0, 0, .7) !important;
  height: 45px;
  z-index: 4
}

.video-player .video-js .vjs-play-progress:before {
  top: 3px;
  transform: translateY(-50%)
}

.video-player .vjs-duration.vjs-time-control.vjs-control,
.video-player .vjs-fullscreen-control.vjs-control.vjs-button {
  display: none
}

.video-player .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control,
.video-player .vjs-control-bar .vjs-fullscreen-control.vjs-control.vjs-button {
  display: block
}

.video-player .video-player .vjs-fullscreen-control {
  z-index: 2
}

.video-player .video-js .vjs-control {
  font-size: 14px
}

.video-player .vjs-playback-rate {
  font-size: 15px;
  padding-top: 14px
}

.video-player .vjs-poster {
  background-size: cover
}

.video-player .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 16px;
  margin-top: 5px
}

.video-player .js-focus-visible .vjs-menu li.vjs-selected:hover,
.video-player .vjs-menu li.vjs-selected,
.video-player .vjs-menu li.vjs-selected:focus,
.video-player .vjs-menu li.vjs-selected:hover {
  color: #8f4475;
  color: var(--mainColor)
}

.video-player .vjs-chapters-button,
.video-player .vjs-subs-caps-button {
  display: none !important
}

@media(max-width:575.98px) {

  .video-player .skip-back,
  .video-player .skip-forward {
    display: none !important
  }

  .video-js .vjs-control {
    width: 3em
  }
}

/*! @name videojs-seek-buttons @version 2.2.0 @license Apache-2.0 */
.video-js .vjs-seek-button {
  cursor: pointer;
  font-family: "VideoJS";
  font-style: normal;
  font-weight: 400;
  text-align: center
}

.video-js.vjs-v6 .vjs-seek-button.skip-back .vjs-icon-placeholder,
.video-js.vjs-v7 .vjs-seek-button.skip-back .vjs-icon-placeholder {
  background-image: url(/_nuxt/img/skip-back.43144fb.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 26px;
  margin: auto;
  width: 26px
}

.video-js.vjs-v6 .vjs-seek-button.skip-forward .vjs-icon-placeholder,
.video-js.vjs-v7 .vjs-seek-button.skip-forward .vjs-icon-placeholder {
  background-image: url(/_nuxt/img/skip.cc34d8f.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 26px;
  margin: auto;
  width: 26px
}

.letterCamp-page {
  background-color: #ebebeb;
  color: #000;
  padding-bottom: 0
}

.letterCamp-page .wrap-upper-section {
  padding-bottom: 63%;
  position: relative
}

@media(max-width:767.98px) {
  .letterCamp-page .wrap-upper-section {
    padding-bottom: 0
  }
}

.letterCamp-page .mobile-cover {
  display: none
}

@media(max-width:767.98px) {
  .letterCamp-page .mobile-cover {
    display: block;
    width: 100%
  }
}

.letterCamp-page .upper-section {
  background-image: url(/_nuxt/img/header.c46b3da.png);
  background-size: cover;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

@media(max-width:767.98px) {
  .letterCamp-page .upper-section {
    background: none;
    padding-bottom: 0;
    position: static
  }
}

.letterCamp-page .upper-section .content {
  padding-bottom: 4rem;
  padding-top: 10%
}

@media(max-width:1124px) {
  .letterCamp-page .upper-section .content {
    padding-bottom: 0;
    padding-top: 0
  }
}

.letterCamp-page .upper-section .content h1 {
  color: #ee5624;
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 3rem
}

@media(max-width:1124px) {
  .letterCamp-page .upper-section .content h1 {
    font-size: 30px;
    margin-bottom: 1rem
  }
}

.letterCamp-page .upper-section .content p {
  color: #000;
  font-size: 30px;
  margin-bottom: .5rem
}

@media(max-width:1124px) {
  .letterCamp-page .upper-section .content p {
    font-size: 18px;
    margin-bottom: 0
  }
}

@media(max-width:767.98px) {
  .letterCamp-page .section-goals {
    padding-top: 0
  }
}

.letterCamp-page .section-goals .section-title {
  color: #412539;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 3rem;
  margin-top: 3rem;
  text-align: center
}

@media(max-width:767.98px) {
  .letterCamp-page .section-goals .section-title {
    font-size: 20px;
    margin-bottom: 1.5rem;
    margin-top: 3rem;
    text-align: right
  }
}

.letterCamp-page .section-goals .sectionTitle {
  background-color: #fff;
  display: none
}

@media(max-width:767.98px) {
  .letterCamp-page .section-goals .sectionTitle {
    display: block;
    margin-top: -15px
  }
}

.letterCamp-page .section-goals .sectionTitle .line-wave-bottom,
.letterCamp-page .section-goals .sectionTitle .line-wave-top {
  background-color: #fff
}

.letterCamp-page .section-goals .sectionTitle .line-wave-bottom {
  transform: rotate(180deg) translateY(-40px) translateX(-60px)
}

.letterCamp-page .section-goals .sectionTitle h3 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 30px;
  font-weight: 700;
  position: relative;
  text-align: center;
  top: 30px
}

.letterCamp-page .section-goals .goal-item {
  padding: 1rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-goals .goal-item {
    padding: 0
  }
}

.letterCamp-page .section-goals .goal-item .goal-image {
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  height: 200px;
  justify-content: center;
  overflow: hidden;
  padding: 1.5rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-goals .goal-item .goal-image {
    height: 120px;
    padding: 1rem
  }
}

.letterCamp-page .section-goals .goal-item .goal-image img {
  max-height: 100%;
  max-width: 100%
}

.letterCamp-page .section-goals .goal-item .goal-text {
  font-size: 26px;
  font-weight: 500;
  padding: 1.4rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-goals .goal-item .goal-text {
    font-size: 18px;
    padding: .6rem 0
  }
}

.letterCamp-page .section-note {
  background-color: #fff;
  padding-bottom: 2rem
}

.letterCamp-page .section-note img {
  margin: auto;
  max-width: 90%
}

.letterCamp-page .section-note .market-note {
  background-color: transparent;
  background-image: url(/_nuxt/img/bg-31.245c66b.png);
  background-position: 50%;
  background-size: contain;
  background-size: 100% 100%;
  font-size: 24px;
  line-height: 1.8;
  margin-top: 4rem;
  padding: 4rem 5rem;
  position: relative
}

@media(max-width:767.98px) {
  .letterCamp-page .section-note .market-note {
    font-size: 20px;
    line-height: 1.6;
    margin-top: -10rem;
    padding: 3rem
  }
}

.letterCamp-page .section-note .market-note:before {
  background-image: url(/_nuxt/img/cloud.a2d701b.svg);
  background-repeat: no-repeat;
  content: "";
  height: 70px;
  position: absolute;
  right: 10%;
  top: -70px;
  width: 100px
}

.letterCamp-page .section-note .market-note:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4My41MSA4NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZjdkN2Q7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS4zMyw4Ni43QzI4LDgxLjYzLDQ0LDY2LjYyLDQ4LjY1LDQ3LjU2YTU2LjI3LDU2LjI3LDAsMCwwLDUuNzYtMi4zM0E1My43Nyw1My43NywwLDAsMCw4My4yOCw5LjQyQzg1LjUyLS4xMyw3MC43OS00LjA2LDY4LjU1LDUuNTFBMzksMzksMCwwLDEsNDkuMDcsMzAuOWMtMi4wOC0xMC43NS04LjktMjAtMjEuMy0yMC45QzExLjQsOC44NS0uMjMsMjUuNyw5Ljg2LDM5Ljg1YzUuMjMsNy4zMywxMy4yNCwxMC4yNywyMS42OCwxMC41QTQwLjU3LDQwLjU3LDAsMCwxLDUuNDYsNzJDLTQsNzQuNTItLjEzLDg5LjI2LDkuMzMsODYuN1pNMzQuNjksMzUuMTRhMjMuOCwyMy44LDAsMCwxLTUuOC0uMzJjLTIuOTEtLjU2LTEwLjMzLTQuMzQtNy04LjMsMi41My0zLDguMTgtMS4xMSwxMC4xOCwxLjQ1QTEzLjQ2LDEzLjQ2LDAsMCwxLDM0LjY5LDM1LjE0WiIvPjwvZz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  content: "";
  height: 60px;
  left: 0;
  position: absolute;
  top: -80px;
  width: 100px
}

.letterCamp-page .section-note .shape {
  position: relative
}

@media(max-width:767.98px) {
  .letterCamp-page .section-note .shape {
    display: none
  }
}

.letterCamp-page .section-note .shape:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ni41NiAyMy42MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmE3NTk7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTAuMDcsMTEuNDhjMSwzLjM5LDcuNjctMy43OSw4LjUyLTQuNjRDMjEuNzMsMy42OCwyNS4yNi45NCwyOS43Ni4xOEExMi4xNywxMi4xNywwLDAsMSw0MC4yMSwzLjMxYTI3LjA3LDI3LjA3LDAsMCwxLDMuNjcsNC41MmMuNTguODQsMS42MywzLjE2LDIuNTcsMy42MSwwLS4zOC44MS0xLjE0LDEtMS40NGEyOC4zNywyOC4zNywwLDAsMSwzLjg2LTVBMTUuNTEsMTUuNTEsMCwwLDEsNjMuMywxQzcyLjMyLDIsNzguMDksMTEsNzYuMiwxOS42MmMtMS40Myw2LjUxLTExLjU5LDQuNTMtMTAuMTYtMiwuNjYtMy0xLTYuNDMtNC40NC02LjM0LTQuMTQuMS01LjI2LDQuNjctNy42OCw3LjIyQTEwLjExLDEwLjExLDAsMCwxLDQzLjQsMjEuNDNDNDAuMDcsMjAuMzIsMzgsMTcuNTIsMzYsMTQuNzNjLTEuMzEtMS45MS0yLjU1LTUtNS4yNy00LjItMy45MiwxLjA5LTYuNjMsNS43NS05LjY1LDguMjJDMTQuNjcsMjQsMy4wNSwyNC4xMi4yNSwxNC43Ni0xLjY2LDguNCw4LjE1LDUuMDcsMTAuMDcsMTEuNDhaIi8+PC9nPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  content: "";
  height: 50px;
  position: absolute;
  right: 50%;
  top: 60px;
  width: 100px
}

.letterCamp-page .section-note .line-wave-top {
  transform: translateY(-40px)
}

.letterCamp-page .section-note .line-wave-bottom {
  transform: rotate(180deg) translateY(40px) translateX(-60px)
}

.letterCamp-page .section-campFeatures,
.letterCamp-page .section-campFeatures .line-wave-bottom,
.letterCamp-page .section-campFeatures .line-wave-top {
  background-color: #ebebeb
}

.letterCamp-page .section-campFeatures img {
  margin: auto;
  max-width: 80%
}

@media(max-width:767.98px) {
  .letterCamp-page .section-campFeatures img {
    display: none
  }
}

.letterCamp-page .section-campFeatures .line-wave-top {
  transform: translateY(-40px)
}

.letterCamp-page .section-campFeatures .line-wave-bottom {
  transform: rotate(180deg) translateY(-40px) translateX(-60px)
}

.letterCamp-page .section-campFeatures h2 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 1.5rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-campFeatures h2 {
    font-size: 40px;
    margin-bottom: 1rem
  }
}

.letterCamp-page .section-campFeatures p {
  font-size: 30px;
  line-height: 1.7
}

@media(max-width:767.98px) {
  .letterCamp-page .section-campFeatures p {
    font-size: 26px;
    line-height: 1.6
  }
}

.letterCamp-page .section-qustions {
  background-color: #fff;
  padding-bottom: 4rem
}

.letterCamp-page .section-qustions .section-title {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 3rem;
  margin-top: 3rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-qustions .section-title {
    font-size: 22px;
    margin-bottom: 1.5rem;
    margin-top: 1rem
  }
}

.letterCamp-page .section-qustions .qustions-list {
  background-image: url(/_nuxt/img/character2.89d807c.svg);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 40%
}

@media(max-width:767.98px) {
  .letterCamp-page .section-qustions .qustions-list {
    background: none
  }
}

.letterCamp-page .section-qustions .qustion-item {
  align-items: center;
  display: flex;
  margin-bottom: 2rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-qustions .qustion-item {
    margin-bottom: 1.5rem
  }
}

.letterCamp-page .section-qustions .qustion-item:nth-child(2n) {
  padding-right: 10%
}

@media(max-width:767.98px) {
  .letterCamp-page .section-qustions .qustion-item:nth-child(2n) {
    padding-right: 0
  }
}

.letterCamp-page .section-qustions .qustion-item .qustion-image {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-width: 100px;
  width: 100px
}

@media(max-width:767.98px) {
  .letterCamp-page .section-qustions .qustion-item .qustion-image {
    min-width: 70px;
    width: 70px
  }
}

.letterCamp-page .section-qustions .qustion-item .qustion-image img {
  max-height: 110px;
  max-width: 100%
}

@media(max-width:767.98px) {
  .letterCamp-page .section-qustions .qustion-item .qustion-image img {
    max-height: 90px
  }
}

.letterCamp-page .section-qustions .qustion-item .qustion-text {
  font-size: 30px;
  padding-right: 2rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-qustions .qustion-item .qustion-text {
    font-size: 22px;
    padding-right: 1rem
  }
}

.letterCamp-page .section-note-two {
  background-color: #fff;
  padding-bottom: 2rem
}

.letterCamp-page .section-note-two img {
  margin: auto;
  max-width: 75%
}

@media(max-width:767.98px) {
  .letterCamp-page .section-note-two img {
    display: none
  }
}

.letterCamp-page .section-note-two .market-note {
  background-color: transparent;
  background-image: url(/_nuxt/img/bg-33.6fe0c9e.png);
  background-position: 50%;
  background-size: 100% 100%;
  font-size: 24px;
  line-height: 1.8;
  margin-top: 2rem;
  max-width: 90%;
  padding: 7rem 5rem 4rem;
  position: relative
}

@media(max-width:767.98px) {
  .letterCamp-page .section-note-two .market-note {
    background-image: url(/_nuxt/img/bg-34.a47126e.png);
    font-size: 22px;
    line-height: 1.65;
    max-width: 100%;
    padding: 15rem 3.5rem 3rem
  }
}

.letterCamp-page .section-note-two .market-note:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ni41NiAyMy42MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmE3NTk7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTAuMDcsMTEuNDhjMSwzLjM5LDcuNjctMy43OSw4LjUyLTQuNjRDMjEuNzMsMy42OCwyNS4yNi45NCwyOS43Ni4xOEExMi4xNywxMi4xNywwLDAsMSw0MC4yMSwzLjMxYTI3LjA3LDI3LjA3LDAsMCwxLDMuNjcsNC41MmMuNTguODQsMS42MywzLjE2LDIuNTcsMy42MSwwLS4zOC44MS0xLjE0LDEtMS40NGEyOC4zNywyOC4zNywwLDAsMSwzLjg2LTVBMTUuNTEsMTUuNTEsMCwwLDEsNjMuMywxQzcyLjMyLDIsNzguMDksMTEsNzYuMiwxOS42MmMtMS40Myw2LjUxLTExLjU5LDQuNTMtMTAuMTYtMiwuNjYtMy0xLTYuNDMtNC40NC02LjM0LTQuMTQuMS01LjI2LDQuNjctNy42OCw3LjIyQTEwLjExLDEwLjExLDAsMCwxLDQzLjQsMjEuNDNDNDAuMDcsMjAuMzIsMzgsMTcuNTIsMzYsMTQuNzNjLTEuMzEtMS45MS0yLjU1LTUtNS4yNy00LjItMy45MiwxLjA5LTYuNjMsNS43NS05LjY1LDguMjJDMTQuNjcsMjQsMy4wNSwyNC4xMi4yNSwxNC43Ni0xLjY2LDguNCw4LjE1LDUuMDcsMTAuMDcsMTEuNDhaIi8+PC9nPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  content: "";
  height: 70px;
  position: absolute;
  right: 10%;
  top: -60px;
  width: 100px
}

.letterCamp-page .section-note-two .market-note:after {
  background-image: url(/_nuxt/img/cloud.a2d701b.svg);
  background-repeat: no-repeat;
  content: "";
  height: 65px;
  left: 0;
  position: absolute;
  top: -40px;
  width: 100px
}

.letterCamp-page .section-note-two .line-wave-top {
  transform: translateY(-40px)
}

.letterCamp-page .section-note-two .line-wave-bottom {
  transform: rotate(180deg) translateY(40px) translateX(-60px)
}

.letterCamp-page .section-note-two .line-wave-bottom,
.letterCamp-page .section-note-two .line-wave-top {
  background-color: #87d65b
}

.letterCamp-page .section-steps {
  background-color: #fff
}

.letterCamp-page .section-steps .section-steps-head {
  background-color: #ff7f5c
}

.letterCamp-page .section-steps .section-steps-head .line-wave-bottom,
.letterCamp-page .section-steps .section-steps-head .line-wave-top {
  background-color: #ff7f5c;
  height: 45px
}

.letterCamp-page .section-steps .section-steps-head .line-wave-top {
  transform: translateY(-32px)
}

.letterCamp-page .section-steps .section-steps-head .line-wave-bottom {
  transform: rotate(180deg) translateY(-32px) translateX(-60px)
}

.letterCamp-page .section-steps .section-steps-head h2 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0
}

@media(max-width:767.98px) {
  .letterCamp-page .section-steps .section-steps-head h2 {
    font-size: 30px;
    text-align: center
  }
}

.letterCamp-page .section-steps .stepsContainer {
  padding-bottom: 5rem;
  padding-top: 6rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-steps .stepsContainer {
    padding-bottom: 2rem;
    padding-top: 3rem
  }
}

.letterCamp-page .section-steps .stepsList {
  display: flex;
  flex-wrap: wrap
}

.letterCamp-page .section-steps .stepsList.secondSteps {
  flex-direction: row-reverse
}

.letterCamp-page .section-steps .stepsList.secondSteps .stepItem.stepItemArrow .arrow {
  transform: rotate(180deg)
}

.letterCamp-page .section-steps .stepsList .stepItem {
  margin-bottom: 2rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-steps .stepsList .stepItem {
    margin-bottom: 1.5rem
  }
}

.letterCamp-page .section-steps .stepsList .stepItem:not(.stepItemArrow) {
  flex: 0 0 17.5%;
  min-width: 17.5%;
  width: 17.5%
}

.letterCamp-page .section-steps .stepsList .stepItem:nth-child(8).stepItemArrow {
  flex: 0 0 100% !important;
  justify-content: flex-end;
  min-width: 100% !important;
  width: 100% !important
}

@media(max-width:767.98px) {
  .letterCamp-page .section-steps .stepsList .stepItem:nth-child(8).stepItemArrow {
    justify-content: center
  }
}

.letterCamp-page .section-steps .stepsList .stepItem:nth-child(8).stepItemArrow .arrow {
  margin-left: 7%;
  transform: rotate(-90deg)
}

@media(max-width:767.98px) {
  .letterCamp-page .section-steps .stepsList .stepItem {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    width: 100% !important
  }
}

@media(max-width:767.98px)and (max-width:767.98px) {
  .letterCamp-page .section-steps .stepsList .stepItem.stepItemArrow {
    margin-bottom: 1rem
  }
}

@media(max-width:767.98px) {
  .letterCamp-page .section-steps .stepsList .stepItem.stepItemArrow .arrow {
    margin-left: 0 !important;
    transform: rotate(-90deg) !important
  }
}

.letterCamp-page .section-steps .stepsList .stepItem .stepItemText {
  align-items: center;
  background-color: #8f4475;
  background-color: var(--mainColor);
  border-radius: 15px;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.6;
  min-height: 120px;
  padding: 1rem;
  text-align: center
}

@media(max-width:767.98px) {
  .letterCamp-page .section-steps .stepsList .stepItem .stepItemText {
    font-size: 22px;
    min-height: 110px
  }
}

.letterCamp-page .section-steps .stepsList .stepItem.stepItemArrow {
  align-items: center;
  display: flex;
  flex: 10%;
  justify-content: center;
  min-width: 10%;
  width: 10%
}

.letterCamp-page .section-steps .stepsList .stepItem.stepItemArrow img {
  max-width: 80%;
  width: 60px
}

.letterCamp-page .section-note-three {
  background-color: #fff;
  padding-bottom: 2rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-note-three {
    display: none
  }
}

.letterCamp-page .section-note-three img {
  max-width: 80%
}

.letterCamp-page .section-note-three .market-note {
  background-color: transparent;
  background-image: url(/_nuxt/img/bg-31.245c66b.png);
  background-position: 50%;
  background-size: 100% 100%;
  font-size: 28px;
  line-height: 1.8;
  margin-top: 3rem;
  padding: 4rem 5rem;
  position: relative
}

.letterCamp-page .section-note-three .market-note:before {
  background-image: url(/_nuxt/img/cloud.a2d701b.svg);
  background-repeat: no-repeat;
  content: "";
  height: 70px;
  position: absolute;
  right: 10%;
  top: -70px;
  width: 100px
}

.letterCamp-page .section-note-three .market-note:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4My41MSA4NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZjdkN2Q7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS4zMyw4Ni43QzI4LDgxLjYzLDQ0LDY2LjYyLDQ4LjY1LDQ3LjU2YTU2LjI3LDU2LjI3LDAsMCwwLDUuNzYtMi4zM0E1My43Nyw1My43NywwLDAsMCw4My4yOCw5LjQyQzg1LjUyLS4xMyw3MC43OS00LjA2LDY4LjU1LDUuNTFBMzksMzksMCwwLDEsNDkuMDcsMzAuOWMtMi4wOC0xMC43NS04LjktMjAtMjEuMy0yMC45QzExLjQsOC44NS0uMjMsMjUuNyw5Ljg2LDM5Ljg1YzUuMjMsNy4zMywxMy4yNCwxMC4yNywyMS42OCwxMC41QTQwLjU3LDQwLjU3LDAsMCwxLDUuNDYsNzJDLTQsNzQuNTItLjEzLDg5LjI2LDkuMzMsODYuN1pNMzQuNjksMzUuMTRhMjMuOCwyMy44LDAsMCwxLTUuOC0uMzJjLTIuOTEtLjU2LTEwLjMzLTQuMzQtNy04LjMsMi41My0zLDguMTgtMS4xMSwxMC4xOCwxLjQ1QTEzLjQ2LDEzLjQ2LDAsMCwxLDM0LjY5LDM1LjE0WiIvPjwvZz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  content: "";
  height: 60px;
  left: 5%;
  position: absolute;
  top: -80px;
  width: 100px
}

.letterCamp-page .section-note-three .line-wave-top {
  transform: translateY(-40px)
}

.letterCamp-page .section-note-three .line-wave-bottom {
  transform: rotate(180deg) translateY(40px) translateX(-60px)
}

.letterCamp-page .section-subscribes {
  background-color: #ebebeb
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes {
    font-size: 40px
  }

  .letterCamp-page .section-subscribes .container {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }
}

.letterCamp-page .section-subscribes .line-wave-bottom,
.letterCamp-page .section-subscribes .line-wave-top {
  background-color: #ebebeb
}

.letterCamp-page .section-subscribes img {
  max-width: 100%
}

.letterCamp-page .section-subscribes .line-wave-top {
  transform: translateY(-40px)
}

.letterCamp-page .section-subscribes .line-wave-bottom {
  transform: rotate(180deg) translateY(-40px) translateX(-60px)
}

.letterCamp-page .section-subscribes h2 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 1rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes h2 {
    font-size: 40px
  }
}

.letterCamp-page .section-subscribes h3 {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 1rem;
  margin-top: 3rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes h3 {
    font-size: 24px;
    margin-top: 2rem
  }
}

.letterCamp-page .section-subscribes p {
  font-size: 30px
}

.letterCamp-page .section-subscribes .list-features {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem
}

.letterCamp-page .section-subscribes .list-features .listItem {
  background-color: #372a41;
  border-radius: 5px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  margin: 16px 10px;
  min-width: 28%;
  padding: 8px 24px
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes .list-features .listItem {
    flex: 100%;
    font-size: 24px;
    margin: 10px;
    padding: 8px 10px;
    text-align: center;
    width: 100%
  }
}

.letterCamp-page .section-subscribes .list-features .listItem .count {
  color: #85d75c;
  font-size: 36px;
  font-weight: 700;
  margin-left: 10px;
  margin-right: 10px
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes .list-features .listItem .count {
    font-size: 30px;
    margin-left: 5px;
    margin-right: 5px
  }
}

.letterCamp-page .section-subscribes .form-container {
  background-color: #fff;
  border-radius: 15px;
  margin-top: 3rem;
  padding: 30px
}

.letterCamp-page .section-subscribes .form-container .field .label {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 20px;
  font-weight: 600
}

.letterCamp-page .section-subscribes .form-container .field .input {
  background-color: #fff
}

.letterCamp-page .section-subscribes-second {
  background-color: #8f4475;
  background-color: var(--mainColor);
  text-align: center
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes-second .container {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }
}

.letterCamp-page .section-subscribes-second .line-wave-bottom,
.letterCamp-page .section-subscribes-second .line-wave-top {
  background-color: #8f4475;
  background-color: var(--mainColor)
}

.letterCamp-page .section-subscribes-second .line-wave-top {
  transform: translateY(-40px)
}

.letterCamp-page .section-subscribes-second .line-wave-bottom {
  transform: rotate(180deg) translateY(-40px) translateX(-60px)
}

.letterCamp-page .section-subscribes-second .button.is-warning {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 3rem;
  margin-top: 3rem;
  padding: 30px 38px
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes-second .button.is-warning {
    font-weight: 700;
    margin-bottom: 2em;
    margin-top: 2rem;
    padding: 25px 38px
  }
}

.letterCamp-page .section-subscribes-second h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 3rem;
  text-align: center
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes-second h2 {
    font-size: 30px;
    text-align: right
  }
}

.letterCamp-page .section-subscribes-second p {
  color: #fff;
  font-size: 28px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  text-align: right
}

@media(max-width:767.98px) {
  .letterCamp-page .section-subscribes-second p {
    font-size: 24px
  }
}

.letterCamp-page .section-subscribes-second p span {
  color: #31c4c2
}

.letterCamp-page .section-last-content {
  background-color: #fff;
  padding-bottom: 6rem;
  padding-top: 6rem
}

.letterCamp-page .section-last-content h3 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 1rem
}

@media(max-width:767.98px) {
  .letterCamp-page .section-last-content h3 {
    font-size: 30px
  }
}

.letterCamp-page .section-last-content p {
  font-size: 26px
}

@media(max-width:767.98px) {
  .letterCamp-page .section-last-content p {
    font-size: 22px
  }
}

.letterCamp-page .section-note-four {
  background-color: #fff;
  padding-bottom: 5rem
}

.letterCamp-page .section-note-four .market-note {
  background-color: transparent;
  background-image: url(/_nuxt/img/bg-31.245c66b.png);
  background-position: 50%;
  background-size: 100% 100%;
  font-size: 34px;
  line-height: 1.8;
  margin-top: 4rem;
  padding: 5rem;
  position: relative;
  text-align: center
}

@media(max-width:767.98px) {
  .letterCamp-page .section-note-four .market-note {
    font-weight: 700;
    padding: 5rem 3rem
  }
}

.letterCamp-page .section-note-four .market-note:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Ni41NiAyMy42MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmE3NTk7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTAuMDcsMTEuNDhjMSwzLjM5LDcuNjctMy43OSw4LjUyLTQuNjRDMjEuNzMsMy42OCwyNS4yNi45NCwyOS43Ni4xOEExMi4xNywxMi4xNywwLDAsMSw0MC4yMSwzLjMxYTI3LjA3LDI3LjA3LDAsMCwxLDMuNjcsNC41MmMuNTguODQsMS42MywzLjE2LDIuNTcsMy42MSwwLS4zOC44MS0xLjE0LDEtMS40NGEyOC4zNywyOC4zNywwLDAsMSwzLjg2LTVBMTUuNTEsMTUuNTEsMCwwLDEsNjMuMywxQzcyLjMyLDIsNzguMDksMTEsNzYuMiwxOS42MmMtMS40Myw2LjUxLTExLjU5LDQuNTMtMTAuMTYtMiwuNjYtMy0xLTYuNDMtNC40NC02LjM0LTQuMTQuMS01LjI2LDQuNjctNy42OCw3LjIyQTEwLjExLDEwLjExLDAsMCwxLDQzLjQsMjEuNDNDNDAuMDcsMjAuMzIsMzgsMTcuNTIsMzYsMTQuNzNjLTEuMzEtMS45MS0yLjU1LTUtNS4yNy00LjItMy45MiwxLjA5LTYuNjMsNS43NS05LjY1LDguMjJDMTQuNjcsMjQsMy4wNSwyNC4xMi4yNSwxNC43Ni0xLjY2LDguNCw4LjE1LDUuMDcsMTAuMDcsMTEuNDhaIi8+PC9nPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  content: "";
  height: 70px;
  position: absolute;
  right: 10%;
  top: -70px;
  width: 100px
}

.letterCamp-page .section-note-four .market-note:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4My41MSA4NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZjdkN2Q7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS4zMyw4Ni43QzI4LDgxLjYzLDQ0LDY2LjYyLDQ4LjY1LDQ3LjU2YTU2LjI3LDU2LjI3LDAsMCwwLDUuNzYtMi4zM0E1My43Nyw1My43NywwLDAsMCw4My4yOCw5LjQyQzg1LjUyLS4xMyw3MC43OS00LjA2LDY4LjU1LDUuNTFBMzksMzksMCwwLDEsNDkuMDcsMzAuOWMtMi4wOC0xMC43NS04LjktMjAtMjEuMy0yMC45QzExLjQsOC44NS0uMjMsMjUuNyw5Ljg2LDM5Ljg1YzUuMjMsNy4zMywxMy4yNCwxMC4yNywyMS42OCwxMC41QTQwLjU3LDQwLjU3LDAsMCwxLDUuNDYsNzJDLTQsNzQuNTItLjEzLDg5LjI2LDkuMzMsODYuN1pNMzQuNjksMzUuMTRhMjMuOCwyMy44LDAsMCwxLTUuOC0uMzJjLTIuOTEtLjU2LTEwLjMzLTQuMzQtNy04LjMsMi41My0zLDguMTgtMS4xMSwxMC4xOCwxLjQ1QTEzLjQ2LDEzLjQ2LDAsMCwxLDM0LjY5LDM1LjE0WiIvPjwvZz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  content: "";
  height: 60px;
  left: 5%;
  position: absolute;
  top: -80px;
  width: 100px
}

.letterCamp-page .section-note-four .shape {
  position: relative
}

@media(max-width:767.98px) {
  .letterCamp-page .section-note-four .shape {
    display: none
  }
}

.letterCamp-page .section-note-four .shape:before {
  background-image: url(/_nuxt/img/cloud.a2d701b.svg);
  background-repeat: no-repeat;
  content: "";
  height: 50px;
  position: absolute;
  right: 50%;
  top: 60px;
  width: 100px
}

.letterCamp-page .section-note-four .line-wave-top {
  transform: translateY(-40px)
}

.letterCamp-page .section-note-four .line-wave-bottom {
  transform: rotate(180deg) translateY(40px) translateX(-60px)
}

.letterCamp-page .section-note-four .line-wave-bottom,
.letterCamp-page .section-note-four .line-wave-top {
  background-color: #87d65b
}

.line-wave-bottom,
.line-wave-top {
  --size: 20px;
  --R: calc(var(--size)*1.35);
  background-color: #31c4c2;
  height: 50px;
  -webkit-mask: radial-gradient(27px at 50% 38px, #000 99%, transparent 101%) calc(50% - 39px) 0/80px 100%, radial-gradient(27px at 50% -18px, transparent 99%, #000 101%) 50% 20px/80px 100% repeat-x;
  -webkit-mask: radial-gradient(var(--R) at 50% calc(var(--size)*1.9), #000 99%, transparent 101%) calc(50% - var(--size)*1.95) 0/calc(var(--size)*4) 100%, radial-gradient(var(--R) at 50% calc(var(--size)*-.9), transparent 99%, #000 101%) 50% var(--size)/calc(var(--size)*4) 100% repeat-x
}

.line-wave-bottom {
  transform: rotate(180deg) translateX(-60px);
  transform-origin: center;
  width: calc(100% + 60px)
}

.modalSubscription .card-header .title {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 24px;
  font-weight: 700
}

.modalSubscription .btnSubmit {
  font-weight: 700;
  height: auto;
  padding: 15px 30px
}

.modalSubscription .sendImage img {
  width: 64px
}

.modalSubscription .label {
  color: #8f4475;
  color: var(--mainColor);
  font-size: 18px;
  font-weight: 700
}

.nuxt-progress {
  background-color: #ffc740;
  height: 3px;
  left: auto;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  transition: width .1s, opacity .4s;
  width: 0;
  z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
  transition: none
}

.nuxt-progress-failed {
  background-color: red
}








/* إخفاء قائمة الجوال على الشاشات الكبيرة */
.mobile-menu {
  display: none;
}

/* إظهار قائمة الجوال على شاشات الجوال فقط */
@media (max-width: 768px) {
  .navbar-menu {
    display: none; /* إخفاء قائمة التنقل الأساسية */
  }

  .mobile-menu {
    display: block;
    position: fixed;
    top: -100%; /* إخفاء القائمة في الأعلى */
    left: 0;
    width: 100%;
    height: auto; /* يمكن تغييرها لتكون 100% إذا أردت ملء الشاشة */
    background-color: #fff;
    transition: top 0.3s ease-in-out;
    z-index: 1000;
  }

  .mobile-menu.active {
    top: 0; /* إظهار القائمة عند التفعيل */
  }

  .mobile-menu-header {
    display: flex;
    justify-content: flex-end; /* وضع زر الإغلاق في اليسار أو اليمين حسب التصميم */
    padding: 10px;
  }

  .close-btn {
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
  }

  .mobile-menu-items {
    list-style: none;
    padding: 20px;
  }

  .mobile-menu-items li a {
    display: block;
    padding: 10px 0;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #eee;
  }
}


/* Styling for the new user buttons section */
.user-buttons {
    gap: 10px;
}

/* Style for the "My Courses" button */
.btn-courses {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background-color: #ff9900;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.btn-courses:hover {
    background-color: #e68a00;
}

/* Dropdown menu container */
.dropdown-user-menu {
    position: relative;
    display: inline-block;
}

.dropdown-trigger-user {
    cursor: pointer;
}

.btn-user-profile {
    display: flex;
    align-items: center;
    background-color: #363636;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    gap: 8px;
    transition: background-color 0.3s;
}

.btn-user-profile:hover {
    background-color: #2c2c2c;
}

.user-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
}

.user-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Hide dropdown content by default */
.dropdown-menu-user {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 5px;
    min-width: 200px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    z-index: 1000;
    padding: 0.5rem 0;
}

/* Show dropdown content when parent has 'is-active' class */
.dropdown-user-menu.is-active .dropdown-menu-user {
    display: block;
}

.dropdown-content-user {
    display: flex;
    flex-direction: column;
}

.dropdown-item-user {
    color: #4a4a4a;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: background-color 0.2s;
}

.dropdown-item-user:hover {
    background-color: #f5f5f5;
}

.dropdown-divider-user {
    background-color: #dbdbdb;
    height: 1px;
    margin: 0.5rem 0;
}

.navbar-end .navbar-item {
    display: flex;
    align-items: center;
    gap: 15px; /* لإضافة مسافة بين العناصر */
}

.cart-button {
    color: white; /* لون الأيقونة */
    font-size: 20px; /* حجم الأيقونة */
    transition: color 0.3s ease;
}

.cart-button:hover {
    color: #ffc107; /* لون عند مرور الماوس */
}

.cart-button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Cart Dropdown Container */
.cart-dropdown-container {
    position: relative;
    display: inline-block;
}

.cart-button {
    position: relative;
    color: white;
    font-size: 20px;
    text-decoration: none;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
}

.cart-button:hover {
    color: #ffc107;
}

.cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #f00;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}

/* Cart Dropdown Menu */
.cart-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    min-width: 300px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    z-index: 1000;
    padding: 1rem;
    color: #363636;
    max-height: 400px;
    overflow-y: auto;
}

/* Show the menu when the container has the 'is-active' class */
.cart-dropdown-container.is-active .cart-dropdown-menu {
    display: block;
}

/* Cart Items Styling */
.cart-items .cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

.cart-item:last-child {
    border-bottom: none;
}

.cart-item-info {
    flex-grow: 1;
}

.cart-item-name {
    font-weight: bold;
}

.cart-item-price {
    font-size: 0.9rem;
    color: #7a7a7a;
}

.remove-item {
    color: #f00;
    cursor: pointer;
    font-size: 1.2rem;
    margin-right: 10px;
}

/* Cart Summary and Checkout Button */
.cart-summary {
    margin-top: 1rem;
    border-top: 2px solid #ddd;
    padding-top: 1rem;
}

.cart-total {
    display: flex;
    justify-content: space-between;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.empty-cart-message {
    text-align: center;
    color: #7a7a7a;
    padding: 2rem 0;
}