/*!
 * Bootstrap v5.1.1 (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-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container-xs, .container-xxs, .container {
    max-width: 95%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container-xs, .container-xxs, .container {
    max-width: 90%;
  }
}
/* @media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container-xs, .container-xxs, .container {
    max-width: 960px;
  }
} */
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container-xxs, .container {
    max-width: 92%;
  }
}
@media (min-width: 1540px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container-xxs, .container {
    max-width: 1500px;
  }
}

@media (min-width: 1921px) {
	.container-fluid {
	  max-width: 1920px;
	}
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.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.33333333%;
}

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

.col-24 {
	flex: 0 0 auto;
	width: 20%;
}

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

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

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

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

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

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

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

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

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

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

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

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

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

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

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

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

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.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.75rem;
}

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

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

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

@media (min-width: 320px) {
  .col-xxs {
    flex: 1 0 0%;
  }

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

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

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

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

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

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

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

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

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

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

  .col-xxs-24 {
    flex: 0 0 auto;
    width: 20%;
  }

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

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

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

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

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

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

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

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

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

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

  .offset-xxs-0 {
    margin-left: 0;
  }

  .offset-xxs-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxs-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxs-24 {
    margin-left: 20%;
  }

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

  .offset-xxs-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxs-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-xxs-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxs-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-xxs-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxs-11 {
    margin-left: 91.66666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-xxs-5,
.gy-xxs-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 420px) {
  .col-xs {
    flex: 1 0 0%;
  }

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

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

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

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

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

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

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

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

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

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

  .col-xs-24 {
    flex: 0 0 auto;
    width: 20%;
  }

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

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

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

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

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

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

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

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

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

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

  .offset-xs-0 {
    margin-left: 0;
  }

  .offset-xs-1 {
    margin-left: 8.33333333%;
  }

  .offset-xs-2 {
    margin-left: 16.66666667%;
  }

  .offset-xs-24 {
    margin-left: 20%;
  }

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

  .offset-xs-4 {
    margin-left: 33.33333333%;
  }

  .offset-xs-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-xs-7 {
    margin-left: 58.33333333%;
  }

  .offset-xs-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-xs-10 {
    margin-left: 83.33333333%;
  }

  .offset-xs-11 {
    margin-left: 91.66666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .g-xs-5,
.gy-xs-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.33333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-24 {
    margin-left: 20%;
  }

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

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .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.33333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-24 {
    margin-left: 20%;
  }

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

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .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.33333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-24 {
    margin-left: 20%;
  }

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

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .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.33333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-24 {
    margin-left: 20%;
  }

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

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .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.33333333%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-24 {
    margin-left: 20%;
  }

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

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

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

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

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

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .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;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

/* 
@each $color, $value in $table-variants {
  @include table-variant($color, $value);
} */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 319.98px) {
  .table-responsive-xxs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 419.98px) {
  .table-responsive-xs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 319.98px) {
  .modal-fullscreen-xxs-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxs-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxs-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxs-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxs-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 419.98px) {
  .modal-fullscreen-xs-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xs-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xs-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xs-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xs-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.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;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !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;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 320px) {
  .d-xxs-inline {
    display: inline !important;
  }

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

  .d-xxs-block {
    display: block !important;
  }

  .d-xxs-grid {
    display: grid !important;
  }

  .d-xxs-table {
    display: table !important;
  }

  .d-xxs-table-row {
    display: table-row !important;
  }

  .d-xxs-table-cell {
    display: table-cell !important;
  }

  .d-xxs-flex {
    display: flex !important;
  }

  .d-xxs-inline-flex {
    display: inline-flex !important;
  }

  .d-xxs-none {
    display: none !important;
  }

  .gap-xxs-0 {
    gap: 0 !important;
  }

  .gap-xxs-1 {
    gap: 0.25rem !important;
  }

  .gap-xxs-2 {
    gap: 0.5rem !important;
  }

  .gap-xxs-3 {
    gap: 1rem !important;
  }

  .gap-xxs-4 {
    gap: 1.5rem !important;
  }

  .gap-xxs-5 {
    gap: 3rem !important;
  }

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

  .order-xxs-0 {
    order: 0 !important;
  }

  .order-xxs-1 {
    order: 1 !important;
  }

  .order-xxs-2 {
    order: 2 !important;
  }

  .order-xxs-3 {
    order: 3 !important;
  }

  .order-xxs-4 {
    order: 4 !important;
  }

  .order-xxs-5 {
    order: 5 !important;
  }

  .order-xxs-last {
    order: 6 !important;
  }

  .text-xxs-start {
    text-align: left !important;
  }

  .text-xxs-end {
    text-align: right !important;
  }

  .text-xxs-center {
    text-align: center !important;
  }
}
@media (min-width: 420px) {
  .d-xs-inline {
    display: inline !important;
  }

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

  .d-xs-block {
    display: block !important;
  }

  .d-xs-grid {
    display: grid !important;
  }

  .d-xs-table {
    display: table !important;
  }

  .d-xs-table-row {
    display: table-row !important;
  }

  .d-xs-table-cell {
    display: table-cell !important;
  }

  .d-xs-flex {
    display: flex !important;
  }

  .d-xs-inline-flex {
    display: inline-flex !important;
  }

  .d-xs-none {
    display: none !important;
  }

  .gap-xs-0 {
    gap: 0 !important;
  }

  .gap-xs-1 {
    gap: 0.25rem !important;
  }

  .gap-xs-2 {
    gap: 0.5rem !important;
  }

  .gap-xs-3 {
    gap: 1rem !important;
  }

  .gap-xs-4 {
    gap: 1.5rem !important;
  }

  .gap-xs-5 {
    gap: 3rem !important;
  }

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

  .order-xs-0 {
    order: 0 !important;
  }

  .order-xs-1 {
    order: 1 !important;
  }

  .order-xs-2 {
    order: 2 !important;
  }

  .order-xs-3 {
    order: 3 !important;
  }

  .order-xs-4 {
    order: 4 !important;
  }

  .order-xs-5 {
    order: 5 !important;
  }

  .order-xs-last {
    order: 6 !important;
  }

  .text-xs-start {
    text-align: left !important;
  }

  .text-xs-end {
    text-align: right !important;
  }

  .text-xs-center {
    text-align: center !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;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !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;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !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;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !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;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !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;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !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;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !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;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !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;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !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;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !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;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !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;
  }
}


@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {
	0%,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {
	0%,
	50%,
	to {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,
	50%,
	to {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

/* @-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}
	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}
	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}
	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}
	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}
	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}
	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
} */

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

/* @-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg)
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg)
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg)
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg)
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
} */

@-webkit-keyframes jello {
	0%,
	11.1%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}
	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}
	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}
	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}
	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}
	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}
	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes jello {
	0%,
	11.1%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}
	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}
	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}
	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}
	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}
	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}
	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bounceIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInLeft {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInRight {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

/* @-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
} */

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

/* @-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
} */

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

/* @-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
} */

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

/* @-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
} */

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

/* @-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
} */

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

/* @-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
} */

/* @-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
} */

/* @-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
} */

/* @-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
} */

/* @-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
} */

/* @-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
} */

/* @-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
} */

/* @-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
} */

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	to {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	to {
		-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

/* @-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
} */

/* @-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
} */

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg)
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

/* @-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
} */

/* @-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
} */

/* @-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
} */

 @-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}
	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}
	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

 @-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}
	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}
	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

/* @-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}
	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}
	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
} */

/* @-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}
	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}
	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
} */

/* @-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}
	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}
	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
} */

/* @-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge
} */

@-webkit-keyframes jackInTheBox {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}
	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes jackInTheBox {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) rotate(30deg);
		transform: scale(.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}
	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
		transform: translate3d(-100%, 0, 0) rotate(-120deg)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
		transform: translate3d(100%, 0, 0) rotate(120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	to {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.delay-0 {
	-webkit-animation-delay: 0;
	animation-delay: 0
}

.animated.delay-500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.animated.delay-1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-1500 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s
}

.animated.delay-2000 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-2500 {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s
}

.animated.delay-3000 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4000 {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5000 {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
	.animated {
		-webkit-animation-duration: 1ms!important;
		animation-duration: 1ms!important;
		-webkit-transition-duration: 1ms!important;
		transition-duration: 1ms!important;
		-webkit-animation-iteration-count: 1!important;
		animation-iteration-count: 1!important
	}
}

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}


@charset "UTF-8";
/**
* Cria um background responsivo utilizando o nome do arquivo como parametro.
* O nome do arquivo deve ser o mesmo para desktop e mobile, com a diferença de sufixo no diretório remoto.
* Os arquivos de background devem estar localizados em /images/layout/backgrounds/
* Exemplos:
* @include responsive-background("bg-name");
* /images/layout/backgrounds/bg-name-desktop.jpg
* /images/layout/backgrounds/bg-name-mobile.jpg
*/
/**
* Cria um background responsivo utilizando o URL dos arquivos desktop e mobile como parâmetro
* @include responsive-background-as("bg-desktop.jpg", "bg-mobile.jpg");
*/
@font-face {
  font-family: "Zanon";
  src: url("https://cdn2.cardume.digital/fonts/default/Zanon-VF.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-stretch: 75% 125%;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("https://cdn2.cardume.digital/public/sites/zanon/fonts/icomoon.eot");
  src: url("https://cdn2.cardume.digital/public/sites/zanon/fonts/icomoon.eot#iefix") format("embedded-opentype"), url("https://cdn2.cardume.digital/public/sites/zanon/fonts/icomoon.ttf") format("truetype"), url("https://cdn2.cardume.digital/public/sites/zanon/fonts/icomoon.woff") format("woff"), url("https://cdn2.cardume.digital/public/sites/zanon/fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
i[class^=icon-] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail-7:before {
  content: "";
}

.icon-bulb:before {
  content: "";
}

.icon-calendar-3:before {
  content: "";
}

.icon-camera-3:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-left-quote-4:before {
  content: "";
}

.icon-bubble:before {
  content: "";
}

.icon-phone-6:before {
  content: "";
}

.icon-pin-6:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-right-quote-4:before {
  content: "";
}

.icon-target-3:before {
  content: "";
}

.icon-user-3:before {
  content: "";
}

.icon-cardume:before {
  content: "";
}

.icon-clock-21:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-clock-2:before {
  content: "";
}

.icon-outline-heart:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-heart-2:before {
  content: "";
}

.icon-send:before {
  content: "";
}

.icon-send-2:before {
  content: "";
}

.icon-marker:before {
  content: "";
}

.icon-comment:before {
  content: "";
}

.icon-tag:before {
  content: "";
}

.icon-tag-2:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-mail-3:before {
  content: "";
}

.icon-mail-4:before {
  content: "";
}

.icon-mail-5:before {
  content: "";
}

.icon-mail-61:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-phone-3:before {
  content: "";
}

.icon-phone-4:before {
  content: "";
}

.icon-phone-5:before {
  content: "";
}

.icon-phone-51:before {
  content: "";
}

.icon-pin:before {
  content: "";
}

.icon-pin-3:before {
  content: "";
}

.icon-pin-4:before {
  content: "";
}

.icon-pin-5:before {
  content: "";
}

.icon-whatsapp:before {
  content: "";
}

.icon-whatsapp-4:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-facebook-2:before {
  content: "";
}

.icon-facebook-3:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-linkedin-2:before {
  content: "";
}

.icon-linkedin-3:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-behance:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-skype:before {
  content: "";
}

.icon-tiktok:before {
  content: "";
}

.icon-cart:before {
  content: "";
}

.icon-cart-2:before {
  content: "";
}

.icon-down:before {
  content: "";
}

.icon-down-2:before {
  content: "";
}

.icon-up:before {
  content: "";
}

.icon-up-2:before {
  content: "";
}

.icon-right:before {
  content: "";
}

.icon-right-2:before {
  content: "";
}

.icon-right-4:before {
  content: "";
}

.icon-left:before {
  content: "";
}

.icon-left-2:before {
  content: "";
}

.icon-left-4:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-close-2:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-plus-2:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-minus-2:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-link-2:before {
  content: "";
}

.icon-attachment:before {
  content: "";
}

.icon-attachment-2:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-download-2:before {
  content: "";
}

.icon-download-3:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-check-2:before {
  content: "";
}

.icon-check-3:before {
  content: "";
}

.icon-check-4:before {
  content: "";
}

.icon-check-5:before {
  content: "";
}

.icon-check-6:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-home-2:before {
  content: "";
}

.icon-home-3:before {
  content: "";
}

.icon-home-4:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-search-2:before {
  content: "";
}

.icon-search-3:before {
  content: "";
}

.icon-search-4:before {
  content: "";
}

.icon-search-5:before {
  content: "";
}

.icon-zoom:before {
  content: "";
}

.icon-zoom-2:before {
  content: "";
}

.icon-left-quote:before {
  content: "";
}

.icon-left-quote-2:before {
  content: "";
}

.icon-left-quote-3:before {
  content: "";
}

.icon-right-quote:before {
  content: "";
}

.icon-right-quote-2:before {
  content: "";
}

.icon-right-quote-3:before {
  content: "";
}

.icon-camera:before {
  content: "";
}

.icon-camera-2:before {
  content: "";
}

.icon-picture:before {
  content: "";
}

.icon-picture-2:before {
  content: "";
}

.icon-binoculars:before {
  content: "";
}

.icon-target-2:before {
  content: "";
}

.icon-rocket:before {
  content: "";
}

.icon-diamond:before {
  content: "";
}

.icon-hands:before {
  content: "";
}

.icon-handshake:before {
  content: "";
}

.icon-medal:before {
  content: "";
}

.icon-medal-2:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-earphone:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-logoff:before {
  content: "";
}

.icon-doc:before {
  content: "";
}

.icon-doc-2:before {
  content: "";
}

.icon-doc-4:before {
  content: "";
}

.icon-jpg:before {
  content: "";
}

.icon-jpg-2:before {
  content: "";
}

.icon-jpg-4:before {
  content: "";
}

.icon-pdf:before {
  content: "";
}

.icon-pdf-2:before {
  content: "";
}

.icon-pdf-4:before {
  content: "";
}

.icon-png:before {
  content: "";
}

.icon-png-2:before {
  content: "";
}

.icon-png-4:before {
  content: "";
}

.icon-pt-4:before {
  content: "";
}

.icon-xls:before {
  content: "";
}

.icon-xls-2:before {
  content: "";
}

.icon-xls-4:before {
  content: "";
}

.icon-zip:before {
  content: "";
}

.icon-zip-2:before {
  content: "";
}

.icon-zip-4:before {
  content: "";
}

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: 0 !important;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

html.loading {
  overflow: hidden;
}

html.loading .tns-item:not(.tns-slide-active) .banner .background,
html.loading section,
html.loading section::before,
html.loading section::after,
html.loading .page-footer {
  background-image: none !important;
}

::-moz-placeholder {
  color: rgba(136, 136, 136, 0.75);
}

:-ms-input-placeholder {
  color: rgba(136, 136, 136, 0.75);
}

::placeholder {
  color: rgba(136, 136, 136, 0.75);
}

:-moz-placeholder {
  color: rgba(136, 136, 136, 0.75);
}

::-moz-placeholder {
  color: rgba(136, 136, 136, 0.75);
}

:-ms-input-placeholder {
  color: rgba(136, 136, 136, 0.75);
}

::-ms-input-placeholder {
  color: rgba(136, 136, 136, 0.75);
}

::-moz-selection {
  background: #0F2133 !important;
  color: #FFF;
}

::selection {
  background: #0F2133 !important;
  color: #FFF;
}

::-moz-selection {
  background: #0F2133 !important;
  color: #FFF;
}

::-webkit-selection {
  background: #0F2133 !important;
  color: #FFF;
}

::-ms-selection {
  background: #0F2133 !important;
  color: #FFF;
}

::-o-selection {
  background: #0F2133 !important;
  color: #FFF;
}

main {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
}

button,
a {
  text-decoration: none !important;
  cursor: pointer;
  color: inherit;
  background-color: transparent;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

a[href="javascript:;"] {
  pointer-events: none;
  cursor: default;
}

span {
  color: inherit;
}

.text,
.description,
.title,
.subtitle {
  position: relative;
}

@media only screen and (max-width: 575px) {
  .text .title br {
    content: "";
  }

  .text .title br::before {
    content: " ";
  }
}
.text .description ul,
.text .description ol,
.text .description p {
  margin: 0 0 15px;
}

.text .description ul:last-of-type,
.text .description ol:last-of-type,
.text .description p:last-of-type {
  margin-bottom: 0;
}

.text .description ul:last-of-type + *,
.text .description ol:last-of-type + *,
.text .description p:last-of-type + * {
  margin-top: 15px;
}

.text .description ul, .text .description ol {
  list-style-position: inside;
  text-align: left;
}

/* 
.description:not(.output-text){
	ul{
		list-style: none;

		li{
			position: relative;
			margin-bottom: 10px;

			&::before{
				display: inline;
				content: '●';
				position: relative;
				top: -2px;
				margin-right: 8px;
			}

			&:last-child{
				margin-bottom: 0;
			}
		}
	}
}
 */
.output-text {
  width: 100%;
}

.output-text > *:last-child {
  margin-bottom: 0 !important;
}

.output-text * {
  display: none !important;
  color: inherit;
}

.output-text h2,
.output-text h3,
.output-text h4,
.output-text h5,
.output-text h6 {
  display: block !important;
  text-transform: none;
  margin-bottom: 15px;
}

.output-text ul,
.output-text ol,
.output-text blockquote,
.output-text p {
  display: block !important;
  margin-bottom: 15px;
}

.output-text blockquote {
  padding: 20px 30px;
  border-left: 5px solid;
  background-color: #F0F1F5;
}

.output-text blockquote p {
  font-size: inherit;
}

.output-text blockquote p:last-child {
  margin: 0;
}

.output-text ol, .output-text ul {
  list-style-position: inside;
  text-align: left;
}

.output-text ol > li, .output-text ul > li {
  display: list-item !important;
  margin-bottom: 10px;
}

.output-text ol > li:last-child, .output-text ul > li:last-child {
  margin: 0;
}

.output-text a {
  text-decoration: underline !important;
  display: inline !important;
}

.output-text span,
.output-text b,
.output-text strong,
.output-text i,
.output-text u,
.output-text em {
  display: inline !important;
}

.output-text img {
  display: inline-block !important;
  height: auto;
}

.output-text hr {
  display: block !important;
  border: 0;
  border-top: 1px solid;
  margin: 30px 0 !important;
}

.output-text table {
  display: table !important;
  min-width: 500px;
  width: 100% !important;
  text-align: left;
  margin-bottom: 15px;
}

.output-text thead {
  display: table-header-group !important;
}

.output-text tbody {
  display: table-row-group !important;
}

.output-text tr {
  display: table-row !important;
}

.output-text td,
.output-text th {
  display: table-cell !important;
  padding: 15px;
}

.output-text div,
.output-text .table-responsive,
.output-text br {
  display: block !important;
}

.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(240, 241, 245, 0.5);
  color: inherit;
  --bs-table-accent-bg: transparent ;
}

.table.table-striped tbody tr:nth-of-type(even) {
  background-color: #F0F1F5;
  color: inherit;
}

.table.table-striped tbody tr th, .table.table-striped tbody tr td {
  border: 0;
}

.table.table-striped thead tr {
  background-color: #F0F1F5;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}

figure {
  position: relative;
  display: block;
}

.grecaptcha-badge {
  bottom: 100px !important;
  opacity: 0;
  z-index: 999999;
}

section {
  position: relative;
  padding: 60px 0;
  /*@include breakpoint($xxxl, "min") {
  	background-size: cover;
  }*/
  /* .container:has(.wow){
  	@include breakpoint($lg, "min"){
  		position: relative;
  		overflow: hidden
  	}
  } */
}

@media only screen and (min-width: 768px) {
  section {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 992px) {
  section {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  section {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 1540px) {
  section {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  section {
    text-align: center;
  }
}
section .container {
  position: relative;
}

.spacer {
  position: relative;
}

.spacer-xxxl {
  height: 60px;
}

@media only screen and (min-width: 768px) {
  .spacer-xxxl {
    height: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .spacer-xxxl {
    height: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .spacer-xxxl {
    height: 90px;
  }
}
@media only screen and (min-width: 1540px) {
  .spacer-xxxl {
    height: 100px;
  }
}
.spacer-xxl {
  height: 30px;
}

@media only screen and (min-width: 768px) {
  .spacer-xxl {
    height: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .spacer-xxl {
    height: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .spacer-xxl {
    height: 45px;
  }
}
@media only screen and (min-width: 1540px) {
  .spacer-xxl {
    height: 50px;
  }
}
.spacer-xl {
  height: 30px;
}

@media only screen and (min-width: 1200px) {
  .spacer-xl {
    height: 35px;
  }
}
@media only screen and (min-width: 1540px) {
  .spacer-xl {
    height: 40px;
  }
}
.spacer-lg {
  height: 30px;
}

.spacer-md {
  height: 20px;
}

.spacer-sm {
  height: 15px;
}

.spacer-xs {
  height: 10px;
}

.spacer-xxs {
  height: 5px;
}

.owl-lazy:not(.loaded),
.lazy {
  background-color: transparent;
  background-image: url("https://cdn2.cardume.digital/public/sites/zanon/images/images-loader.svg");
  background-repeat: no-repeat;
  background-position: center;
}

#pdf {
  height: 100vh;
}

#pdf .no-support .btn {
  margin-top: 30px;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body {
  font-family: "carbona-variable", sans-serif;
  font-size: 20px;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.4);
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
}

@media only screen and (max-width: 1539px) {
  body {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1199px) {
  body {
    font-size: 18px;
  }
}
.small {
  font-size: 90%;
}

@media only screen and (max-width: 1199px) {
  .small {
    font-size: 95%;
  }
}
.smaller {
  font-size: 80%;
}

@media only screen and (max-width: 1199px) {
  .smaller {
    font-size: 85%;
  }
}
.big {
  font-size: 110%;
}

b,
strong {
  font-weight: 700;
}

p {
  line-height: 1.5;
  text-wrap: pretty;
}

li {
  text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  text-wrap: balance;
}

h1,
h2 {
  line-height: 1.1;
}

h3 {
  line-height: 1.2;
}

h4,
h5,
h6 {
  line-height: 1.3;
}

h1 {
  font-size: 30px;
}

@media only screen and (min-width: 420px) {
  h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) {
  h1 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 46px;
  }
}
@media only screen and (min-width: 1200px) {
  h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1540px) {
  h1 {
    font-size: 54px;
  }
}
h1.small,
h2 {
  font-size: 28px;
}

@media only screen and (min-width: 420px) {
  h1.small,
h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) {
  h1.small,
h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  h1.small,
h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) {
  h1.small,
h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  h1.small,
h2 {
    font-size: 44px;
  }
}
@media only screen and (min-width: 1540px) {
  h1.small,
h2 {
    font-size: 50px;
  }
}
h3 {
  font-size: 26px;
}

@media only screen and (min-width: 420px) {
  h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) {
  h3 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) {
  h3 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1200px) {
  h3 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1540px) {
  h3 {
    font-size: 40px;
  }
}
h4 {
  font-size: 24px;
}

@media only screen and (min-width: 576px) {
  h4 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) {
  h4 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1540px) {
  h4 {
    font-size: 30px;
  }
}
h5 {
  font-size: 23px;
}

@media only screen and (min-width: 576px) {
  h5 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  h5 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1540px) {
  h5 {
    font-size: 26px;
  }
}
h6 {
  font-size: 20px;
}

@media only screen and (min-width: 576px) {
  h6 {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1540px) {
  h6 {
    font-size: 22px;
  }
}
.text .title {
  font-weight: 100;
  font-family: "Zanon", sans-serif;
}

.text .subtitle {
  display: inline-block;
  font-weight: 400;
  font-size: 18px;
  font-family: "Zanon", sans-serif;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
  .text .subtitle {
    font-size: 16px;
    letter-spacing: 6px;
  }
}
@media only screen and (max-width: 575px) {
  .text .subtitle {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
.output-text h2 {
  font-size: 170%;
}

.output-text h3 {
  font-size: 150%;
}

.output-text h4 {
  font-size: 130%;
}

.output-text h5 {
  font-size: 120%;
}

.output-text h6 {
  font-size: 110%;
}

.output-text div,
.output-text ul,
.output-text ol,
.output-text blockquote,
.output-text p {
  line-height: 1.6;
}

.output-text blockquote {
  font-size: 110%;
}

.output-text table {
  font-size: 90%;
  line-height: 1.4;
}

.accordion-group {
  text-align: left;
}

.accordion-group .accordion {
  margin-bottom: 20px;
  background-color: #F0F1F5;
  /* 	border: 2px solid $color-dark; */
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

@media only screen and (max-width: 991px) {
  .accordion-group .accordion {
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .accordion-group .accordion {
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
.accordion-group .accordion.active {
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

@media only screen and (max-width: 991px) {
  .accordion-group .accordion.active {
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .accordion-group .accordion.active {
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
.accordion-group .accordion.active .accordion-header {
  align-items: flex-start;
}

.accordion-group .accordion.active .accordion-header::after {
  content: "";
}

.accordion-group .accordion.active .accordion-body {
  display: block;
}

.accordion-group .accordion:last-child {
  margin-bottom: 0px;
}

.accordion-group .accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.2;
  padding: 15px 15px 15px 50px;
  width: 100%;
  cursor: pointer;
  color: #0A1826;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

@media only screen and (max-width: 767px) {
  .accordion-group .accordion-header {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .accordion-group .accordion-header {
    padding-left: 20px;
  }
}
.accordion-group .accordion-header .title {
  font-weight: 500;
  font-size: 110%;
}

.accordion-group .accordion-header::after {
  content: "";
  font-family: "icomoon";
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  margin-left: 10px;
  padding: 10px 0;
  background-color: #0A1826;
  background-image: -webkit-linear-gradient(left top, #8A00E6, #0077FF);
  background-image: linear-gradient(to right bottom, #8A00E6, #0077FF);
  color: #FFF;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
}

.accordion-group .accordion-body {
  padding: 0 50px 30px;
  color: #0F2133;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .accordion-group .accordion-body {
    padding: 0 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .accordion-group .accordion-body {
    padding: 0 20px 20px;
  }
}
.box figure {
  overflow: hidden;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.content-box {
  position: relative;
  display: block;
  padding: 80px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

@media only screen and (max-width: 1539px) {
  .content-box {
    padding: 60px;
  }

  .content-box .container {
    max-width: 100% !important;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .content-box {
    -webkit-border-radius: 40px;
    border-radius: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .content-box {
    padding: 50px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .content-box {
    padding: 45px 30px 30px;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 419px) {
  .content-box {
    padding: 45px 25px 25px;
  }
}
.brand-box {
  position: relative;
  display: block;
}

.brand-box video,
.brand-box iframe,
.brand-box img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.brand-box iframe {
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
}

.brand-box .overlay-link {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.brand-box .brand-video {
  position: relative;
}

.brand-box:has(video) .image {
  position: absolute;
  inset: 0;
}

.brand-box:has(iframe) .image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.brand-box.loaded .image {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.brand-box.loaded iframe {
  opacity: 1;
}

.counter-box {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 50px;
  gap: 30px;
  text-align: left;
  background-color: #0F2133;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  height: 100%;
}

@media only screen and (max-width: 1539px) {
  .counter-box {
    padding: 40px;
    gap: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .counter-box {
    padding: 30px;
    gap: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .counter-box {
    padding: 30px 20px;
    text-align: center;
    gap: 5px;
  }
}
@media only screen and (max-width: 419px) {
  .counter-box {
    padding: 30px 15px;
  }
}
.counter-box .number {
  font-family: "Zanon", sans-serif;
  font-weight: 100;
  line-height: 1.1;
  color: #FFF;
  font-size: 70px;
}

@media only screen and (min-width: 576px) {
  .counter-box .number {
    font-size: 75px;
  }
}
@media only screen and (min-width: 992px) {
  .counter-box .number {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .counter-box .number {
    font-size: 85px;
  }
}
@media only screen and (min-width: 1540px) {
  .counter-box .number {
    font-size: 90px;
  }
}
.counter-box .title {
  font-weight: 400;
  font-size: 140%;
  color: #FFF;
  line-height: 1.3;
}

.customer-box {
  position: relative;
  display: block;
  overflow: hidden;
}

@media only screen and (max-width: 1199px) {
  .customer-box {
    width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .customer-box {
    width: 150px;
  }
}
.customer-box img {
  width: 100%;
}

.process-box {
  position: relative;
  display: flex;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  background-image: -webkit-linear-gradient(left, #0F2133, transparent);
  background-image: linear-gradient(to right, #0F2133, transparent);
  align-items: center;
  gap: 50px;
  text-align: left;
  padding: 50px 100px;
}

@media only screen and (max-width: 1539px) {
  .process-box {
    padding: 40px 80px;
    gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .process-box {
    padding: 30px 60px;
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .process-box {
    flex-direction: column;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    align-items: flex-start;
    padding: 30px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .process-box {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .process-box {
    text-align: center;
    align-items: center;
    background-image: -webkit-linear-gradient(top, #0F2133, transparent);
    background-image: linear-gradient(to bottom, #0F2133, transparent);
    padding: 30px 20px;
    gap: 15px;
  }
}
@media only screen and (max-width: 419px) {
  .process-box {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .process-box .icon img {
    width: 90px;
  }
}
@media only screen and (min-width: 992px) {
  .process-box .right {
    flex: 0 0 calc(55% - 15px);
  }
}
@media only screen and (min-width: 1200px) {
  .process-box .right {
    flex: 0 0 calc(55% - 20px);
  }
}
@media only screen and (min-width: 1540px) {
  .process-box .right {
    flex: 0 0 calc(60% - 25px);
  }
}
.process-box .left {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  text-align: left;
}

@media only screen and (min-width: 992px) {
  .process-box .left {
    flex: 0 0 45%;
  }
}
@media only screen and (min-width: 1540px) {
  .process-box .left {
    flex: 0 0 40%;
  }
}
@media only screen and (max-width: 575px) {
  .process-box .left {
    flex-direction: column;
    text-align: center;
  }
}
.process-box .left .icon {
  flex-shrink: 0;
  width: 100px;
}

@media only screen and (max-width: 575px) {
  .process-box .left .icon {
    width: 80px;
  }
}
.process-box .subtitle {
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 7px;
  color: #0077FF;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.process-box .title {
  font-family: "Zanon", sans-serif;
  color: #FFF;
  font-weight: 100;
}

.process-box .title strong {
  font-weight: 500;
}

.process-box .title h3 {
  line-height: 1.1;
  font-size: 28px;
}

@media only screen and (min-width: 420px) {
  .process-box .title h3 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) {
  .process-box .title h3 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .process-box .title h3 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1200px) {
  .process-box .title h3 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1540px) {
  .process-box .title h3 {
    font-size: 40px;
  }
}
.process-box .description p + p {
  margin-top: 15px;
}

.font-box {
  position: relative;
  display: block;
}

.font-box:has(video) .image {
  position: absolute;
  inset: 0;
}

.font-box video,
.font-box iframe,
.font-box img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 767px) {
  .font-box video,
.font-box iframe,
.font-box img {
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
.font-box .overlay {
  position: absolute;
  inset: 0 0 3px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 60px;
  color: #FFF;
  -webkit-text-shadow: 1px 1px 2px black;
  text-shadow: 1px 1px 2px black;
  font-size: 110%;
  font-weight: 500;
  background-image: -webkit-linear-gradient(top, rgba(10, 24, 38, 0.5), transparent, rgba(10, 24, 38, 0.5));
  background-image: linear-gradient(to bottom, rgba(10, 24, 38, 0.5), transparent, rgba(10, 24, 38, 0.5));
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 991px) {
  .font-box .overlay {
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .font-box .overlay {
    padding: 30px;
    font-size: 100%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .font-box .overlay {
    padding: 20px;
  }
}
.font-box .weights {
  text-align: left;
  line-height: 1.3;
}

@media only screen and (max-width: 575px) {
  .font-box .weights {
    text-align: center;
  }
}
.font-box button {
  flex-shrink: 0;
}

.font-box .bottom,
.font-box .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

@media only screen and (max-width: 575px) {
  .font-box .bottom,
.font-box .top {
    display: none;
  }
}
.differential-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #FFF;
  height: 100%;
  color: #0A1826;
  padding: 80px 30px 120px;
}

@media only screen and (max-width: 1539px) {
  .differential-box {
    padding: 60px 30px 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .differential-box {
    padding: 50px 30px 90px;
  }
}
@media only screen and (max-width: 767px) {
  .differential-box {
    padding: 40px 20px 70px;
  }
}
.differential-box .title {
  line-height: 1.1;
  font-weight: 100;
  font-feature-settings: "ss01" 1;
  font-size: 60px;
}

@media only screen and (min-width: 420px) {
  .differential-box .title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) {
  .differential-box .title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .differential-box .title {
    font-size: 75px;
  }
}
@media only screen and (min-width: 992px) {
  .differential-box .title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .differential-box .title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 1540px) {
  .differential-box .title {
    font-size: 100px;
  }
}
.differential-box .title strong, .differential-box .title b {
  font-weight: 600;
}

.differential-box .subtitle {
  font-weight: 600;
  position: absolute;
  bottom: 30px;
  left: 15px;
  width: calc(100% - 30px);
}

.price-box {
  position: relative;
  text-align: left;
  color: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 991px) {
  .price-box {
    text-align: center;
  }
}
.price-box.featured .bottom-box, .price-box.featured .top-box {
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
}

.price-box .btn {
  width: calc(100% - 40px);
  margin: -25px 20px;
  position: relative;
  z-index: 1;
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  .price-box .btn {
    font-size: 20px;
  }
}
@media only screen and (max-width: 419px) {
  .price-box .btn {
    font-size: 18px;
  }
}
.price-box .bottom-box,
.price-box .top-box {
  position: relative;
  padding: 40px;
  background-color: rgba(131, 164, 198, 0.5);
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 1199px) {
  .price-box .bottom-box,
.price-box .top-box {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .price-box .bottom-box,
.price-box .top-box {
    padding: 30px 20px;
  }
}
.price-box .bottom-box::before,
.price-box .top-box::before {
  content: "";
  position: absolute;
  inset: 2px;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  background-color: #0A1826;
}

.price-box .bottom-box > *,
.price-box .top-box > * {
  position: relative;
}

.price-box .bottom-box {
  padding-top: 55px;
}

.price-box .top-box {
  padding-bottom: 55px;
}

.price-box .for {
  text-transform: uppercase;
  font-weight: 600;
  color: #0077FF;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  display: inline-block;
  letter-spacing: 3px;
}

.price-box .name {
  color: #FFF;
  font-weight: 300;
  line-height: 1.1;
  font-family: "Zanon", sans-serif;
  margin: 10px 0 15px;
  font-size: 28px;
}

@media only screen and (min-width: 420px) {
  .price-box .name {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) {
  .price-box .name {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  .price-box .name {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) {
  .price-box .name {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .price-box .name {
    font-size: 44px;
  }
}
@media only screen and (min-width: 1540px) {
  .price-box .name {
    font-size: 50px;
  }
}
.price-box .employees {
  display: flex;
  gap: 10px;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .price-box .employees {
    justify-content: center;
  }
}
@media only screen and (max-width: 419px) {
  .price-box .employees {
    flex-direction: column;
  }
}
.price-box .employee {
  height: 100%;
  position: relative;
  background-color: rgba(131, 164, 198, 0.5);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 20px;
  color: #FFF;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  font-family: "carbona-variable", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

@media only screen and (max-width: 1199px) {
  .price-box .employee {
    padding: 10px;
  }
}
@media only screen and (min-width: 420px) {
  .price-box .employee {
    max-width: 33%;
  }
}
@media only screen and (max-width: 419px) {
  .price-box .employee {
    width: 80%;
    text-align: center;
  }
}
.price-box .employee.active {
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  pointer-events: none;
}

.price-box .employee:hover::before {
  background-color: #0F2133;
}

.price-box .employee::before {
  content: "";
  position: absolute;
  inset: 2px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #0A1826;
  z-index: -1;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.price-box .price {
  font-weight: 400;
  margin-top: 30px;
  line-height: 1.4;
}

.price-box .full-price {
  color: #FFF;
  font-size: 40px;
  font-weight: 600;
  font-size: 28px;
}

@media only screen and (min-width: 420px) {
  .price-box .full-price {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) {
  .price-box .full-price {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .price-box .full-price {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) {
  .price-box .full-price {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1200px) {
  .price-box .full-price {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1540px) {
  .price-box .full-price {
    font-size: 40px;
  }
}
.price-box .info-top {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 575px) {
  .price-box .info-top {
    flex-direction: column;
  }
}
.price-box .info-top .info {
  flex: 0 0 calc(50% - 10px);
  white-space: nowrap;
  padding: 10px 15px;
  background-color: #0F2133;
  color: #FFF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}

.price-box .info-bottom {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.3;
  color: #FFF;
  text-align: left;
}

.price-box .info-bottom .symbol {
  font-size: 40px;
  font-weight: 100;
  color: rgba(255, 255, 255, 0.5);
  flex-shrink: 0;
  font-family: "Zanon", sans-serif;
}

@media only screen and (max-width: 767px) {
  .price-box .info-bottom .symbol {
    display: none;
  }
}
.project-box {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.project-box img {
  width: 100%;
}

.link-box {
  position: relative;
  display: block;
}

@media only screen and (min-width: 992px) {
  .link-box {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 1540px) {
  .link-box {
    margin: 0 30px;
  }
}
.link-box:hover .btn::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.link-box:hover .btn::before {
  opacity: 0;
  -webkit-transition: all 0.1s 0.3s ease-out;
  transition: all 0.1s 0.3s ease-out;
}

.link-box:has(video) .image {
  position: absolute;
  inset: 0;
}

.link-box video,
.link-box iframe,
.link-box img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .link-box video,
.link-box iframe,
.link-box img {
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .link-box video,
.link-box iframe,
.link-box img {
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
.link-box .overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  color: #FFF;
  background-color: rgba(10, 24, 38, 0.75);
  -webkit-text-shadow: 1px 1px 2px rgba(10, 24, 38, 0.5);
  text-shadow: 1px 1px 2px rgba(10, 24, 38, 0.5);
}

@media only screen and (max-width: 1539px) {
  .link-box .overlay {
    padding: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .link-box .overlay {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .link-box .overlay {
    padding: 15px 20px;
  }
}
.link-box .title {
  font-family: "Zanon", sans-serif;
  text-transform: lowercase;
  font-size: 100px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -1px;
}

@media only screen and (max-width: 1539px) {
  .link-box .title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .link-box .title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .link-box .title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .link-box .title {
    font-size: 50px;
  }
}
.link-box .subtitle {
  font-family: "Zanon", sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) {
  .link-box .subtitle {
    font-size: 120%;
  }
}
.link-box button {
  margin-top: 30px;
  flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
  .link-box button {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 419px) {
  .link-box button {
    display: none;
  }
}
.c-bn,
.btn {
  position: relative;
  font-family: "carbona-variable", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 18px 36px;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

@media only screen and (min-width: 576px) {
  .c-bn,
.btn {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 991px) {
  .c-bn,
.btn {
    font-size: 17px;
    padding: 17px 34px;
  }
}
@media only screen and (max-width: 767px) {
  .c-bn,
.btn {
    font-size: 16px;
    padding: 16px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .c-bn,
.btn {
    font-size: 14px;
    line-height: 1.2;
    padding: 14px 26px;
  }
}
.c-bn:has(i),
.btn:has(i) {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.c-bn::after, .c-bn::before,
.btn::after,
.btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.c-bn::after,
.btn::after {
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.c-bn::before,
.btn::before {
  -webkit-transition: all 0.1s 0s ease-out;
  transition: all 0.1s 0s ease-out;
}

.c-bn:disabled,
.btn:disabled {
  opacity: 0.5;
  pointer-events: none !important;
}

@media only screen and (min-width: 1200px) {
  .c-bn.big,
.btn.big {
    font-size: 20px;
  }
}
.c-bn.small,
.btn.small {
  font-size: 16px;
  padding: 16px 26px;
}

.c-bn.smaller,
.btn.smaller {
  font-size: 14px;
  padding: 16px 26px;
}

.c-bn.full,
.btn.full {
  display: block;
  width: 100%;
  text-align: center;
}

.c-bn i,
.btn i {
  font-size: 110%;
  margin: -5px 0;
}

.c-bn.gradient,
.btn.gradient {
  color: #FFF;
}

.c-bn.gradient:hover,
.btn.gradient:hover {
  -webkit-box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
  box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
}

.c-bn.gradient::before,
.btn.gradient::before {
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
}

.c-bn.gradient::after,
.btn.gradient::after {
  background-color: #8A00E6;
}

.c-bn.white,
.btn.white {
  color: #0A1826;
}

.c-bn.white:hover,
.btn.white:hover {
  -webkit-box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
  box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
  color: #FFF;
}

.c-bn.white::before,
.btn.white::before {
  background-color: #FFF;
}

.c-bn.white::after,
.btn.white::after {
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
}

.c-bn.blue-line,
.btn.blue-line {
  color: #0077FF;
}

.c-bn.blue-line:hover,
.btn.blue-line:hover {
  -webkit-box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
  box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
  color: #FFF;
}

.c-bn.blue-line:hover:before,
.btn.blue-line:hover:before {
  background-color: transparent;
}

.c-bn.blue-line::before,
.btn.blue-line::before {
  background-color: transparent;
  border: 2px solid #0077FF;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.c-bn.blue-line::after,
.btn.blue-line::after {
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
}

.c-bn.white-line,
.btn.white-line {
  color: #FFF;
}

.c-bn.white-line:hover,
.btn.white-line:hover {
  -webkit-box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
  box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
}

.c-bn.white-line:hover:before,
.btn.white-line:hover:before {
  background-color: transparent;
}

.c-bn.white-line::before,
.btn.white-line::before {
  background-color: transparent;
  border: 2px solid #FFF;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.c-bn.white-line::after,
.btn.white-line::after {
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
}

.c-bn.white-line-2,
.btn.white-line-2 {
  color: #FFF;
}

.c-bn.white-line-2:hover,
.btn.white-line-2:hover {
  color: #0A1826;
}

.c-bn.white-line-2::before,
.btn.white-line-2::before {
  background-color: transparent;
  border: 2px solid #FFF;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.c-bn.white-line-2::after,
.btn.white-line-2::after {
  background-color: #FFF;
}

.c-bn.dark,
.btn.dark {
  color: #FFF;
}

.c-bn.dark:hover,
.btn.dark:hover {
  -webkit-box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
  box-shadow: 0 5px 15px -5px rgba(138, 0, 230, 0.35);
}

.c-bn.dark::before,
.btn.dark::before {
  background-color: #0A1826;
}

.c-bn.dark::after,
.btn.dark::after {
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
}

.btn::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.btn:hover::after, .btn:focus::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btn:hover::before, .btn:focus::before {
  opacity: 0;
  -webkit-transition: all 0.1s 0.3s ease-out;
  transition: all 0.1s 0.3s ease-out;
}

.btn-whats {
  position: relative;
  font-family: "carbona-variable", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 14px 26px 14px 72px;
  color: #FFF;
  background-color: transparent;
  white-space: nowrap;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

@media only screen and (max-width: 991px) {
  .btn-whats {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-whats {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .btn-whats {
    font-size: 16px;
    padding-left: 62px;
  }
}
@media only screen and (max-width: 419px) {
  .btn-whats {
    padding: 14px 30px;
  }

  .btn-whats::before {
    left: 0;
  }

  .btn-whats::after {
    display: none;
  }
}
.btn-whats:hover, .btn-whats:focus {
  color: #000;
}

.btn-whats::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-color: #128c7e;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.btn-whats:hover::before {
  background-color: #25d366;
}

.btn-whats::after {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 60px;
  height: 60px;
  background-image: url("https://cdn2.cardume.digital/public/sites/zanon/images/whatsapp.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 575px) {
  .btn-whats::after {
    width: 50px;
    height: 50px;
    top: -3px;
  }
}
.carousel {
  overflow: hidden;
}

.carousel.full .tns-item {
  height: 100%;
}

.tns-outer {
  position: relative;
}

/* 
.tns-item{
	transition-duration: .75s!important;
    animation-duration: .75s!important;
}
 */
/* Setas */
.tns-controls {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

.tns-controls button {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.tns-controls button:first-child {
  left: 0;
}

.tns-controls button:last-child {
  right: 0;
}

/* Dots */
.tns-nav {
  position: relative;
  margin-top: 20px;
  /* 	position: absolute;
  	bottom: -30px; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

.tns-nav span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 5px;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  background-color: #F0F1F5;
  border: 1px solid rgba(131, 164, 198, 0.5);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.tns-nav span:after {
  content: "";
  opacity: 0;
  position: absolute;
  inset: 4px;
  background-color: #0A1826;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.tns-nav span.tns-nav-active {
  pointer-events: none;
}

.tns-nav span.tns-nav-active::after {
  opacity: 1;
}

.tns-nav span:hover {
  background: rgba(131, 164, 198, 0.5);
}

/* Minis */
.tns-thumbs {
  display: inline-flex;
  margin: 0 -7.5px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .tns-thumbs {
    margin: 0 -5px;
  }
}
.tns-thumbs .tns-thumb {
  flex: 0 0 14.28%;
  max-width: 14.28%;
}

@media only screen and (max-width: 1199px) {
  .tns-thumbs .tns-thumb {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media only screen and (max-width: 767px) {
  .tns-thumbs .tns-thumb {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media only screen and (max-width: 575px) {
  .tns-thumbs .tns-thumb {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (max-width: 419px) {
  .tns-thumbs .tns-thumb {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
.tns-thumbs figure {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  margin: 15px 7.5px 0;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .tns-thumbs figure {
    margin: 10px 5px 0;
  }
}
.tns-thumbs figure:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.tns-thumbs figure.tns-nav-active img {
  border-color: #f700b1;
  opacity: 1;
}

.tns-thumbs figure img {
  width: 100%;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  opacity: 0.85;
}

.chatbot {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 999;
  width: 390px;
}

@media only screen and (max-width: 419px) {
  .chatbot {
    width: calc(100% - 30px);
  }
}
.chatbot.left {
  left: 15px;
  right: auto;
}

.chatbot.left .chat-start {
  justify-content: flex-start;
  right: auto;
  left: 0;
}

.chatbot.left .chat-start .chat-bubble {
  order: 2;
}

.chatbot.left .chat-start .chat-avatar {
  order: 1;
}

.chatbot.left .chat-bubble {
  margin-left: 15px;
  margin-right: auto;
}

.chatbot.left .chat-bubble::after {
  left: -10px;
  right: auto;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #FFF transparent transparent;
}

.chatbot.new-message .chat-start .chat-avatar::after {
  background-color: #FE4254;
  content: "1";
}

.chatbot .animated.fadeOut {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.chatbot .chat-avatar {
  position: relative;
  cursor: pointer;
  flex: 0 0 60px;
}

.chatbot .chat-avatar::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-color: #00DE8A;
  color: #FFF;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.chatbot .chat-avatar figure {
  width: 60px;
  height: 60px;
  overflow: hidden;
  background-color: #0F2133;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #0F2133;
}

.chatbot .chat-avatar img {
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.chatbot .chat-start {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}

.chatbot .chat-start.show {
  display: flex;
}

.chatbot .chat-start .chat-avatar {
  flex: 0 0 70px;
}

@media only screen and (max-width: 1199px) {
  .chatbot .chat-start .chat-avatar {
    flex: 0 0 65px;
  }
}
.chatbot .chat-start .chat-avatar figure {
  width: 70px;
  height: 70px;
}

@media only screen and (max-width: 1199px) {
  .chatbot .chat-start .chat-avatar figure {
    width: 65px;
    height: 65px;
  }
}
.chatbot .chat-start .chat-avatar:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.chatbot .chat-bubble {
  position: relative;
  color: #0A1826;
  font-weight: 400;
  background-color: #FFF;
  padding: 10px 15px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1);
  margin-right: 15px;
  display: none;
  min-height: 42px;
  min-width: 80px;
}

.chatbot .chat-bubble::after {
  content: "";
  position: absolute;
  right: -10px;
  top: calc(50% - 8px);
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #FFF;
}

.chatbot .chat-bubble.show {
  display: block;
}

.chatbot .chat-bubble .chat-text {
  font-size: 16px;
  line-height: 1.4;
}

@media only screen and (max-width: 419px) {
  .chatbot .chat-bubble .chat-text {
    font-size: 15px;
  }
}
.chatbot .chat-bubble .chat-loader {
  display: none;
}

.chatbot .chat-bubble.chat-loading {
  background-image: url("https://cdn2.cardume.digital/public/sites/zanon/images/chatbot-loader.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.chatbot .chat-bubble.chat-loading .chat-text {
  display: none;
}

.chatbot .chat {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: none;
}

.chatbot .chat.show {
  display: block;
}

.chatbot .chat.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.chatbot .chat-header {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 15px 0;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  z-index: 1;
}

.chatbot .chat-header::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 57px;
  margin-bottom: -30px;
  background-image: -webkit-linear-gradient(top, #0F2133 30px, rgba(15, 33, 51, 0) 100%);
  background-image: linear-gradient(to bottom, #0F2133 30px, rgba(15, 33, 51, 0) 100%);
}

.chatbot .chat-header .chat-text {
  margin-left: 15px;
}

.chatbot .chat-header .chat-name {
  font-weight: 600;
  color: #FFF;
  white-space: nowrap;
}

.chatbot .chat-header .chat-status {
  font-size: 14px;
  color: #00DE8A;
  margin-top: 15px;
  position: relative;
}

.chatbot .chat-header .chat-close {
  position: absolute;
  top: 17px;
  right: 15px;
  line-height: 1;
  font-size: 12px;
}

.chatbot .chat-header .chat-close i {
  color: #FFF;
}

.chatbot .chat-body {
  position: relative;
  height: auto;
  width: 100%;
  max-height: 400px;
  overflow-x: hidden;
  padding: 25px 15px 15px;
  background-color: #0F2133;
}

.chatbot .chat-message-block {
  display: flex;
  align-items: flex-end;
  margin-bottom: 50px;
}

.chatbot .chat-message-block:last-child {
  margin-bottom: 25px;
}

.chatbot .chat-message-block.bot {
  justify-content: flex-start;
  margin-right: 60px;
}

@media only screen and (max-width: 419px) {
  .chatbot .chat-message-block.bot {
    margin-right: 30px;
  }
}
.chatbot .chat-message-block.bot .chat-message-group {
  align-items: flex-start;
}

.chatbot .chat-message-block.bot .chat-message {
  background-color: #0A1826;
  color: #FFF;
  text-align: left;
  -webkit-border-radius: 20px 20px 20px 0;
  border-radius: 20px 20px 20px 0;
}

.chatbot .chat-message-block.bot .chat-message.error {
  color: #FFF;
  background-color: #FE4254;
}

.chatbot .chat-message-block.bot .chat-message + .chat-message {
  -webkit-border-radius: 0 20px 20px 20px;
  border-radius: 0 20px 20px 20px;
}

.chatbot .chat-message-block.bot time {
  left: 0;
}

.chatbot .chat-message-block.bot .chat-options {
  text-align: right;
}

.chatbot .chat-message-block.user {
  justify-content: flex-end;
  margin-left: 60px;
}

@media only screen and (max-width: 419px) {
  .chatbot .chat-message-block.user {
    margin-left: 30px;
  }
}
.chatbot .chat-message-block.user .chat-message-group {
  align-items: flex-end;
}

.chatbot .chat-message-block.user .chat-message {
  background-color: #0077FF;
  color: #FFF;
  text-align: right;
  -webkit-border-radius: 20px 0 20px 20px;
  border-radius: 20px 0 20px 20px;
}

.chatbot .chat-message-block.user time {
  right: 0;
}

.chatbot .chat-message-block .chat-avatar {
  margin-right: 15px;
  flex: 0 0 40px;
}

@media only screen and (max-width: 419px) {
  .chatbot .chat-message-block .chat-avatar {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 319px) {
  .chatbot .chat-message-block .chat-avatar {
    display: none;
  }
}
.chatbot .chat-message-block .chat-avatar figure {
  width: 40px;
  height: 40px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.chatbot .chat-message-block .chat-avatar::after {
  display: none;
}

.chatbot .chat-message-block time {
  position: absolute;
  bottom: -23px;
  font-size: 14px;
}

.chatbot .chat-message-group {
  position: relative;
  display: flex;
  flex-direction: column;
}

.chatbot .chat-message {
  display: inline-block;
  padding: 10px 10px 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  min-height: 40px;
  min-width: 80px;
  max-width: 295px;
  word-wrap: break-word;
}

@media only screen and (max-width: 419px) {
  .chatbot .chat-message {
    font-size: 15px;
  }
}
.chatbot .chat-message + .chat-message {
  margin-top: 10px;
}

.chatbot .chat-message.chat-loading {
  background-image: url("https://cdn2.cardume.digital/public/sites/zanon/images/chatbot-loader.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.chatbot .chat-message.chat-loading .chat-text {
  display: none;
}

.chatbot .chat-message.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.chatbot .chatbot-whatsapp {
  position: relative;
  padding: 0 15px 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #0A1826;
  display: flex;
  align-items: center;
  margin-top: 15px;
  white-space: nowrap;
}

@media only screen and (max-width: 419px) {
  .chatbot .chatbot-whatsapp {
    font-size: 15px;
  }
}
@media only screen and (max-width: 419px) {
  .chatbot .chatbot-whatsapp span {
    display: none;
  }
}
.chatbot .chatbot-whatsapp::before {
  content: "";
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://cdn2.cardume.digital/public/sites/zanon/images/whatsapp.svg");
}

.chatbot .chatbot-whatsapp::after {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 15px;
  right: 0;
  z-index: -1;
  background-color: #FFF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.chatbot .chatbot-whatsapp:hover, .chatbot .chatbot-whatsapp:focus {
  color: #FFF;
}

.chatbot .chatbot-whatsapp:hover::after, .chatbot .chatbot-whatsapp:focus::after {
  background-color: #00DE8A;
}

.chatbot .chat-options {
  opacity: 0;
}

.chatbot .chat-button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.chatbot .chat-button-group button {
  border: 2px solid #0077FF;
  color: #0077FF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-family: "carbona-variable", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin: 5px 0 5px 10px;
  padding: 10px 15px;
}

@media only screen and (max-width: 419px) {
  .chatbot .chat-button-group button {
    font-size: 15px;
  }
}
.chatbot .chat-button-group button:hover {
  color: #FFF;
  background-color: #0077FF;
}

.chatbot .chat-policy {
  text-align: center;
  font-size: 13px;
}

.chatbot .chat-policy a {
  color: #FFF;
}

.chatbot .chat-policy a:hover, .chatbot .chat-policy a:focus {
  color: #0077FF;
}

.chatbot .chat-footer {
  width: 100%;
  background-color: #0F2133;
  padding: 15px;
  border-top: 1px solid #0A1826;
}

.chatbot .chat-link {
  position: relative;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: #FFF;
  background-color: #0077FF;
  display: block;
  margin-top: 15px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.chatbot .chat-input-group {
  position: relative;
  display: none;
}

.chatbot .chat-input-group.show {
  display: block;
}

.chatbot .chat-input-group input {
  background-color: #0F2133;
  color: rgba(255, 255, 255, 0.5);
  border: 2px solid #0077FF;
  font-size: 16px;
  padding: 10px 45px 10px 15px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 419px) {
  .chatbot .chat-input-group input {
    font-size: 15px;
  }
}
.chatbot .chat-input-group input:focus {
  color: #FFF;
}

.chatbot .chat-input-group button {
  position: absolute;
  height: 35px;
  width: 35px;
  top: 4px;
  right: 4px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #0077FF;
}

.chatbot .chat-input-group button i {
  font-size: 24px;
  line-height: 35px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.chatbot .chat-input-group button:hover, .chatbot .chat-input-group button:focus {
  background-color: #0077FF;
}

.chatbot .chat-input-group button:hover i, .chatbot .chat-input-group button:focus i {
  color: #FFF;
}

.chatbot .chat-copy {
  text-align: center;
  font-size: 13px;
}

.chatbot .chat-copy a {
  font-weight: 600;
}

.chatbot .chat-copy a:hover, .chatbot .chat-copy a:focus {
  color: #0077FF;
}

.one-line {
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

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

.three-lines {
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.four-lines {
  -webkit-line-clamp: 4;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.five-lines {
  -webkit-line-clamp: 5;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.fancybox__backdrop {
  background-color: rgba(10, 24, 38, 0.95);
}

.fancybox__toolbar {
  color: #FFF;
  -webkit-text-shadow: none;
  text-shadow: none;
}

.carousel__button {
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.carousel__button:hover {
  color: #0077FF;
}

.carousel__button svg {
  filter: none;
}

.fancybox__thumbs .carousel__slide {
  padding: 8px;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border: 2px solid #0077FF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.fancybox__caption {
  color: #0077FF;
  text-align: center;
  font-weight: 600;
  max-width: 1200px;
}

.fancybox__caption p {
  margin-top: 10px;
  color: #FFF;
  font-weight: 300;
}

.fancybox__image {
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.float-whats {
  position: fixed;
  bottom: 15px;
  z-index: 999;
  width: 390px;
  font-weight: 400;
}

.float-whats ::-webkit-scrollbar-track {
  background-color: #FFF;
}

.float-whats ::-webkit-scrollbar-thumb {
  background-color: #128C7E;
}

.float-whats ::-webkit-scrollbar-thumb:hover {
  background-color: #0f756a;
}

@media only screen and (max-width: 419px) {
  .float-whats {
    width: calc(100% - 30px);
  }
}
.float-whats.right {
  right: 15px;
  text-align: right;
}

.float-whats.right #float-whats-content {
  right: 15px;
}

.float-whats.left {
  left: 15px;
}

.float-whats.left #float-whats-content {
  left: 15px;
}

.float-whats .whats-avatar {
  position: relative;
  cursor: pointer;
  flex: 0 0 60px;
}

.float-whats .whats-avatar figure {
  width: 60px;
  height: 60px;
  overflow: hidden;
  background-color: #FFF;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.float-whats .whats-header {
  position: relative;
  text-align: left;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 30px 15px 15px;
  background-color: #128C7E;
  z-index: 1;
  gap: 15px;
  /* 	&::before {
  	content: '';
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 57px;
  	margin-bottom: -30px;

  	@include gradient(bottom, ($color-white 40px, rgba($color-white, 0) 100%));
  } */
}

.float-whats .whats-header .whats-name {
  font-weight: 600;
  color: #FFF;
  font-family: "Zanon", sans-serif;
  white-space: nowrap;
}

.float-whats .whats-header .whats-type {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  margin-top: 5px;
  position: relative;
}

.float-whats .whats-header #whats-back {
  font-size: 24px;
  color: #FFF;
}

.float-whats .whats-header #whats-close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #FFF;
  font-size: 15px;
}

.float-whats .whats-body {
  position: relative;
  height: auto;
  width: 100%;
  max-height: 400px;
  overflow-x: hidden;
  padding: 25px 15px 15px;
  text-align: center;
  background-color: #FFF;
  background-image: url("https://cdn2.cardume.digital/public/sites/zanon/images/default/whatsapp-bg.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.float-whats .whats-policy {
  background-color: #FFF0D3;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 15px;
  color: #646256;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  max-width: 80%;
  box-shadow: -1px 1px 0 #DCD7D1;
  margin-bottom: 15px;
}

.float-whats .whats-policy a {
  color: inherit;
}

.float-whats .whats-policy a:hover, .float-whats .whats-policy a:focus {
  color: #000;
}

.float-whats .whats-message-bot {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 50px;
  margin-bottom: 30px;
}

.float-whats .whats-message-bot.hidden {
  display: none;
}

.float-whats .whats-message-bot .message {
  position: relative;
  display: inline-block;
  background-color: #FFF;
  color: #000;
  font-size: 16px;
  padding: 15px 15px 20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: -1px 1px 0 #DCD7D1;
}

.float-whats .whats-message-bot .message .time {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 12px;
  color: #7D818C;
}

.float-whats .whats-message-bot .message ul {
  list-style: none;
  margin: 15px 0 0;
  text-align: center;
}

.float-whats .whats-message-bot .message ul li button,
.float-whats .whats-message-bot .message ul li a {
  display: block;
  font-family: "carbona-variable", sans-serif;
  font-size: 16px;
  width: 100%;
  padding: 15px;
  border-top: 1px solid #F5F5F5;
  font-weight: 600;
  color: #1E7B9D;
}

.float-whats .whats-message-bot .message ul li button:hover,
.float-whats .whats-message-bot .message ul li a:hover {
  background-color: #F5F5F5;
}

.float-whats .whats-message-user {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 50px;
  margin-bottom: 30px;
}

.float-whats .whats-message-user.hidden {
  display: none;
}

.float-whats .whats-message-user .message {
  position: relative;
  display: inline-block;
  background-color: #D8FDD2 !important;
  border-color: #D8FDD2;
  color: #000 !important;
  font-size: 16px !important;
  padding: 13px 15px !important;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: -1px 1px 0 #DCD7D1;
}

.float-whats .whats-message-user .message.input-error {
  background-color: #ffd3d3;
  border-color: #ffd3d3 !important;
}

.float-whats .whats-message-user form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 15px;
  width: 100%;
}

.float-whats .whats-message-user form .alert {
  font-size: 14px;
  line-height: 1.2;
  background-color: #D2EAF2;
  color: #6C716D;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.float-whats .whats-message-user form .alert.success {
  background-color: #34a853;
}

.float-whats .whats-message-user form .alert.error {
  background-color: #ffd3d3;
  color: #000;
}

.float-whats .whats-button {
  display: inline-block;
  padding: 14px 30px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-color: #128C7E;
  color: #FFF;
  font-family: "carbona-variable", sans-serif;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
}

.float-whats .whats-button:hover, .float-whats .whats-button:focus {
  background-color: #0f756a;
}

.float-whats .whats-footer {
  width: 100%;
  background-color: #FFF;
  padding: 15px;
  text-align: center;
  font-size: 13px;
}

.float-whats .whats-footer a {
  font-weight: 600;
}

.float-whats .whats-footer a:hover, .float-whats .whats-footer a:focus {
  color: #0077FF;
}

#open-app {
  display: none;
}

#open-whats {
  cursor: pointer;
}

#whats-content {
  position: absolute;
  bottom: 70px;
  display: none;
  width: 100%;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1);
}

#whats-content.show {
  display: block;
}

select,
input,
textarea {
  display: block;
  width: 100%;
  padding: 12px 15px;
  font-family: "carbona-variable", sans-serif;
  font-size: 90%;
  font-weight: 500;
  border: 2px solid #CFDBF3;
  background-color: #FFF;
  color: #0A1826;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-appearance: none;
  /* iOS Safari e Chrome */
  -moz-appearance: none;
  /* Firefox */
  appearance: none;
}

select:focus,
input:focus,
textarea:focus {
  color: #0077FF;
}

select {
  position: relative;
}

select option {
  color: #0A1826;
}

select.empty {
  color: rgba(136, 136, 136, 0.75);
}

textarea {
  height: 140px;
  resize: none;
  overflow: hidden;
}

.checkbox-group {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 5px;
  flex-wrap: wrap;
}

.checkbox-group .checkbox {
  margin-right: 15px;
  padding-left: 30px;
}

.checkbox {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  cursor: pointer;
  text-align: left;
  padding: 5px 0 5px 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  color: #0F2133;
}

.checkbox a {
  text-decoration: underline !important;
}

.checkbox a:hover {
  color: #0077FF;
}

.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox input:checked ~ .checkmark:after {
  display: block;
}

.checkbox input.input-error ~ .checkmark {
  border-color: #ea4335 !important;
}

.checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  height: 25px;
  width: 25px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #FFF;
  border: 2px solid #CFDBF3;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 1px;
  width: 8px;
  height: 15px;
  border-style: solid;
  border-width: 0 3px 3px 0;
  border-color: #0077FF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.placeholder {
  position: absolute;
  display: block;
  font-size: 90%;
  line-height: 1.1;
  text-align: left;
  cursor: text;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  -webkit-transform: translate(15px, 16px);
  transform: translate(15px, 16px);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  margin: 0;
  color: #0F2133;
}

.placeholder span {
  font-size: 80%;
}

.placeholder.fixed, .placeholder.active {
  -webkit-transform: translate(0, -20px) scale(0.9);
  transform: translate(0, -20px) scale(0.9);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.form-group {
  position: relative;
  margin-bottom: 40px;
}

.form-group:has(.checkboxes) {
  margin-bottom: 15px;
}

.form-group:has(select)::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 22px;
  top: 18px;
  font-family: "icomoon";
  font-size: 14px;
  color: rgba(136, 136, 136, 0.75);
}

*.input-error {
  border-color: #ea4335 !important;
}

.alert {
  position: relative;
  font-size: 80%;
  line-height: 1.4;
  padding: 15px;
  color: #FFF;
  text-align: left;
  margin-bottom: 15px;
  background-color: #000;
  overflow: hidden;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.alert.success {
  background-color: #34a853;
  text-align: center;
}

.alert.error {
  background-color: #ea4335;
}

.alert p {
  line-height: 1.2;
  margin-bottom: 10px;
}

.alert p:last-of-type {
  margin-bottom: 0;
}

.alert .close {
  float: none;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 36px;
  font-weight: 300;
  line-height: 12px;
  color: inherit;
  opacity: 1;
  -webkit-text-shadow: none;
  text-shadow: none;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #0A1826;
  text-align: center;
  white-space: nowrap;
  background-color: #0077FF;
  transition: width 0.6s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
}

.contact-list {
  list-style: none;
  margin: 0;
  display: inline-block;
  padding-top: 5px;
}

.contact-list li {
  position: relative;
  margin: 0 0 20px;
}

.contact-list li:last-child {
  margin: 0;
}

.contact-list a {
  display: flex;
  align-items: center;
  gap: 7.5px;
  color: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 575px) {
  .contact-list a {
    justify-content: center;
  }
}
.contact-list a:hover, .contact-list a:focus {
  color: #0077FF;
}

.contact-list i {
  flex-shrink: 0;
  font-size: 130%;
  margin: -5px 0 -7px;
}

.social-list {
  list-style: none;
  margin-bottom: 0;
  display: inline-flex;
}

.social-list li {
  margin-right: 15px;
}

.social-list li:last-child {
  margin-right: 0;
}

.social-list a {
  display: block;
  font-size: 28px;
}

.breadcrumb-list {
  list-style: none;
  margin: 0;
  display: inline-flex;
}

.breadcrumb-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 75%;
  font-weight: 400;
  text-transform: uppercase;
  margin-right: 5px;
  line-height: 1;
}

.breadcrumb-list li::after {
  content: "";
  position: relative;
  top: -1px;
  margin-left: 5px;
  font-family: "icomoon";
  font-weight: 400;
  font-size: 50%;
}

.breadcrumb-list li:last-child {
  margin-right: 0;
}

.breadcrumb-list li:last-child::after {
  display: none;
}

.breadcrumb-list li a {
  display: block;
}

@media only screen and (max-width: 419px) {
  .breadcrumb-list {
    display: none;
  }
}
.check-list {
  list-style: none;
  margin: 0;
  display: inline-flex;
  flex-direction: column;
  text-align: left;
}

.check-list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  /* \e910 \e911 \e912 \e913  */
}

.check-list li:last-child {
  margin: 0;
}

.check-list li::before {
  content: "";
  font-weight: 400;
  font-family: "icomoon";
  font-size: 30px;
  margin-right: 10px;
}

.post-list {
  list-style: none;
  margin: 0;
  text-align: left;
}

.post-list li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #888;
}

.post-list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}

.post-list a {
  display: flex;
  align-items: center;
}

.post-list a:hover .name {
  color: #f700b1;
}

.post-list figure {
  flex: 0 0 100px;
  max-width: 100px;
  margin-right: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media only screen and (max-width: 419px) {
  .post-list figure {
    display: none;
  }
}
.post-list .name {
  line-height: 1.3;
  font-size: 85%;
  font-weight: 500;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

@media only screen and (max-width: 991px) {
  .post-list .name {
    font-size: 95%;
  }
}
.post-list time {
  font-size: 75%;
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.post-list time i {
  margin-right: 5px;
}

.svg-list {
  list-style: none;
  margin: 0;
  display: inline-flex;
  flex-direction: column;
  text-align: left;
}

.svg-list li {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.svg-list li:last-child {
  margin-bottom: 0;
}

.svg-list li img {
  margin-right: 10px;
  width: 50px;
}

.modal-content {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 0;
  background-color: #FFF;
}

.modal-header {
  padding: 15px;
  min-height: 60px;
  border: 0;
}

.close-modal {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.close-modal::after, .close-modal::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
  background-color: #888;
}

.close-modal::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.close-modal::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.close-modal:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.close-modal:hover::before, .close-modal:hover::after {
  background-color: #f700b1;
}

.modal-body {
  padding: 30px 15px;
  border: 0;
}

.modal-footer {
  justify-content: center;
  padding: 15px;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.85);
}

.modal-backdrop.show {
  opacity: 1;
}

.modal.animated.zoomIn {
  -webkti-animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

#video .modal-content {
  background-color: transparent;
}

#video .modal-body {
  padding: 0;
}

.pagination {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pagination li {
  display: block;
  text-align: center;
}

.pagination li span, .pagination li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border: 2px solid;
  font-weight: 400;
  background-color: transparent;
  color: #000;
  border-color: transparent;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.pagination li.active span {
  background-color: #f700b1;
  color: #FFF;
  border-color: #f700b1;
}

.pagination li:hover a, .pagination li:focus a {
  color: #f700b1;
  border-color: #f700b1;
}

.pagination li.disabled {
  display: none;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: #0F2133;
  border: 3px solid transparent;
  background-clip: padding-box;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #0077FF;
}

nav.tabs {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}

nav.tabs:not(:has(button)) {
  display: none;
}

@media only screen and (max-width: 1199px) {
  nav.tabs {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  nav.tabs {
    margin-top: 50px;
    justify-content: center;
  }
}
@media only screen and (max-width: 575px) {
  nav.tabs {
    padding: 0;
    /* 	gap: 0;
    	flex-direction: column; */
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 15px;
  }
}
nav.tabs button {
  color: #83a4c6;
  font-family: "Zanon", sans-serif;
  font-weight: 500;
  display: inline-block;
  position: relative;
  padding: 14px 0;
  font-size: 20px;
  background-color: transparent;
  overflow: hidden;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

nav.tabs button:hover {
  color: #0F2133;
}

@media only screen and (max-width: 1539px) {
  nav.tabs button {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1199px) {
  nav.tabs button {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  nav.tabs button {
    /* flex: 0 0 100%; */
    padding: 5px 0;
  }
}
nav.tabs button.tab-active {
  color: #0A1826;
  pointer-events: none;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.tab {
  padding-top: 15px;
}

.tab:not(.tab-active) {
  display: none;
}

.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 24, 38, 0.85);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  overflow: hidden;
  overflow-y: auto;
  padding: 30px 0;
}

.popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.popup {
  background: #F0F1F5;
  color: #0A1826;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 50px;
  width: 90%;
  text-align: center;
  margin: auto;
  position: relative;
}

@media only screen and (min-width: 992px) {
  .popup.large-popup {
    width: 900px;
  }
}
@media only screen and (min-width: 1200px) {
  .popup.large-popup {
    width: 1230px;
  }
}
.popup.small-popup form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  margin-top: 20px;
}

.popup.small-popup form input {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
}

.popup.small-popup form .btn {
  display: flex;
  width: 100%;
  justify-content: center;
}

@media only screen and (min-width: 992px) {
  .popup {
    width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .popup {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .popup {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 419px) {
  .popup {
    padding: 30px 15px;
  }
}
.popup .title,
.popup .description {
  color: #0A1826 !important;
}

.popup .title {
  margin-bottom: 5px;
}

.popup .subtitle {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 400;
  font-size: 18px;
  font-family: "Zanon", sans-serif;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: #0077FF;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

@media only screen and (max-width: 991px) {
  .popup .subtitle {
    font-size: 16px;
    letter-spacing: 6px;
  }
}
@media only screen and (max-width: 575px) {
  .popup .subtitle {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
.popup-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  font-size: 34px;
  cursor: pointer;
  color: #0A1826;
  line-height: 1;
  z-index: 1;
}

.popup-close:hover {
  color: #0077FF;
}

.popup-step {
  display: none;
}

.popup-step.active {
  display: block;
}

.popup-step.loading {
  pointer-events: none;
  background-image: url("https://cdn2.cardume.digital/public/sites/zanon/images/chatbot-loader.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.popup-step.loading .step-button,
.popup-step.loading .popup-step-body {
  opacity: 0;
}

.popup-step-header {
  display: flex;
  align-items: flex-end;
  gap: 30px;
  justify-content: space-between;
  border-bottom: 1px solid #0A1826;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .popup-step-header {
    gap: 15px;
  }
}
.step-license-type {
  position: relative;
}

.step-license-type select {
  padding-right: 20px;
}

.step-license-type::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 14px;
  top: 19px;
  font-family: "icomoon";
  font-size: 14px;
  color: rgba(136, 136, 136, 0.75);
}

.step-info {
  margin-bottom: 7.5px;
  display: inline-block;
  font-weight: 400;
  font-size: 18px;
  font-family: "Zanon", sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #0077FF;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

@media only screen and (max-width: 991px) {
  .step-info {
    font-size: 16px;
    letter-spacing: 4px;
  }
}
@media only screen and (max-width: 575px) {
  .step-info {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
.step-title {
  font-weight: 600;
  font-size: 26px;
}

@media only screen and (max-width: 767px) {
  .step-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .step-title {
    font-size: 22px;
  }
}
.step-font-name {
  font-size: 16px;
}

.step-font-name span {
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  .step-font-name {
    display: flex;
    flex-direction: column;
  }

  .step-font-name span {
    font-size: 24px;
  }
}
.step-body-top {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
  padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .step-body-top {
    gap: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .step-body-top {
    flex-direction: column;
  }
}
.step-body-top select,
.step-body-top form {
  flex-shrink: 0;
}

#validate-coupon {
  text-transform: uppercase;
}

#validate-coupon:disabled {
  background-color: #F0F1F5;
}

.step-weight-selector {
  /* max-height: 45dvh;
  overflow: hidden;
  overflow-y: overlay; */
}

.step-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 7.5px;
  gap: 10px;
}

@media only screen and (max-width: 419px) {
  .step-item-row {
    flex-direction: column;
    padding: 10px;
  }
}
.step-item-row:has(input:checked) {
  font-weight: 600;
}

.step-item-row:nth-child(odd) {
  background-color: #FFF;
}

.step-item-row .checkbox {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .step-item-row .checkbox {
    font-size: 16px;
  }
}
.step-item-row .font-weight {
  width: 100%;
}

.step-item-row .font-price {
  flex-shrink: 0;
  white-space: nowrap;
}

@media only screen and (max-width: 419px) {
  .step-item-row .font-price {
    width: 100%;
    font-weight: 500;
    text-align: right;
  }
}
.popup-step-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
}

.step-total-price {
  flex: 0 0 100%;
  border: 2px solid #83a4c6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px;
  margin-top: 15px;
  gap: 30px;
  line-height: 1;
}

@media only screen and (max-width: 419px) {
  .step-total-price {
    flex-direction: column;
  }
}
.step-total-price .total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}

.step-total-price .normal-price {
  font-size: 100%;
  text-decoration: line-through;
}

.step-total-price .discount {
  color: #ea4335;
  font-size: 100%;
  margin-bottom: 10px;
}

.step-total-price .label, .step-total-price .final-price {
  font-size: 110%;
}

.step-currency {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 80%;
  text-align: left;
  flex-wrap: wrap;
}

.step-currency-info {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 10px;
  background-color: #FFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.step-currency-info img {
  flex-shrink: 0;
  width: 20px;
}

.step-checkout-form {
  /* max-height: 45dvh;
  overflow: hidden;
  overflow-y: overlay; */
  margin-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #83a4c6;
}

.checkout-form {
  padding-top: 20px;
}

.step-buttons {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .step-buttons {
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .step-buttons {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 419px) {
  .step-buttons {
    flex-direction: column;
    gap: 15px;
  }

  .step-buttons .step-button:first-child {
    order: 2;
  }

  .step-buttons .step-button:last-child {
    order: 1;
  }
}
.step-coupon {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .step-coupon {
    max-width: 45%;
  }
}
@media only screen and (max-width: 575px) {
  .step-coupon {
    max-width: 100%;
    width: 100%;
  }
}
.step-coupon.is-valid #validate-coupon {
  color: #34a853;
  border-color: #34a853;
}

.step-coupon.is-invalid #validate-coupon {
  color: #ea4335;
  border-color: #ea4335;
}

.step-coupon .message {
  position: absolute;
  left: 10px;
  top: -15px;
  font-size: 14px;
  color: #ea4335;
}

/* =============================================================================
   Etapa 3 — PayPal e estados de feedback
   ============================================================================= */
#paypal-buttons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}

.paypal-payment-info {
  flex: 0 0 100%;
}

#paypal-button,
#card-button {
  flex: 0 0 40%;
}

/* Step 3 body centralizado */
#popup-step-3 .popup-step-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 20px 0;
  text-align: center;
}

/* Ícone de sucesso / erro */
.step-paypal-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 700;
  margin: 0 auto 16px;
  color: #FFF;
}

.step-paypal-success .step-paypal-icon {
  background-color: #34a853;
}

.step-paypal-error .step-paypal-icon {
  background-color: #ea4335;
}

/* Títulos e descrições */
.step-paypal-title {
  font-size: 32px;
  font-family: "carbona-variable", sans-serif;
  font-weight: 600;
  color: #0A1826;
  margin-bottom: 8px;
}

.step-paypal-desc {
  margin-bottom: 30px;
  line-height: 1.6;
}

video::-webkit-media-controls-panel {
  display: none !important;
}

video::-webkit-media-controls-play-button {
  display: none !important;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.page-header {
  position: relative;
  /*absolute ou relative*/
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

@media only screen and (max-width: 991px) {
  .page-header .top-header > .container {
    max-width: 100%;
  }
}
.page-header .header-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
  .page-header .header-content {
    flex-wrap: wrap;
  }
}
.page-header .logo {
  position: relative;
  display: block;
  margin: 40px 0;
  max-width: 220px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

@media only screen and (max-width: 1539px) {
  .page-header .logo {
    max-width: 200px;
    margin: 30px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .page-header .logo {
    max-width: 180px;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-header .logo {
    max-width: 170px;
    margin: 15px 0;
  }
}
@media only screen and (max-width: 419px) {
  .page-header .logo {
    max-width: 150px;
  }
}
.page-header .logo svg {
  width: 100%;
}

.page-header .controls {
  display: inline-flex;
  align-items: center;
  gap: 50px;
}

@media only screen and (max-width: 1199px) {
  .page-header .controls {
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .page-header .controls {
    gap: 30px;
  }
}
@media only screen and (max-width: 419px) {
  .page-header .controls {
    gap: 15px;
  }
}
.page-header .flags {
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  flex-shrink: 0;
}

@media only screen and (max-width: 1199px) {
  .page-header .flags {
    font-size: 14px;
  }
}
.page-header .flags:hover .current {
  -webkit-border-radius: 26px 26px 0 0;
  border-radius: 26px 26px 0 0;
  border-bottom: 0;
}

.page-header .flags:hover .current i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.page-header .flags:hover .list {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s 0.1s ease-out;
  transition: all 0.3s 0.1s ease-out;
}

.page-header .flags .list {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 10px;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0 7.5px 7.5px;
  border: 2px solid;
  border-top: 0;
  -webkit-border-radius: 0 0 26px 26px;
  border-radius: 0 0 26px 26px;
  -webkit-transition: all 0.1s 0s ease-out;
  transition: all 0.1s 0s ease-out;
  opacity: 0;
  visibility: hidden;
}

.page-header .flags .current {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: transparent;
  border: 2px solid;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  padding: 8px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.page-header .flags .current i {
  display: block;
  font-size: 80%;
  margin: 0 7.5px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.page-header .flags a {
  display: flex;
  align-items: center;
  gap: 5px;
}

.page-header .flags a:hover img {
  opacity: 1;
}

.page-header .flags a.active {
  display: none;
}

.page-header .flags a img {
  opacity: 0.6;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.page-header .flags img {
  width: 30px;
}

@media only screen and (max-width: 1199px) {
  .page-header .flags img {
    width: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .page-header .flags img {
    width: 30px;
  }
}
.page-header #open-menu {
  position: relative;
  cursor: pointer;
  margin: 0;
  width: 48px;
  height: 48px;
}

@media only screen and (max-width: 575px) {
  .page-header #open-menu {
    width: 40px;
    height: 40px;
  }
}
.page-header #open-menu::after, .page-header #open-menu::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.page-header #open-menu:before {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

.page-header #open-menu:after {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}

.page-header #open-menu span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  overflow: hidden;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.page-header .service-control {
  position: relative;
  display: inline-flex;
  width: 300px;
  height: 50px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .page-header .service-control {
    display: none;
  }
}
.page-header .service-control::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 2px solid;
}

.page-header .service-control::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: 0;
}

.page-header .service-control a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  z-index: 1;
  position: relative;
}

.page-header.sticky .top-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.page-header.sticky .logo {
  margin: 10px 0;
  max-width: 170px;
}

@media only screen and (max-width: 419px) {
  .page-header.sticky .logo {
    max-width: 150px;
  }
}
#menu {
  position: fixed;
  top: 0;
  right: 0;
  height: 100dvh;
  width: 380px;
  max-width: 95%;
  -webkit-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  z-index: 1000;
  padding: 60px 50px 50px;
  overflow-y: auto;
  text-align: right;
}

#menu.is-open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

#menu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#menu > ul > li {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  order: 1;
}

#menu > ul > li.active {
  order: 0;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#menu > ul > li.active > ul {
  max-height: 800px;
}

#menu > ul > li.active .open-menu::before, #menu > ul > li:hover .open-menu::before, #menu > ul > li:focus .open-menu::before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

#menu > ul > li > a {
  display: inline-block;
  padding: 10px 0 10px;
  font-size: 36px;
}

@media only screen and (max-width: 575px) {
  #menu > ul > li > a {
    font-size: 30px;
  }
}
#menu > ul > li > ul {
  flex: 0 0 100%;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

#menu > ul > li > ul > li > a {
  padding: 15px 0;
  display: block;
  font-size: 22px;
}

@media only screen and (max-width: 575px) {
  #menu > ul > li > ul > li > a {
    font-size: 20px;
  }
}
#menu .font > a {
  font-size: 30px;
}

@media only screen and (max-width: 575px) {
  #menu .font > a {
    font-size: 26px;
  }
}
#request-font {
  font-weight: 600;
}

#close-menu {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

#close-menu::after, #close-menu::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
}

#close-menu::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

#close-menu::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

#close-menu:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.open-menu {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  height: 58px;
  width: 30px;
}

.open-menu::before {
  content: "";
  font-size: 16px;
  font-family: "icomoon";
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 24, 38, 0.5);
  z-index: 999;
  opacity: 0;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  pointer-events: none;
}

.menu-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}

.page-footer {
  position: relative;
  background-color: #0A1826;
  padding: 60px 0;
}

@media only screen and (min-width: 768px) {
  .page-footer {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 992px) {
  .page-footer {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .page-footer {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 1540px) {
  .page-footer {
    padding: 100px 0;
  }
}
.page-footer .cardume {
  font-size: 50px;
  font-weight: 400;
  margin-bottom: -50px;
  margin-top: -30px;
}

.page-footer .cardume a {
  color: rgba(255, 255, 255, 0.4);
}

.page-footer .cardume a:hover, .page-footer .cardume a:focus {
  color: #0077FF;
}

.page-footer .logo {
  margin-bottom: 60px;
}

.page-footer .logo img {
  max-width: 280px;
}

@media only screen and (max-width: 767px) {
  .page-footer .logo img {
    max-width: 80%;
  }
}
.page-footer .form-box {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 50px;
  padding: 7px 7px 7px 40px;
  background-image: -webkit-linear-gradient(left, #8A00E6, #8A00E6, #0077FF, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #8A00E6, #0077FF, #0077FF);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background-size: 150%;
  -webkit-animation: gradient 5s linear infinite;
          animation: gradient 5s linear infinite;
}

@media only screen and (max-width: 1199px) {
  .page-footer .form-box {
    flex-direction: column;
    padding: 30px;
    gap: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-footer .form-box {
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
.page-footer .form-box::before {
  content: "";
  position: absolute;
  inset: 2px;
  background-color: #0A1826;
  -webkit-border-radius: 38px;
  border-radius: 38px;
}

@media only screen and (max-width: 1199px) {
  .page-footer .form-box::before {
    -webkit-border-radius: 28px;
    border-radius: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .page-footer .form-box::before {
    -webkit-border-radius: 18px;
    border-radius: 18px;
  }
}
.page-footer .form-box .title {
  flex-shrink: 0;
  color: #FFF;
  font-weight: 400;
  line-height: 1.3;
}

.page-footer .form-box form {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

@media only screen and (max-width: 767px) {
  .page-footer .form-box form {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .page-footer .form-box form {
    min-width: 500px;
  }
}
@media only screen and (max-width: 575px) {
  .page-footer .form-box form {
    flex-direction: column;
    gap: 20px;
  }
}
.page-footer .form-box form input {
  padding: 8px 0;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  color: #0077FF;
  -webkit-border-radius: 0;
  border-radius: 0;
}

@media only screen and (max-width: 575px) {
  .page-footer .form-box form input {
    text-align: center;
  }
}
.page-footer .form-box form .btn {
  flex-shrink: 0;
}

.page-footer .info {
  display: flex;
  gap: 50px;
  justify-content: space-between;
}

@media only screen and (max-width: 1199px) {
  .page-footer .info {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .page-footer .info {
    flex-wrap: wrap;
    gap: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .page-footer .info {
    flex-direction: column;
  }
}
.page-footer .info-box {
  color: rgba(255, 255, 255, 0.4);
}

@media only screen and (min-width: 992px) {
  .page-footer .info-box {
    max-width: 25%;
  }
}
@media only screen and (max-width: 991px) {
  .page-footer .info-box {
    flex: 0 0 calc(50% - 25px);
  }

  .page-footer .info-box:nth-child(1) {
    order: 0;
  }

  .page-footer .info-box:nth-child(2) {
    order: 2;
  }

  .page-footer .info-box:nth-child(3) {
    order: 1;
  }

  .page-footer .info-box:nth-child(4) {
    order: 3;
  }
}
@media only screen and (max-width: 575px) {
  .page-footer .info-box {
    text-align: center;
    flex: 0 0 100%;
  }
}
.page-footer .info-box p {
  text-wrap: balance;
}

.page-footer .info-box .title {
  color: #FFF;
  margin-bottom: 15px;
  font-weight: 500;
  white-space: nowrap;
}

.page-footer .menu-list {
  list-style: none;
  margin: 0;
  padding: 5px 0 0;
}

.page-footer .menu-list li {
  margin-bottom: 20px;
}

.page-footer .menu-list li:last-child {
  margin-bottom: 0;
}

.page-footer .menu-list a {
  display: block;
  white-space: nowrap;
}

.page-footer .menu-list a:hover, .page-footer .menu-list a:focus {
  color: #0077FF;
}

.copyright {
  text-align: center;
  padding: 20px 0;
  background-color: #0F2133;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  line-height: 1.4;
}

@media only screen and (max-width: 991px) {
  .copyright {
    padding: 25px 0;
  }
}
.copyright span {
  font-family: "Segoe UI Emoji", -apple-system, sans-serif;
}

@media only screen and (min-width: 768px) {
  .copyright em {
    display: inline-block;
    width: 10px;
  }
}
.copyright .cardume {
  font-size: 50px;
  font-weight: 400;
  margin: -20px 0;
}

.copyright .cardume a {
  color: rgba(255, 255, 255, 0.4);
}

.copyright .cardume a:hover, .copyright .cardume a:focus {
  color: #0077FF;
}

.error-page {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-image: url("https://cdn2.cardume.digital/public/sites/zanon/images/default/banner-desktop.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.error-page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.error-page .content {
  position: relative;
}

.error-page h1 {
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 15px;
  -webkit-text-shadow: 1px 1px 2px black;
  text-shadow: 1px 1px 2px black;
}

.error-page h1 span {
  display: block;
  font-size: 240px;
  line-height: 0.8;
}

@media only screen and (max-width: 1539px) {
  .error-page h1 span {
    font-size: 220px;
  }
}
@media only screen and (max-width: 1199px) {
  .error-page h1 span {
    font-size: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .error-page h1 span {
    font-size: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .error-page h1 span {
    font-size: 140px;
  }
}
@media only screen and (max-width: 575px) {
  .error-page h1 span {
    font-size: 100px;
  }
}
@media only screen and (max-width: 419px) {
  .error-page h1 span {
    font-size: 80px;
  }
}
.error-page p {
  font-weight: 400;
  color: #FFF;
  -webkit-text-shadow: 1px 1px 2px black;
  text-shadow: 1px 1px 2px black;
}

.error-page .btn {
  margin-top: 30px;
}

.section-customers {
  text-align: center;
  background-color: #FFF;
}

.section-customers .text .title {
  color: #0A1826 !important;
  font-weight: 200;
}

.section-customers .text .description {
  color: #0A1826 !important;
}

.section-customers .customer-list {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.section-customers .customer-list.right {
  -webkit-animation: scroll-right linear infinite;
          animation: scroll-right linear infinite;
}

.section-customers .customer-list.left {
  -webkit-animation: scroll-left linear infinite;
          animation: scroll-left linear infinite;
}

.section-customers .customer-group:hover .customer-list {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.section-customers .customers {
  display: flex;
  align-items: center;
  gap: 15px;
}

.section-customers .customer-box {
  width: 200px;
}

.section-customers .container-fluid {
  max-width: 1920px;
}

@-webkit-keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@-webkit-keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.section-process {
  text-align: center;
}

.section-cta {
  text-align: center;
  padding-top: 0;
  background-color: #0A1826;
}

.section-cta.light {
  background-color: #FFF;
  padding-top: 25px;
}

@media only screen and (min-width: 992px) {
  .section-cta.light {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-cta.light {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-cta.light {
    padding-top: 50px;
  }
}
.section-cta.light .cta-box {
  background-color: #F0F1F5;
}

.section-cta .cta-box {
  position: relative;
  background-color: #FFF;
  display: flex;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  align-items: center;
  gap: 50px;
  padding: 60px 100px;
}

@media only screen and (max-width: 1539px) {
  .section-cta .cta-box {
    padding: 60px 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-cta .cta-box {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 50px 30px;
    gap: 30px;
    flex-direction: column;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .section-cta .cta-box {
    padding: 40px 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-cta .cta-box .right {
    flex: 0 0 40%;
  }
}
@media only screen and (min-width: 1540px) {
  .section-cta .cta-box .right {
    flex: 0 0 35%;
  }
}
@media only screen and (min-width: 1200px) {
  .section-cta .cta-box .left {
    flex: 0 0 calc(60% - 25px);
  }
}
@media only screen and (min-width: 1540px) {
  .section-cta .cta-box .left {
    flex: 0 0 calc(65% - 25px);
  }
}
.section-cta .cta-box .text .subtitle {
  letter-spacing: 2px;
  color: #0077FF;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.section-cta .cta-box .text .title {
  font-family: "Zanon", sans-serif;
  color: #0A1826 !important;
}

.section-cta .cta-box .text .title strong {
  font-weight: 500;
}

.section-cta .cta-box h2 {
  line-height: 1.1;
  letter-spacing: -0.5px;
}

@media only screen and (min-width: 992px) {
  .section-cta .cta-box h2 {
    letter-spacing: -1px;
  }
}
main:has(.section-fonts-info) .section-cta {
  padding-bottom: 0;
  z-index: 1;
}

main:has(.section-fonts-info) .section-cta .cta-box {
  margin-bottom: -100px;
}

.section-fonts {
  text-align: center;
  background-image: -webkit-linear-gradient(left, #8A00E6, #8A00E6, #0077FF, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #8A00E6, #0077FF, #0077FF);
  background-size: 150%;
  -webkit-animation: gradient 10s linear infinite;
          animation: gradient 10s linear infinite;
  overflow: hidden;
  padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .section-fonts {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .section-fonts {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-fonts {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-fonts {
    padding-bottom: 90px;
  }
}
.section-fonts .text .title,
.section-fonts .text .subtitle {
  color: #FFF !important;
}

.section-fonts .text .subtitle {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #FFF !important;
  text-fill-color: #FFF !important;
  font-weight: 400 !important;
}

.section-fonts h2 {
  font-size: 28px;
}

@media only screen and (min-width: 992px) {
  .section-fonts h2 {
    line-height: 1;
  }
}
@media only screen and (min-width: 420px) {
  .section-fonts h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) {
  .section-fonts h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) {
  .section-fonts h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) {
  .section-fonts h2 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-fonts h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-fonts h2 {
    font-size: 54px;
  }
}
.section-fonts .variable-text {
  position: absolute;
  left: 50%;
  top: 42%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
  /* Chrome, Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Edge antigo */
  user-select: none;
}

.section-fonts .variable-text span {
  font-family: "Zanon", sans-serif;
  font-size: 700px;
  font-weight: 100;
  color: rgba(10, 24, 38, 0.1);
  line-height: 1;
  -webkit-animation: font-animation 15s linear infinite;
          animation: font-animation 15s linear infinite;
}

.section-fonts .variable-text span:nth-child(1) {
  /* font-weight: 100; */
}

.section-fonts .variable-text span:nth-child(2) {
  /* font-weight: 300; */
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}

.section-fonts .variable-text span:nth-child(3) {
  /* font-weight: 500; */
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}

.section-fonts .variable-text span:nth-child(4) {
  /* font-weight: 700; */
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}

.section-fonts .variable-text span:nth-child(5) {
  /* font-weight: 900; */
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}

.section-header {
  text-align: center;
  overflow: hidden;
}

.section-header.light {
  background-image: -webkit-linear-gradient(left, #8A00E6, #8A00E6, #0077FF, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #8A00E6, #0077FF, #0077FF);
  background-size: 150%;
  -webkit-animation: gradient 10s linear infinite;
          animation: gradient 10s linear infinite;
  padding-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .section-header.light {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .section-header.light {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-header.light {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-header.light {
    padding-bottom: 90px;
  }
}
.section-header.light .text .subtitle {
  color: #FFF !important;
}

.section-header .text .title {
  color: #FFF !important;
}

.section-header.dark {
  background-color: #0A1826;
  padding-bottom: 0;
  padding-top: 35px;
}

@media only screen and (min-width: 992px) {
  .section-header.dark {
    padding-top: 50px;
  }
}
.section-header.dark .text .subtitle {
  color: transparent;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-header .variable-text {
  position: absolute;
  left: 50%;
  top: 42%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
  /* Chrome, Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Edge antigo */
  user-select: none;
}

.section-header .variable-text span {
  font-family: "Zanon", sans-serif;
  font-size: 700px;
  font-weight: 100;
  color: rgba(10, 24, 38, 0.1);
  line-height: 1.1;
  -webkit-animation: font-animation 15s linear infinite;
          animation: font-animation 15s linear infinite;
}

.section-header .variable-text span:nth-child(1) {
  /* font-weight: 100; */
}

.section-header .variable-text span:nth-child(2) {
  /* font-weight: 300; */
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}

.section-header .variable-text span:nth-child(3) {
  /* font-weight: 500; */
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}

.section-header .variable-text span:nth-child(4) {
  /* font-weight: 700; */
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}

.section-header .variable-text span:nth-child(5) {
  /* font-weight: 900; */
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}

@-webkit-keyframes font-animation {
  0% {
    font-weight: 100;
  }
  50% {
    font-weight: 700;
  }
  100% {
    font-weight: 100;
  }
}

@keyframes font-animation {
  0% {
    font-weight: 100;
  }
  50% {
    font-weight: 700;
  }
  100% {
    font-weight: 100;
  }
}
.section-contact-form {
  background-color: #FFF;
}

.section-contact-form .content-box {
  background-color: #F0F1F5 !important;
}

.section-contact-form .text .description {
  color: #0A1826 !important;
}

.section-contact-form .whatsapp {
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  border: 2px solid #CFDBF3;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin-top: 50px;
}

@media only screen and (max-width: 991px) {
  .section-contact-form .whatsapp {
    flex-direction: column;
    gap: 30px;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-contact-form .whatsapp {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .section-contact-form .whatsapp {
    padding: 30px 20px;
  }
}
.section-contact-form .whatsapp .title {
  color: #0A1826;
  font-family: "Zanon", sans-serif;
  line-height: 1.3;
  font-size: 22px;
}

@media only screen and (min-width: 576px) {
  .section-contact-form .whatsapp .title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .section-contact-form .whatsapp .title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-contact-form .whatsapp .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-contact-form .whatsapp .title {
    font-size: 30px;
  }
}
.section-home-hero {
  text-align: center;
  background-color: #0A1826;
  min-height: 100dvh;
}

.section-home-hero .container-fluid {
  max-width: 1920px;
}

.section-home-hero h1 {
  line-height: 1.1;
  font-weight: 100;
}

.section-home-hero .text .title h1 {
  color: #FFF;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF, #FFF 90%);
  background-image: linear-gradient(to right, #8A00E6, #0077FF, #FFF 90%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

.section-home-hero .text .description {
  color: rgba(255, 255, 255, 0.75) !important;
}

.section-home-hero .text .subtitle {
  color: #FFF !important;
  background-color: transparent !important;
  -webkit-text-fill-color: white !important;
  text-fill-color: white !important;
}

@media only screen and (max-width: 1539px) {
  .section-home-hero .logo img {
    max-width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .section-home-hero .logo img {
    max-width: 80%;
  }
}
.section-brands-hero {
  text-align: center;
  padding-top: 25px;
}

@media only screen and (min-width: 992px) {
  .section-brands-hero {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-brands-hero {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-brands-hero {
    padding-top: 50px;
  }
}
.section-brands-hero h2 {
  font-weight: 100;
  font-size: 32px;
}

@media only screen and (min-width: 992px) {
  .section-brands-hero h2 {
    line-height: 1.1;
    letter-spacing: -1px;
  }
}
@media only screen and (min-width: 420px) {
  .section-brands-hero h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) {
  .section-brands-hero h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) {
  .section-brands-hero h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .section-brands-hero h2 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-brands-hero h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-brands-hero h2 {
    font-size: 68px;
  }
}
.section-brands-hero .projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
}

@media only screen and (max-width: 1199px) {
  .section-brands-hero .projects-grid {
    gap: 20px;
  }
}
.section-brands-hero .projects-grid .brand-box {
  aspect-ratio: 0.86;
  overflow: hidden;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  /* 		.brand-video {
  			position: absolute;
  			top: 0;
  			left: 50%;
  			transform: translateX(-50%);
  			height: 100%;
  			width: calc(100% * (16 / 9) / .86);


  			iframe {
  				position: absolute;
  				top: 0;
  				left: 0;
  				width: 100%;
  				height: 100%;
  				border: 0;
  			}
  		} */
  /* &:has(iframe) {
  	.image {
  		display: none;
  	}

  	iframe {
  		opacity: 1;
  	}
  } */
}

@media only screen and (max-width: 575px) {
  .section-brands-hero .projects-grid .brand-box {
    grid-column: span 3;
    aspect-ratio: 16/9;
    /* 	.carousel-video {
    		width: calc(100% * (16 / 9) / 1.77)
    	} */
  }
}
.section-brands-hero .projects-grid .brand-box .video,
.section-brands-hero .projects-grid .brand-box .image {
  width: 100%;
  height: 100%;
}

.section-brands-hero .projects-grid .brand-box video,
.section-brands-hero .projects-grid .brand-box img {
  aspect-ratio: unset;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 576px) {
  .section-brands-hero .projects-grid .brand-box:nth-child(1), .section-brands-hero .projects-grid .brand-box:nth-child(4) {
    grid-column: span 2;
    aspect-ratio: 16/9;
    /* .carousel-video {
    	width: calc(100% * (16 / 9) / 1.77)
    } */
  }
}
.section-brands-description {
  text-align: center;
  /* 
  background: {
  	color: $color-white;
  	image: url('https://cdn2.cardume.digital/public/sites/zanon/images/layout/');
  	position: center;
  	attachment: fixed;
  	repeat: no-repeat;
  }  

  @include breakpoint($lg, "min"){
  	background-attachment: fixed
  }
  */
  /* 
  .text{
  	.subtitle{
  		color: $color-black;
  	}

  	.title{
  		color: $color-black;
  	}

  	.description{
  		color: $color-black;
  	} 
  }
  */
}

.section-brands-description .carousel {
  margin: 0 auto;
}

.section-brands-description .tns-controls {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (max-width: 991px) {
  .section-brands-description .tns-controls {
    display: none;
  }
}
.section-brands-description .tns-controls button {
  color: #FFF;
  background-color: #000;
}

.section-brands-description .tns-controls button.active, .section-brands-description .tns-controls button:hover {
  color: #f700b1;
  background-color: #000;
}

.section-brands-description .tns-controls button:first-child {
  left: -25px;
}

.section-brands-description .tns-controls button:last-child {
  right: -25px;
}

@media only screen and (min-width: 992px) {
  .section-brands-description .tns-nav {
    display: none;
  }
}
.section-brands-description .tns-nav span {
  background-color: #000;
}

.section-brands-description .tns-nav span.tns-nav-active, .section-brands-description .tns-nav span:hover {
  background: #f700b1;
}

.section-brands-numbers {
  text-align: center;
  padding-top: 50px;
}

.section-brands-numbers .text .title h1 {
  color: #FFF;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF, #FFF 90%);
  background-image: linear-gradient(to right, #8A00E6, #0077FF, #FFF 90%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  display: inline-block;
}

.section-projects-list {
  text-align: center;
  padding-top: 25px;
}

@media only screen and (min-width: 992px) {
  .section-projects-list {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-projects-list {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-projects-list {
    padding-top: 50px;
  }
}
.section-projects-list h1 {
  line-height: 1.1;
  font-weight: 100;
}

.section-projects-list .projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
}

@media only screen and (max-width: 1199px) {
  .section-projects-list .projects-grid {
    gap: 20px;
  }
}
.section-projects-list .projects-grid .brand-box {
  aspect-ratio: 0.86;
  overflow: hidden;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  /* 			.brand-video {
  				position: absolute;
  				top: 0;
  				left: 50%;
  				transform: translateX(-50%);
  				height: 100%;
  				width: calc(100% * (16 / 9) / .86);


  				iframe{
  					position: absolute;
  					top: 0;
  					left: 0;
  					width: 100%;
  					height: 100%;
  					border: 0;
  				}
  			} */
  /* 	
  		&:has(iframe) {
  			.image {
  				display: none;
  			}

  			iframe{
  				opacity: 1;
  			}
  		}  */
}

@media only screen and (max-width: 575px) {
  .section-projects-list .projects-grid .brand-box {
    grid-column: span 3;
    aspect-ratio: 16/9;
    /* 
    					.carousel-video {
    						width: calc(100% * (16 / 9) / 1.77)
    					} */
  }
}
.section-projects-list .projects-grid .brand-box .video,
.section-projects-list .projects-grid .brand-box .image {
  width: 100%;
  height: 100%;
}

.section-projects-list .projects-grid .brand-box video,
.section-projects-list .projects-grid .brand-box img {
  /* aspect-ratio: unset; */
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 576px) {
  .section-projects-list .projects-grid .brand-box:nth-child(4n+1), .section-projects-list .projects-grid .brand-box:nth-child(4n+4) {
    grid-column: span 2;
    aspect-ratio: 16/9;
    /* 
    					.carousel-video{
    						width: calc(100% * (16 / 9) / 1.77)
    					} */
  }
}
.section-project-description {
  text-align: center;
  padding: 25px 0;
}

@media only screen and (min-width: 992px) {
  .section-project-description {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .section-project-description {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 1540px) {
  .section-project-description {
    padding: 50px 0;
  }
}
.section-project-description h1 {
  line-height: 1.1;
  font-weight: 100;
  font-size: 36px;
}

@media only screen and (min-width: 420px) {
  .section-project-description h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section-project-description h1 {
    font-size: 46px;
  }
}
@media only screen and (min-width: 992px) {
  .section-project-description h1 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-project-description h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-project-description h1 {
    font-size: 68px;
  }
}
.section-project-description .text .info {
  display: inline-flex;
  gap: 60px;
  align-items: center;
  color: #FFF;
  font-size: 90%;
  margin-top: 30px;
}

.section-project-description .text .services {
  display: inline-flex;
  text-transform: uppercase;
  font-size: 80%;
  gap: 50px;
  flex-wrap: wrap;
  white-space: nowrap;
  margin-top: 50px;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  .section-project-description .text .services {
    gap: 30px;
    margin-top: 40px;
  }
}
.section-project-description .text .description h2, .section-project-description .text .description h3, .section-project-description .text .description h4, .section-project-description .text .description h5, .section-project-description .text .description h6 {
  font-weight: 400;
  color: #FFF !important;
}

.section-project-description .text .description h2 strong, .section-project-description .text .description h3 strong, .section-project-description .text .description h4 strong, .section-project-description .text .description h5 strong, .section-project-description .text .description h6 strong {
  font-weight: 600;
}

.section-project-description .cover iframe,
.section-project-description .cover img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.section-project-description .gallery {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media only screen and (max-width: 575px) {
  .section-project-description .gallery {
    gap: 20px;
  }
}
.section-project-description .gallery img {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  width: 100%;
}

.section-project-description .output-text blockquote {
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  color: #FFF;
  border: 0;
  padding: 50px;
}

.section-project-description .output-text blockquote::before {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: #0F2133;
  -webkit-border-radius: 27px;
  border-radius: 27px;
  z-index: -1;
}

.section-project-related {
  text-align: center;
}

@media only screen and (min-width: 992px) {
  .section-project-related .brand-box {
    opacity: 0.75;
    pointer-events: none;
  }
}
@media only screen and (min-width: 768px) {
  .section-project-related .tns-outer {
    padding: 0 60px !important;
  }
}
.section-project-related .tns-outer:hover .tns-controls {
  opacity: 1;
}

@media only screen and (min-width: 992px) {
  .section-project-related .tns-outer .tns-controls {
    opacity: 0;
    -webkit-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
  }
}
@media only screen and (max-width: 767px) {
  .section-project-related .tns-outer .tns-controls {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 15px;
  }

  .section-project-related .tns-outer .tns-controls button {
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}
@media only screen and (min-width: 992px) {
  .section-project-related .carousel {
    padding: 80px 0;
  }

  .section-project-related .carousel .tns-item.tns-slide-active:nth-child(2 of .tns-item.tns-slide-active) {
    position: relative;
    z-index: 1;
  }

  .section-project-related .carousel .tns-item.tns-slide-active:nth-child(2 of .tns-item.tns-slide-active) .brand-box {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
    pointer-events: all;
    -webkit-box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (max-width: 991px) {
  .section-project-related .carousel .tns-slide-active .brand-box {
    opacity: 1;
  }
}
.section-fonts-list {
  text-align: center;
  padding-top: 25px;
}

@media only screen and (min-width: 992px) {
  .section-fonts-list {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-fonts-list {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-fonts-list {
    padding-top: 50px;
  }
}
.section-fonts-info {
  text-align: center;
  padding-top: 160px;
  background-image: -webkit-linear-gradient(left, #8A00E6, #8A00E6, #0077FF, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #8A00E6, #0077FF, #0077FF);
  background-size: 150%;
  -webkit-animation: gradient 10s linear infinite;
          animation: gradient 10s linear infinite;
}

@media only screen and (min-width: 768px) {
  .section-fonts-info {
    padding-top: 170px;
  }
}
@media only screen and (min-width: 992px) {
  .section-fonts-info {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-fonts-info {
    padding-top: 190px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-fonts-info {
    padding-top: 200px;
  }
}
.section-fonts-info .text .description {
  color: #FFF !important;
}

.section-fonts-info .text .description a {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

.section-fonts-info .text .description a:hover, .section-fonts-info .text .description a:focus {
  color: #FFF;
  text-decoration: none !important;
}

.section-fonts-info .variable-text {
  position: absolute;
  left: 50%;
  top: 42%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
  /* Chrome, Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Edge antigo */
  user-select: none;
}

.section-fonts-info .variable-text span {
  font-family: "Zanon", sans-serif;
  font-size: 700px;
  font-weight: 100;
  color: rgba(10, 24, 38, 0.1);
  line-height: 1;
  -webkit-animation: font-animation 15s linear infinite;
          animation: font-animation 15s linear infinite;
}

.section-fonts-info .variable-text span:nth-child(1) {
  /* font-weight: 100; */
}

.section-fonts-info .variable-text span:nth-child(2) {
  /* font-weight: 300; */
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}

.section-fonts-info .variable-text span:nth-child(3) {
  /* font-weight: 500; */
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}

.section-fonts-info .variable-text span:nth-child(4) {
  /* font-weight: 700; */
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
}

.section-fonts-info .variable-text span:nth-child(5) {
  /* font-weight: 900; */
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}

.section-font-description {
  padding-top: 25px;
  text-align: center;
  /* 
  	.grid {
  		position: relative;
  		z-index: 1;
  		display: grid;
  		grid-template-columns: repeat(12, 1fr);
  		gap: 30px;

  		$rows: (base: 40px,
  				$sm: 50px,
  				$md: 60px,
  				$lg: 60px,
  				$xl: 80px,
  				$xxl: 100px);

  		@include breakpoints($rows, grid-auto-rows);

  		@include breakpoint($xl){
  			gap: 20px;
  		}


  	}

  	.image {
  		position: relative;
  		display: block;
  		height: 100%;
  		width: 100%;
  		overflow: hidden;
  		grid-column: span 12;
  		grid-row: span 4;
  		@include border-radius($border-md);

  		@include breakpoint($sm, "min"){
  			grid-column: span 4;
  			grid-row: span 2;
  		}

  		@include breakpoint($md, "min"){
  			grid-column: span 4;
  			grid-row: span 3;
  		}

  		&:nth-child(1) {
  			@include breakpoint($sm, "min"){
  				grid-column: span 7;
  				grid-row: span 4;
  			}
  		}

  		&:nth-child(2) {
  			@include breakpoint($sm, "min"){
  				grid-column: span 5;
  				grid-row: span 2;
  			}
  		}

  		&:nth-child(3) {

  			@include breakpoint($sm, "min"){
  				grid-column: span 5;
  				grid-row: span 4;
  			}
  		}

  		&:nth-child(4) {


  			@include breakpoint($sm, "min"){
  				grid-column: span 7;
  				grid-row: span 2;
  			}

  			@include breakpoint($md, "min"){
  				grid-column: span 3;
  			}

  		}

  		&:nth-child(5) {


  			@include breakpoint($sm, "min"){
  				grid-row: span 2;
  			}

  		}



  		&::after {
  			content: '\e996';
  			position: absolute;
  			inset: 0;
  			display: flex;
  			align-items: center;
  			justify-content: center;
  			font-family: 'icomoon';
  			font-size: 40px;
  			color: $color-white;
  			background-color: rgba($color-dark, .85);
  			@include transition();
  			opacity: 0
  		}

  		&:hover,
  		&:focus {

  			img {
  				@include transform(scale(1.05));
  			}

  			&::after {
  				opacity: 1;
  			}
  		}

  		img {
  			width: 100%;
  			height: 100%;
  			object-fit: cover;
  			@include transition();
  		}
  	} */
}

@media only screen and (min-width: 992px) {
  .section-font-description {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-font-description {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-font-description {
    padding-top: 50px;
  }
}
.section-font-description .video iframe {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.section-font-description .cover img {
  width: 100%;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.section-font-gallery {
  background-color: #F0F1F5;
}

.section-font-gallery .grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
  grid-auto-rows: 40px;
}

@media only screen and (min-width: 576px) {
  .section-font-gallery .grid {
    grid-auto-rows: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .section-font-gallery .grid {
    grid-auto-rows: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .section-font-gallery .grid {
    grid-auto-rows: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-font-gallery .grid {
    grid-auto-rows: 80px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-font-gallery .grid {
    grid-auto-rows: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-font-gallery .grid {
    gap: 20px;
  }
}
.section-font-gallery .image {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  grid-column: span 12;
  grid-row: span 4;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

@media only screen and (min-width: 576px) {
  .section-font-gallery .image {
    grid-column: span 4;
    grid-row: span 2;
  }
}
@media only screen and (min-width: 768px) {
  .section-font-gallery .image {
    grid-column: span 4;
    grid-row: span 3;
  }
}
@media only screen and (min-width: 576px) {
  .section-font-gallery .image:nth-child(1) {
    grid-column: span 7;
    grid-row: span 4;
  }
}
@media only screen and (min-width: 576px) {
  .section-font-gallery .image:nth-child(2) {
    grid-column: span 5;
    grid-row: span 2;
  }
}
@media only screen and (min-width: 576px) {
  .section-font-gallery .image:nth-child(3) {
    grid-column: span 5;
    grid-row: span 4;
  }
}
@media only screen and (min-width: 576px) {
  .section-font-gallery .image:nth-child(4) {
    grid-column: span 7;
    grid-row: span 2;
  }
}
@media only screen and (min-width: 768px) {
  .section-font-gallery .image:nth-child(4) {
    grid-column: span 3;
  }
}
@media only screen and (min-width: 576px) {
  .section-font-gallery .image:nth-child(5) {
    grid-row: span 2;
  }
}
.section-font-gallery .image::after {
  content: "";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "icomoon";
  font-size: 40px;
  color: #FFF;
  background-color: rgba(10, 24, 38, 0.85);
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  opacity: 0;
}

.section-font-gallery .image:hover img, .section-font-gallery .image:focus img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.section-font-gallery .image:hover::after, .section-font-gallery .image:focus::after {
  opacity: 1;
}

.section-font-gallery .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.section-font-differentials {
  text-align: center;
  background-color: #0A1826;
}

.section-font-differentials .text .title {
  color: #FFF !important;
}

.section-font-differentials .text .description {
  color: rgba(255, 255, 255, 0.75) !important;
}

.section-font-test {
  /* RANGE CUSTOM */
}

.section-font-test:not(.first) {
  padding-bottom: 0;
}

.section-font-test.first {
  padding-top: 0;
  /* $paddings: (base: 25px,
  		$lg: 30px,
  		$xl: 40px,
  		$xxl: 50px);

  @include breakpoints($paddings, padding-top); */
}

.section-font-test .font-test-box {
  background: #F0F1F5;
  color: #0A1826;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  /* BOTÕES */
}

.section-font-test .font-test-box .content {
  font-size: 100px;
  text-align: center;
  padding: 50px;
  outline: none;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

@media only screen and (max-width: 1199px) {
  .section-font-test .font-test-box .content {
    padding: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .section-font-test .font-test-box .content {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-font-test .font-test-box .content {
    padding: 30px 20px;
  }
}
.section-font-test .font-test-box button {
  border: none;
  background: transparent;
  cursor: pointer;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  font-size: 20px;
  font-weight: 500;
}

.section-font-test .font-test-box button:has(span) {
  flex-direction: column;
  gap: 5px;
}

.section-font-test .font-test-box button:has(span)[data-value=right] span, .section-font-test .font-test-box button:has(span)[data-value=left] span {
  width: 18px;
}

.section-font-test .font-test-box button:has(span)[data-value=right]::after, .section-font-test .font-test-box button:has(span)[data-value=left]::after {
  width: 14px;
}

.section-font-test .font-test-box button:has(span)[data-value=right] {
  align-items: flex-end;
}

.section-font-test .font-test-box button:has(span)[data-value=left] {
  align-items: flex-start;
}

.section-font-test .font-test-box button:has(span)::after, .section-font-test .font-test-box button:has(span)::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 3px;
  background-color: #0A1826;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.section-font-test .font-test-box button:has(span) span {
  display: inline-block;
  width: 22px;
  height: 3px;
  background-color: #0A1826;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.section-font-test .font-test-box button.active {
  background-color: #FFF;
  pointer-events: none;
}

.section-font-test .font-test-box button:hover {
  color: #0077FF;
  background-color: rgba(255, 255, 255, 0.5);
}

.section-font-test .font-test-box button:hover span, .section-font-test .font-test-box button:hover::before, .section-font-test .font-test-box button:hover::after {
  background-color: #0077FF;
}

.section-font-test .controls {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 50px;
  border-top: 2px solid #FFF;
}

@media only screen and (max-width: 1199px) {
  .section-font-test .controls {
    padding: 40px;
    gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .section-font-test .controls {
    padding: 30px;
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-font-test .controls {
    padding: 30px 20px;
  }
}
.section-font-test .controls .title {
  font-size: 90%;
  font-weight: 600;
  color: #0A1826;
  margin-right: 5px;
}

.section-font-test .controls .value {
  font-size: 80%;
  opacity: 0.5;
  font-weight: 500;
  margin-left: 5px;
  min-width: 26px;
}

.section-font-test .control-group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

@media only screen and (max-width: 991px) {
  .section-font-test .control-group {
    gap: 30px;
  }

  .section-font-test .control-group:nth-child(2) {
    gap: 20px;
  }
}
.section-font-test .control-group > div {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}

.section-font-test input[type=range] {
  -webkit-appearance: none;
  width: 150px;
  height: 2px;
  background: transparent;
  border: 2px solid #0F2133;
  border-right: 0;
  border-left: 0;
  outline: none;
  padding: 0 !important;
}

.section-font-test input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #0A1826;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

.section-font-test input[type=range]::-webkit-slider-thumb:hover {
  background-color: #0077FF;
}

.section-font-characters {
  padding-bottom: 0;
  text-align: center;
}

.section-font-characters .character-box {
  border: 3px solid #F0F1F5;
  padding: 60px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 1539px) {
  .section-font-characters .character-box {
    padding: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-font-characters .character-box {
    padding: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .section-font-characters .character-box {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-font-characters .character-box {
    border: 0;
    padding: 30px 10px;
  }
}
.section-font-characters .text .title {
  color: #83a4c6 !important;
}

@media only screen and (min-width: 992px) {
  .section-font-characters .characters {
    padding-left: 15px;
  }
}
.section-font-characters .display {
  position: relative;
  background-color: #F0F1F5;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  width: 100%;
  padding: 15px;
  color: #0A1826;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  font-size: 130px;
  height: 180px;
}

@media only screen and (min-width: 420px) {
  .section-font-characters .display {
    font-size: 150px;
  }
}
@media only screen and (min-width: 576px) {
  .section-font-characters .display {
    font-size: 170px;
  }
}
@media only screen and (min-width: 768px) {
  .section-font-characters .display {
    font-size: 210px;
  }
}
@media only screen and (min-width: 992px) {
  .section-font-characters .display {
    font-size: 210px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-font-characters .display {
    font-size: 230px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-font-characters .display {
    font-size: 250px;
  }
}
@media only screen and (min-width: 420px) {
  .section-font-characters .display {
    height: 200px;
  }
}
@media only screen and (min-width: 576px) {
  .section-font-characters .display {
    height: 240px;
  }
}
@media only screen and (min-width: 768px) {
  .section-font-characters .display {
    height: 260px;
  }
}
@media only screen and (min-width: 992px) {
  .section-font-characters .display {
    height: 300px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-font-characters .display {
    height: 340px;
  }
}
@media only screen and (min-width: 1540px) {
  .section-font-characters .display {
    height: 400px;
  }
}
.section-font-characters .content-fixed {
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 767px) {
  .section-font-characters .content-fixed {
    padding-bottom: 10px;
  }

  .section-font-characters .content-fixed::before {
    content: "";
    position: absolute;
    top: -30px;
    left: -25%;
    width: 200%;
    bottom: 0;
    background-color: #FFF;
    -webkit-box-shadow: 0 10px 15px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 15px -1px rgba(0, 0, 0, 0.1);
  }
}
.section-font-characters .weights {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 20px;
  justify-content: center;
  background-color: #FFF;
}

@media only screen and (max-width: 767px) {
  .section-font-characters .weights {
    margin-top: 10px;
    gap: 0;
  }
}
.section-font-characters .weight {
  display: block;
  flex: 0 0 calc(25% - 9px);
  background-color: #FFF;
  color: #0A1826;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 1.1;
  padding: 7.5px;
  font-family: inherit;
  font-size: 20px;
  border: 2px solid transparent;
}

@media only screen and (max-width: 419px) {
  .section-font-characters .weight {
    font-size: 18px;
  }
}
.section-font-characters .weight:hover {
  border-color: #F0F1F5;
}

.section-font-characters .weight.active {
  border-color: #F0F1F5;
  background-color: #F0F1F5;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .section-font-characters .weight {
    font-size: 18px;
  }
}
.section-font-characters .character-group {
  display: flex;
  flex-wrap: wrap;
  gap: 7.5px;
}

@media only screen and (max-width: 991px) {
  .section-font-characters .character-group {
    justify-content: center;
  }
}
.section-font-characters .char {
  font-family: inherit;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #F0F1F5;
  color: #0A1826;
  width: 54px;
  height: 54px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #F0F1F5;
}

@media only screen and (max-width: 419px) {
  .section-font-characters .char {
    width: 50px;
    height: 50px;
  }
}
.section-font-characters .char.active {
  border-color: #83a4c6;
  pointer-events: none;
}

.section-font-characters .char:hover {
  border-color: #CFDBF3;
  background-color: #CFDBF3;
}

.section-font-info .info-box {
  border: 3px solid #F0F1F5;
  padding: 60px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 1539px) {
  .section-font-info .info-box {
    padding: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-font-info .info-box {
    padding: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .section-font-info .info-box {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section-font-info .info-box {
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
.section-font-info .text .title {
  color: #83a4c6 !important;
}

.section-font-info .tech-box {
  color: #0A1826;
  text-align: left;
  /* 		@include breakpoint($sm) {
  			text-align: center;
  		} */
}

.section-font-info .tech-box .title {
  display: flex;
  font-size: 120%;
  font-weight: 500;
  padding-bottom: 7.5px;
  border-bottom: 1px solid #CFDBF3;
  margin-bottom: 15px;
  /* 			@include breakpoint($sm) {
  				justify-content: center;
  			} */
}

.section-font-info .style-box {
  color: #0A1826;
  text-align: left;
  /* 		@include breakpoint($sm) {
  			text-align: center;
  		} */
}

.section-font-info .style-box .title {
  display: flex;
  font-size: 24px;
  font-weight: 500;
  gap: 10px;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #CFDBF3;
  margin-bottom: 20px;
  min-height: 45px;
}

@media only screen and (max-width: 1539px) {
  .section-font-info .style-box .title {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 576px) {
  .section-font-info .style-box .title {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 575px) {
  .section-font-info .style-box .title {
    /* 	align-items: center; */
    line-height: 1.2;
    font-size: 22px;
  }
}
.section-font-info .style-box .font-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.section-font-info .style-box .font-weights {
  flex: 0 0 100%;
  display: flex;
  gap: 15px;
  margin-top: 10px;
  flex-wrap: wrap;
  /* @include breakpoint($sm) {
  	justify-content: center;
  } */
}

.section-font-info .style-box .font-title {
  display: flex;
  font-size: 24px;
  font-weight: 400;
  gap: 10px;
  align-items: center;
}

@media only screen and (max-width: 1539px) {
  .section-font-info .style-box .font-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 575px) {
  .section-font-info .style-box .font-title {
    align-items: flex-start;
    font-size: 22px;
  }
}
.section-font-info .style-box .font-title .name {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media only screen and (min-width: 768px) {
  .section-font-info .style-box .font-title .name {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .section-font-info .style-box .font-title .name {
    line-height: 1.2;
  }
}
.section-font-info .style-box .info {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: rgba(10, 24, 38, 0.5);
  font-size: 16px;
  white-space: break-spaces;
  text-align: left;
}

.section-font-info .g-5 {
  --bs-gutter-x: 10rem;
}

@media only screen and (max-width: 767px) {
  .section-font-info .symbol {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .section-font-info .accordion-group .accordion-header {
    padding: 20px 20px 20px 50px;
  }

  .section-font-info .accordion-group .active .accordion-header .title {
    padding-top: 10px;
  }

  .section-font-info .accordion-group .accordion-body {
    padding: 15px 50px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .section-font-info .accordion-group .active .accordion-header {
    color: #0077FF;
  }

  .section-font-info .accordion-group .active .accordion-header .title {
    padding-top: 5px;
  }

  .section-font-info .accordion-group .accordion-header {
    padding: 15px 15px 15px 30px;
  }

  .section-font-info .accordion-group .accordion-header h4 {
    line-height: 1.2;
  }

  .section-font-info .accordion-group .accordion-body {
    padding: 5px 30px 30px;
  }
}
.section-font-price {
  background-color: #0A1826;
  text-align: center;
}

.section-font-price .text .title {
  color: #FFF !important;
  font-weight: 100;
}

.section-font-projects {
  text-align: center;
  /* 
  background: {
  	color: $color-white;
  	image: url('https://cdn2.cardume.digital/public/sites/zanon/images/layout/');
  	position: center;
  	attachment: fixed;
  	repeat: no-repeat;
  }  

  @include breakpoint($lg, "min"){
  	background-attachment: fixed
  }
  */
  /* 
  .text{
  	.subtitle{
  		color: $color-black;
  	}

  	.title{
  		color: $color-black;
  	}

  	.description{
  		color: $color-black;
  	} 
  }
  */
}

.section-font-projects .carousel {
  margin: 0 auto;
}

.section-font-projects .tns-controls {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (max-width: 991px) {
  .section-font-projects .tns-controls {
    display: none;
  }
}
.section-font-projects .tns-controls button {
  color: #FFF;
  background-color: #000;
}

.section-font-projects .tns-controls button.active, .section-font-projects .tns-controls button:hover {
  color: #f700b1;
  background-color: #000;
}

.section-font-projects .tns-controls button:first-child {
  left: -25px;
}

.section-font-projects .tns-controls button:last-child {
  right: -25px;
}

@media only screen and (min-width: 992px) {
  .section-font-projects .tns-nav {
    display: none;
  }
}
.section-font-projects .tns-nav span {
  background-color: #000;
}

.section-font-projects .tns-nav span.tns-nav-active, .section-font-projects .tns-nav span:hover {
  background: #f700b1;
}

.section-agreement-description {
  background-color: #FFF;
}

.section-privacy-policy-description {
  background-color: #FFF;
}

.section-privacy-policy-description .text .description {
  color: #0A1826 !important;
}

.section-privacy-policy-description .text .updated {
  color: #0077FF;
}

.section-terms-description {
  background-color: #FFF;
}

.section-faq-list {
  background-color: #FFF;
}

.section-orders {
  background-color: #FFF;
}

.section-orders .order-cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.section-orders .order-card {
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: #F0F1F5;
  padding: 50px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .section-orders .order-card {
    padding: 20px 20px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .section-orders .order-card {
    text-align: center;
  }
}
.section-orders .order-id {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border: 1px solid #CFDBF3;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 40px 20px;
  font-size: 110%;
}

@media only screen and (max-width: 575px) {
  .section-orders .order-id {
    padding: 20px;
  }
}
.section-orders .order-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 90%;
}

.section-orders .order-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  gap: 15px;
  flex-direction: column;
}

@media only screen and (max-width: 991px) {
  .section-orders .order-actions {
    margin-top: 10px;
    justify-content: flex-start;
    flex-direction: row;
  }
}
@media only screen and (max-width: 575px) {
  .section-orders .order-actions {
    justify-content: center;
    flex-direction: column;
  }
}
.section-orders .order-items {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.light {
  background-color: #FFF;
  color: #0A1826;
  /* .content-box {
  	background-color: $color-light;
  } */
}

body.light .text .title {
  color: #0A1826;
  font-weight: 300;
}

body.light .text .subtitle {
  color: #83a4c6;
}

body.light .text .description {
  color: #0A1826;
}

body.light .page-header.sticky .top-header {
  background-color: #F0F1F5;
}

body.light .page-header .logo svg {
  fill: #0A1826;
}

body.light .page-header .flags {
  color: #83a4c6;
}

body.light .page-header .flags:hover .current {
  background-color: #FFF;
}

body.light .page-header .flags a:hover {
  color: #0077FF;
}

body.light .page-header .flags .list {
  background-color: #FFF;
  border-color: #83a4c6;
}

body.light .page-header .flags .current {
  border-color: #83a4c6;
}

body.light .page-header #open-menu span, body.light .page-header #open-menu::after, body.light .page-header #open-menu::before {
  background-color: #0A1826;
}

body.light .page-header .service-control::before {
  color: #83a4c6;
}

body.light .page-header .service-control::after {
  right: 0;
}

body.light .page-header .service-control a {
  color: #83a4c6;
}

body.light .page-header .service-control a:last-child {
  color: #FFF;
}

body.light .page-header .service-control a:hover {
  color: #FFF !important;
}

body.light .page-header .service-control:has(a:first-child:hover) a {
  color: #83a4c6;
}

body.light .page-header .service-control:has(a:first-child:hover)::after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

body.light .page-header .service-control:has(a:last-child:hover)::after {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

body.light #menu {
  background-color: #F0F1F5;
  color: #0A1826;
}

body.light #menu li:hover > a, body.light #menu li:hover > button,
body.light #menu li:focus > a,
body.light #menu li:focus > button {
  color: #0077FF;
}

body.light #menu > ul > li.active {
  border-color: rgba(10, 24, 38, 0.2);
}

body.light #close-menu::after, body.light #close-menu::before {
  background-color: rgba(10, 24, 38, 0.5);
}

body.light #close-menu:hover::after, body.light #close-menu:hover::before {
  background-color: #0077FF;
}

body.dark {
  background-color: #0A1826;
  /* .content-box {
  	background-color: $color-dark-2;

  	.checkmark,
  	select,
  	input,
  	textarea {
  		border-color: $color-white;
  	}

  	.checkbox,
  	.placeholder {
  		color: rgba($color-white, .75)
  	}
  } */
}

body.dark ::-webkit-scrollbar-track {
  background-color: #0A1826;
}

body.dark .tns-controls button {
  color: #FFF;
  background-color: #0F2133;
}

body.dark .tns-controls button.active, body.dark .tns-controls button:hover {
  color: #0077FF;
}

body.dark .text .title {
  color: #FFF;
}

body.dark .text .description {
  color: rgba(255, 255, 255, 0.75);
}

body.dark .text .subtitle {
  color: #0077FF;
  background-image: -webkit-linear-gradient(left, #8A00E6, #0077FF);
  background-image: linear-gradient(to right, #8A00E6, #0077FF);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

body.dark .page-header.sticky .top-header {
  background-color: #0F2133;
}

body.dark .page-header .logo svg {
  fill: #FFF;
}

body.dark .page-header .flags {
  color: #235486;
}

body.dark .page-header .flags:hover .current {
  background-color: #0A1826;
}

body.dark .page-header .flags a:hover {
  color: #FFF;
}

body.dark .page-header .flags .list {
  background-color: #0A1826;
  border-color: #235486;
}

body.dark .page-header .flags .current {
  border-color: #235486;
}

body.dark .page-header #open-menu span, body.dark .page-header #open-menu::after, body.dark .page-header #open-menu::before {
  background-color: #0077FF;
}

body.dark .page-header .service-control::before {
  color: #235486;
}

body.dark .page-header .service-control::after {
  left: 0;
}

body.dark .page-header .service-control a {
  color: #235486;
}

body.dark .page-header .service-control a:first-child {
  color: #FFF;
}

body.dark .page-header .service-control a:hover {
  color: #FFF !important;
}

body.dark .page-header .service-control:has(a:first-child:hover)::after {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

body.dark .page-header .service-control:has(a:last-child:hover) a {
  color: #235486;
}

body.dark .page-header .service-control:has(a:last-child:hover)::after {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

body.dark #menu {
  background-color: #0F2133;
  color: #FFF;
}

body.dark #menu li:hover > a, body.dark #menu li:hover > button,
body.dark #menu li:focus > a,
body.dark #menu li:focus > button {
  color: #0077FF;
}

body.dark #menu > ul > li.active {
  border-color: rgba(255, 255, 255, 0.2);
}

body.dark #close-menu::after, body.dark #close-menu::before {
  background-color: rgba(255, 255, 255, 0.5);
}

body.dark #close-menu:hover::after, body.dark #close-menu:hover::before {
  background-color: #0077FF;
}

body.dark .section-contact-form {
  background-color: #0A1826;
  padding-top: 50px;
}