/* ---------------------------------------------------

    C S S    A U T O M A T A     1.0

    - Release Date:  Octubre 2022
    - Developed by:  Eduardo León | Twitter: @SoyEduardoLeon

--------------------------------------------------- */
/*-----------------------------
    # V A R S
-----------------------------*/
/* F O N T S
-----------------------------*/
/* B R E A K P O I N T S
-----------------------------*/
/* C O L O R S
-----------------------------*/
/*-----------------------------
    # R E S E T   C S S
-----------------------------*/
*:before,
*:after,
*:not(dialog) {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  border: none;
  background: none;
  color: inherit;
}
body {
  margin: 0;
  font-family: sans-serif;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/*-----------------------------
    # B A S E
-----------------------------*/
*::selection {
  background-color: #202946;
  color: #ffffff;
}
html,
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #212121;
  line-height: 1.5;
  font-weight: 300;
  background-color: #fff;
}
h1 {
  font-size: 4rem;
}
h2 {
  font-size: 3rem;
}
@media screen and (max-width: 960px) {
  h2 {
    line-height: 1.2;
  }
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: flex;
  flex-direction: column;
  align-items: start;
  font-weight: 600;
}
h6.text--center {
  align-items: center;
}
h6::before {
  content: '';
  display: block;
  height: 4px;
  width: 3rem;
  background: #c9a978;
  margin-bottom: 1rem;
}
a {
  color: #202946;
}
p {
  margin-bottom: 1rem;
  color: #5b5d6b;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
}
hr {
  box-sizing: content-box;
  height: 0;
  margin: 5px 0 40px 0;
  border: 0;
  border-top: 1px solid #f5f5f5;
}
/*-----------------------------
    # A L E R T
-----------------------------*/
.alert {
  padding: 1rem;
  margin-bottom: 1em;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.alert .alert__close {
  line-height: 1;
  cursor: pointer;
}
.alert p {
  flex: 1;
  margin-bottom: 0;
}
.alert.alert--info {
  color: #2196f3;
  background-color: #ecf6fe;
}
.alert.alert--success {
  color: #1abc9c;
  background-color: #e4fbf7;
}
.alert.alert--warning {
  color: #f1aa3f;
  background-color: #fef8ef;
}
.alert.alert--danger {
  color: #ff4550;
  background-color: #fff2f3;
}
/*-----------------------------
    # B U T T O N
-----------------------------*/
button {
  cursor: pointer;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  gap: 0.5rem;
  font-family: 'Montserrat', sans-serif;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.6rem 1.25rem;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button:hover {
  text-decoration: none;
}
.button:not(:last-child) {
  margin-right: 0.5rem;
}
.button icon {
  color: inherit;
  font-size: 16px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button.button--primary {
  background-color: #202946;
  border-color: #202946;
  color: #ffffff;
}
.button.button--primary:hover {
  background-color: #283358;
  border-color: #283358;
}
.button.button--secondary {
  background-color: #c9a978;
  border-color: #c9a978;
  color: #ffffff;
}
.button.button--secondary:hover {
  background-color: #d0b58a;
  border-color: #d0b58a;
}
.button.button--dark {
  background-color: #212121;
  border-color: #212121;
  color: #fff;
}
.button.button--dark:hover {
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}
.button.button--light {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #212121;
}
.button.button--success {
  background-color: #1abc9c;
  border-color: #1abc9c;
  color: #fff;
}
.button.button--success:hover {
  background-color: #1dd2af;
  border-color: #1dd2af;
}
.button.button--info {
  background-color: #2196f3;
  border-color: #2196f3;
  color: #fff;
}
.button.button--info:hover {
  background-color: #39a1f4;
  border-color: #39a1f4;
}
.button.button--warning {
  background-color: #f1aa3f;
  border-color: #f1aa3f;
  color: #fff;
}
.button.button--warning:hover {
  background-color: #f3b557;
  border-color: #f3b557;
}
.button.button--danger {
  background-color: #ff4550;
  border-color: #ff4550;
  color: #fff;
}
.button.button--danger:hover {
  background-color: #ff5f68;
  border-color: #ff5f68;
}
.button.button--primary-outline {
  background-color: #fff;
  border-color: #202946;
  color: #202946;
}
.button.button--primary-outline:hover {
  background-color: #202946;
  color: #ffffff;
}
.button.button--secondary-outline {
  background-color: #fff;
  border-color: #c9a978;
  color: #c9a978;
}
.button.button--secondary-outline:hover {
  background-color: #c9a978;
  color: #ffffff;
}
.button.button--dark-outline {
  background-color: #fff;
  border-color: #212121;
  color: #212121;
}
.button.button--dark-outline:hover {
  background-color: #212121;
  color: #fff;
}
.button.button--light-outline {
  background-color: #fff;
  border-color: #b3b5bd;
  color: #5b5d6b;
}
.button.button--light-outline:hover {
  background-color: #f5f5f5;
}
.button.button--success-outline {
  background-color: #fff;
  border-color: #1abc9c;
  color: #1abc9c;
}
.button.button--success-outline:hover {
  background-color: #1abc9c;
  color: #fff;
}
.button.button--info-outline {
  background-color: #fff;
  border-color: #2196f3;
  color: #2196f3;
}
.button.button--info-outline:hover {
  background-color: #2196f3;
  color: #fff;
}
.button.button--warning-outline {
  background-color: #fff;
  border-color: #f1aa3f;
  color: #f1aa3f;
}
.button.button--warning-outline:hover {
  background-color: #f1aa3f;
  color: #fff;
}
.button.button--danger-outline {
  background-color: #fff;
  border-color: #ff4550;
  color: #ff4550;
}
.button.button--danger-outline:hover {
  background-color: #ff4550;
  color: #fff;
}
.button.button--white-text {
  border-color: transparent;
  color: #ffffff;
  padding: 0.5rem 0;
  font-weight: 600;
}
.button.button--white-text:hover {
  background-color: none;
}
.button.button--primary-text {
  border-color: transparent;
  color: #202946;
  font-weight: 600;
}
.button.button--primary-text icon {
  font-size: 18px;
}
.button.button--primary-text:hover {
  background-color: #6c7fbc;
}
.button.button--secondary-text {
  border-color: transparent;
  color: #c9a978;
  padding: 0.5rem 0;
  font-weight: 600;
}
.button.button--secondary-text:hover icon {
  margin-left: 5px;
  color: #c9a978;
}
.button.button--dark-text {
  border-color: transparent;
  color: #212121;
}
.button.button--dark-text:hover {
  background-color: #bababa;
}
.button.button--light-text {
  border-color: transparent;
  color: #5b5d6b;
}
.button.button--light-text:hover {
  background-color: #fff;
}
.button.button--success-text {
  border-color: transparent;
  color: #1abc9c;
}
.button.button--success-text:hover {
  background-color: #e4fbf7;
}
.button.button--info-text {
  border-color: transparent;
  color: #2196f3;
}
.button.button--info-text:hover {
  background-color: #ecf6fe;
}
.button.button--warning-text {
  border-color: transparent;
  color: #f1aa3f;
}
.button.button--warning-text:hover {
  background-color: #fdf6ea;
}
.button.button--danger-text {
  border-color: transparent;
  color: #ff4550;
}
.button.button--danger-text:hover {
  background-color: #fff7f8;
}
.button.button--large {
  font-size: 1.25rem;
  padding: 1rem 2rem;
}
.button.button--small {
  font-size: 0.75rem;
  padding: 0rem 0.5rem;
}
.button.button--full-width {
  width: 100%;
}
.button.button--full-width:after {
  padding-top: 100%;
  padding-left: 100%;
}
.button:disabled,
.button[disabled],
.button.button--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.button:after {
  content: "";
  background: #fff;
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  padding-top: 200%;
  padding-left: 200%;
  opacity: 0;
  transition: all 0.8s;
  border-radius: 999px;
}
.button:active:after {
  padding: 0;
  margin: 0;
  opacity: 0.5;
  transition: 0s;
}
.button-group {
  display: flex;
}
.button-group .button {
  flex: auto;
}
.button-group.button-group--collapsed {
  gap: 0;
}
.button-group.button-group--collapsed .button {
  margin: auto;
  border-radius: 0px;
}
.button-group.button-group--collapsed .button:first-child {
  border-radius: 4px 0px 0px 4px;
}
.button-group.button-group--collapsed .button:last-child {
  border-radius: 0px 4px 4px 0px;
}
/*-----------------------------
    # B R E A D C R U M B
-----------------------------*/
.breadcrumb {
  display: inline-flex;
  list-style: none;
}
.breadcrumb li a {
  text-decoration: none;
  color: #777986;
}
.breadcrumb li icon {
  font-size: 18px;
}
.breadcrumb li:not(:first-child):before {
  content: "/";
  color: #9496a1;
  padding: 0 0.5rem;
}
.breadcrumb li.is--current a {
  color: #202946;
}
/*-----------------------------
    # C A R D
-----------------------------*/
.card {
  background: #fff;
  position: relative;
  padding: 2rem;
  width: 100%;
  margin-bottom: 2rem;
}
.card .card__header {
  padding: 1.25rem 1.75rem 0 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.card:has(>.card__header) {
  padding: 0;
}
.card:has(>.card__header) .card__body {
  padding: 1.25rem 1.75rem;
}
.card.card--primary {
  background: #202946;
}
.card.card--primary * {
  color: #ffffff;
}
.card.card--secondary {
  background: #c9a978;
}
.card.card--secondary * {
  color: #ffffff;
}
.card.card--light {
  background: #f5f5f5;
}
/*-----------------------------
    # C O L L A P S E
-----------------------------*/
.collapse {
  list-style: none;
  border: 1px solid #dddfe9;
  border-radius: 0.4rem;
  margin: 1rem 0;
}
.collapse .collapse__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.75rem 1rem;
  box-shadow: inset 0px 1px 0px #dddfe9;
  cursor: pointer;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__title span {
  flex: 1;
}
.collapse .collapse__title icon {
  color: #202946;
  font-size: 19px;
}
.collapse .collapse__title icon.icon--chevron-down {
  color: #777986;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__title:hover {
  background-color: #f5f5f5;
}
.collapse .collapse__title.is--active {
  background-color: #f5f5f5;
  color: #202946;
}
.collapse .collapse__title.is--active .icon--chevron-down {
  transform: rotate(180deg);
}
.collapse .collapse__body {
  height: 0px;
  box-shadow: inset 0px 1px 0px #dddfe9;
  overflow: hidden;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__body .collapse__content {
  padding: 1rem;
}
.collapse li {
  overflow: hidden;
}
.collapse li:first-child .collapse__title {
  box-shadow: none;
}
.collapse.collapse--primary {
  border-color: #202946;
}
.collapse.collapse--primary .collapse__title {
  background: #202946;
  color: #ffffff;
  box-shadow: none;
}
.collapse.collapse--primary .collapse__title:hover {
  background-color: #232d4d;
}
.collapse.collapse--primary icon {
  color: #ffffff !important;
}
/*-----------------------------
    # C O L U M N S
-----------------------------*/
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
}
.row.row--auto > .column {
  flex-grow: 1;
}
@media screen and (min-width: 1281px) {
  .row > .widescreen--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .row > .desktop--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .row > .tablet--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 640px) {
  .row > .mobile--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
.row .column--expand {
  flex: 1;
  min-width: 1px;
  margin-left: auto;
}
.row .column--auto-height {
  align-self: stretch;
}
/*-----------------------------*\
    # C O N T A I N E R
\*-----------------------------*/
.container {
  width: 100%;
  max-width: 1250px;
  margin: auto;
  position: relative;
  padding: 0px 2rem;
}
@media screen and (max-width: 960px) {
  .container {
    padding: 0 2rem;
  }
}
.container.container--fluid {
  max-width: none;
}
.container.container--collapsed {
  padding: 0;
}
.container.container--small {
  max-width: 600px;
}
/*-----------------------------
    # F O R M
-----------------------------*/
.form .form__item {
  position: relative;
  margin-bottom: 1.5rem;
}
.form .form__item:last-child {
  margin-bottom: 0;
}
.form .form__item .form__input {
  display: block;
  padding: 0.75rem 1rem;
  border: 1px solid #dddfe9;
  font-size: 1rem;
  letter-spacing: 1px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .form__input:focus {
  border-color: #202946;
  color: #212121;
  box-shadow: 0px 6px 20px -12px rgba(33, 33, 33, 0.5);
}
.form .form__item .form__input:out-of-range {
  background-color: red;
}
.form .form__item .form__input::placeholder {
  color: #b3b5bd;
}
.form .form__item .form-arrow {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item:has(input[type='file']) input {
  padding: 0px;
  border: none;
  box-shadow: 0 0 0 1px inset #dddfe9;
}
.form .form__item:has(input[type='file']) input::file-selector-button {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  line-height: 1.5;
  background: #202946;
  color: #ffffff;
  border: none;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  margin-right: 1rem;
}
.form .form__item:has(input[type='file']) icon {
  top: 2.5rem;
  left: 0.5rem;
  right: auto;
  font-size: 18px;
  color: #fff;
}
.form .form__item .drag-file {
  width: 180px;
  height: 180px;
  background: #f5f5f5;
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px dashed #dddfe9;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .drag-file:hover {
  border-color: #b3b5bd;
}
.form .form__item .drag-file:hover label {
  color: #202946;
}
.form .form__item .drag-file:hover .drag-file__preview {
  opacity: 0;
}
.form .form__item .drag-file .drag-file__preview {
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 70;
  top: 0;
  left: 0;
  opacity: 0.25;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .drag-file input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.form .form__item .drag-file icon {
  position: initial;
  color: #202946 !important;
}
.form .form__item label:has(input[type='checkbox']) {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
}
.form .form__item label:has(input[type='checkbox']):before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='checkbox']):after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0.5rem;
  top: 0.25rem;
  width: 0.5rem;
  height: 0.75rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='checkbox']:checked):before {
  box-shadow: 0px 0px 0px 1px #202946;
  background-color: #202946;
}
.form .form__item label:has(input[type='radio']) {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  width: fit-content;
}
.form .form__item label:has(input[type='radio']):before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2rem;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='radio']):after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 0.95rem;
  height: 0.95rem;
  background-color: #202946;
  border-radius: 2rem;
  opacity: 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='radio']:checked):before {
  box-shadow: 0px 0px 0px 1px #202946;
}
.form .form__item label:has(input[type='radio']:checked):after {
  opacity: 1;
}
.form .form__item label.switch:has(input[type='checkbox']) {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
  line-height: 1rem;
}
.form .form__item label.switch:has(input[type='checkbox']):before {
  content: '';
  width: 36px;
  height: 16px;
  border-radius: 3rem;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  background: #f5f5f5;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label.switch:has(input[type='checkbox']):after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  top: -2px;
  left: 0;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  border-radius: 3rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label.switch:has(input[type='checkbox']:checked):before {
  box-shadow: 0px 0px 0px 1px #202946;
  background-color: #202946;
}
.form .form__item label.switch:has(input[type='checkbox']:checked):after {
  box-shadow: 0px 0px 0px 1px #202946;
  left: 1.25rem;
}
.form .form__item label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  font-size: 18px;
}
.form .form__item:has(select) select {
  color: #b3b5bd !important;
}
.form .form__item:has(select) select:focus {
  color: #212121 !important;
}
.form .form__item:has(select):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item:has(datalist) datalist {
  color: #b3b5bd !important;
}
.form .form__item:has(datalist) datalist:focus {
  color: #212121 !important;
}
.form .form__item:has(datalist):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item [data-toggle="show-password"] {
  cursor: pointer;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item [data-toggle="show-password"]:hover {
  color: #202946;
}
.form .form__item [data-toggle="show-password"].is--active {
  color: #202946;
}
.form .form__item [data-toggle="show-password"].is--active:before {
  content: "\e86a" !important;
}
.form .form__item:has(input[type='text']) label,
.form .form__item:has(input[type='password']) label,
.form .form__item:has(input[type='file']) label,
.form .form__item:has(input[type='tel']) label,
.form .form__item:has(input[type='email']) label,
.form .form__item:has(textarea) label,
.form .form__item:has(datalist) label,
.form .form__item:has(select) label {
  font-weight: 800;
  letter-spacing: 0.1rem;
  line-height: 2.3;
  text-transform: uppercase;
  font-size: 0.78rem;
}
.form .form__item:has(icon) input {
  padding-right: 2.5rem;
}
.form .form__item icon {
  position: absolute;
  top: 2.4rem;
  right: 0.5rem;
  color: #9496a1;
  font-size: 18px;
  padding: 0.25rem;
}
.form .form__item .input__validation {
  font-size: 0.876rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.5rem;
}
.form .form__item:not(:has(.form__input[required])):has(input[type='text']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='password']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='file']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='email']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='tel']) label:after,
.form .form__item:not(:has(.form__input[required])):has(textarea) label:after,
.form .form__item:not(:has(.form__input[required])):has(datalist) label:after,
.form .form__item:not(:has(.form__input[required])):has(select) label:after {
  content: ' (Opcional)';
  font-size: inherit;
  color: #777986;
  font-weight: 600;
}
.form .form__item.form__item--success .form__input {
  border-color: #1abc9c;
}
.form .form__item.form__item--success .input__validation {
  color: #1abc9c;
}
.form .form__item.form__item--danger .input__validation {
  color: #ff4550;
}
.form .form__item.form__item--danger:has(.form__input[required]) label:after {
  content: '*';
  font-size: 1rem;
  line-height: 1;
  vertical-align: sub;
  margin-left: 0.15rem;
  color: #ff4550;
}
.form .form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
}
.form .form__row .form__item {
  flex-grow: 1;
}
@media screen and (min-width: 1281px) {
  .form .form__row .widescreen--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .form .form__row .desktop--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .form .form__row .tablet--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 640px) {
  .form .form__row .mobile--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
/*-----------------------------
    # G R I D
-----------------------------*/
.grid {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1281px) {
  .grid.widescreen--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.widescreen--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.widescreen--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.widescreen--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.widescreen--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.widescreen--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.widescreen--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.widescreen--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.widescreen--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.widescreen--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.widescreen--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.widescreen--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .grid.desktop--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.desktop--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.desktop--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.desktop--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.desktop--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.desktop--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.desktop--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.desktop--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.desktop--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.desktop--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.desktop--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.desktop--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .grid.tablet--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.tablet--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.tablet--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.tablet--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.tablet--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.tablet--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.tablet--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.tablet--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.tablet--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.tablet--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.tablet--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.tablet--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .grid.mobile--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.mobile--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.mobile--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.mobile--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.mobile--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.mobile--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.mobile--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.mobile--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.mobile--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.mobile--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.mobile--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.mobile--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid.grid--collapsed {
  grid-gap: 0px;
  margin-bottom: 0;
}
/*-----------------------------
    # H I G H T
-----------------------------*/
.height.height--large {
  min-height: 800px;
  display: flex;
  align-items: center;
}
/*-----------------------------
    # I C O N S
-----------------------------*/
@font-face {
  font-family: 'feather';
  src: url('../fonts/feather/feather.eot?t=1525787366991');
  /* IE9*/
  src: url('../fonts/feather/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/feather/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */ url('../fonts/feather/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/feather/feather.svg?t=1525787366991#feather') format('svg');
  /* iOS 4.1- */
}
icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'feather' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 21px;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon--alert-octagon:before {
  content: "\e81b";
}
.icon--alert-circle:before {
  content: "\e81c";
}
.icon--activity:before {
  content: "\e81d";
}
.icon--alert-triangle:before {
  content: "\e81e";
}
.icon--align-center:before {
  content: "\e81f";
}
.icon--airplay:before {
  content: "\e820";
}
.icon--align-justify:before {
  content: "\e821";
}
.icon--align-left:before {
  content: "\e822";
}
.icon--align-right:before {
  content: "\e823";
}
.icon--arrow-down-left:before {
  content: "\e824";
}
.icon--arrow-down-right:before {
  content: "\e825";
}
.icon--anchor:before {
  content: "\e826";
}
.icon--aperture:before {
  content: "\e827";
}
.icon--arrow-left:before {
  content: "\e828";
}
.icon--arrow-right:before {
  content: "\e829";
}
.icon--arrow-down:before {
  content: "\e82a";
}
.icon--arrow-up-left:before {
  content: "\e82b";
}
.icon--arrow-up-right:before {
  content: "\e82c";
}
.icon--arrow-up:before {
  content: "\e82d";
}
.icon--award:before {
  content: "\e82e";
}
.icon--bar-chart:before {
  content: "\e82f";
}
.icon--at-sign:before {
  content: "\e830";
}
.icon--bar-chart-2:before {
  content: "\e831";
}
.icon--battery-charging:before {
  content: "\e832";
}
.icon--bell-off:before {
  content: "\e833";
}
.icon--battery:before {
  content: "\e834";
}
.icon--bluetooth:before {
  content: "\e835";
}
.icon--bell:before {
  content: "\e836";
}
.icon--book:before {
  content: "\e837";
}
.icon--briefcase:before {
  content: "\e838";
}
.icon--camera-off:before {
  content: "\e839";
}
.icon--calendar:before {
  content: "\e83a";
}
.icon--bookmark:before {
  content: "\e83b";
}
.icon--box:before {
  content: "\e83c";
}
.icon--camera:before {
  content: "\e83d";
}
.icon--check-circle:before {
  content: "\e83e";
}
.icon--check:before {
  content: "\e83f";
}
.icon--check-square:before {
  content: "\e840";
}
.icon--cast:before {
  content: "\e841";
}
.icon--chevron-down:before {
  content: "\e842";
}
.icon--chevron-left:before {
  content: "\e843";
}
.icon--chevron-right:before {
  content: "\e844";
}
.icon--chevron-up:before {
  content: "\e845";
}
.icon--chevrons-down:before {
  content: "\e846";
}
.icon--chevrons-right:before {
  content: "\e847";
}
.icon--chevrons-up:before {
  content: "\e848";
}
.icon--chevrons-left:before {
  content: "\e849";
}
.icon--circle:before {
  content: "\e84a";
}
.icon--clipboard:before {
  content: "\e84b";
}
.icon--chrome:before {
  content: "\e84c";
}
.icon--clock:before {
  content: "\e84d";
}
.icon--cloud-lightning:before {
  content: "\e84e";
}
.icon--cloud-drizzle:before {
  content: "\e84f";
}
.icon--cloud-rain:before {
  content: "\e850";
}
.icon--cloud-off:before {
  content: "\e851";
}
.icon--codepen:before {
  content: "\e852";
}
.icon--cloud-snow:before {
  content: "\e853";
}
.icon--compass:before {
  content: "\e854";
}
.icon--copy:before {
  content: "\e855";
}
.icon--corner-down-right:before {
  content: "\e856";
}
.icon--corner-down-left:before {
  content: "\e857";
}
.icon--corner-left-down:before {
  content: "\e858";
}
.icon--corner-left-up:before {
  content: "\e859";
}
.icon--corner-up-left:before {
  content: "\e85a";
}
.icon--corner-up-right:before {
  content: "\e85b";
}
.icon--corner-right-down:before {
  content: "\e85c";
}
.icon--corner-right-up:before {
  content: "\e85d";
}
.icon--cpu:before {
  content: "\e85e";
}
.icon--credit-card:before {
  content: "\e85f";
}
.icon--crosshair:before {
  content: "\e860";
}
.icon--disc:before {
  content: "\e861";
}
.icon--delete:before {
  content: "\e862";
}
.icon--download-cloud:before {
  content: "\e863";
}
.icon--download:before {
  content: "\e864";
}
.icon--droplet:before {
  content: "\e865";
}
.icon--edit-2:before {
  content: "\e866";
}
.icon--edit:before {
  content: "\e867";
}
.icon--edit-1:before {
  content: "\e868";
}
.icon--external-link:before {
  content: "\e869";
}
.icon--eye:before {
  content: "\e86a";
}
.icon--feather:before {
  content: "\e86b";
}
.icon--facebook:before {
  content: "\e86c";
}
.icon--file-minus:before {
  content: "\e86d";
}
.icon--eye-off:before {
  content: "\e86e";
}
.icon--fast-forward:before {
  content: "\e86f";
}
.icon--file-text:before {
  content: "\e870";
}
.icon--film:before {
  content: "\e871";
}
.icon--file:before {
  content: "\e872";
}
.icon--file-plus:before {
  content: "\e873";
}
.icon--folder:before {
  content: "\e874";
}
.icon--filter:before {
  content: "\e875";
}
.icon--flag:before {
  content: "\e876";
}
.icon--globe:before {
  content: "\e877";
}
.icon--grid:before {
  content: "\e878";
}
.icon--heart:before {
  content: "\e879";
}
.icon--home:before {
  content: "\e87a";
}
.icon--github:before {
  content: "\e87b";
}
.icon--image:before {
  content: "\e87c";
}
.icon--inbox:before {
  content: "\e87d";
}
.icon--layers:before {
  content: "\e87e";
}
.icon--info:before {
  content: "\e87f";
}
.icon--instagram:before {
  content: "\e880";
}
.icon--layout:before {
  content: "\e881";
}
.icon--link-2:before {
  content: "\e882";
}
.icon--life-buoy:before {
  content: "\e883";
}
.icon--link:before {
  content: "\e884";
}
.icon--log-in:before {
  content: "\e885";
}
.icon--list:before {
  content: "\e886";
}
.icon--lock:before {
  content: "\e887";
}
.icon--log-out:before {
  content: "\e888";
}
.icon--loader:before {
  content: "\e889";
}
.icon--mail:before {
  content: "\e88a";
}
.icon--maximize-2:before {
  content: "\e88b";
}
.icon--map:before {
  content: "\e88c";
}
.icon--map-pin:before {
  content: "\e88e";
}
.icon--menu:before {
  content: "\e88f";
}
.icon--message-circle:before {
  content: "\e890";
}
.icon--message-square:before {
  content: "\e891";
}
.icon--minimize-2:before {
  content: "\e892";
}
.icon--mic-off:before {
  content: "\e893";
}
.icon--minus-circle:before {
  content: "\e894";
}
.icon--mic:before {
  content: "\e895";
}
.icon--minus-square:before {
  content: "\e896";
}
.icon--minus:before {
  content: "\e897";
}
.icon--moon:before {
  content: "\e898";
}
.icon--monitor:before {
  content: "\e899";
}
.icon--more-vertical:before {
  content: "\e89a";
}
.icon--more-horizontal:before {
  content: "\e89b";
}
.icon--move:before {
  content: "\e89c";
}
.icon--music:before {
  content: "\e89d";
}
.icon--navigation-2:before {
  content: "\e89e";
}
.icon--navigation:before {
  content: "\e89f";
}
.icon--octagon:before {
  content: "\e8a0";
}
.icon--package:before {
  content: "\e8a1";
}
.icon--pause-circle:before {
  content: "\e8a2";
}
.icon--pause:before {
  content: "\e8a3";
}
.icon--percent:before {
  content: "\e8a4";
}
.icon--phone-call:before {
  content: "\e8a5";
}
.icon--phone-forwarded:before {
  content: "\e8a6";
}
.icon--phone-missed:before {
  content: "\e8a7";
}
.icon--phone-off:before {
  content: "\e8a8";
}
.icon--phone-incoming:before {
  content: "\e8a9";
}
.icon--phone:before {
  content: "\e8aa";
}
.icon--phone-outgoing:before {
  content: "\e8ab";
}
.icon--pie-chart:before {
  content: "\e8ac";
}
.icon--play-circle:before {
  content: "\e8ad";
}
.icon--play:before {
  content: "\e8ae";
}
.icon--plus-square:before {
  content: "\e8af";
}
.icon--plus-circle:before {
  content: "\e8b0";
}
.icon--plus:before {
  content: "\e8b1";
}
.icon--pocket:before {
  content: "\e8b2";
}
.icon--printer:before {
  content: "\e8b3";
}
.icon--power:before {
  content: "\e8b4";
}
.icon--radio:before {
  content: "\e8b5";
}
.icon--repeat:before {
  content: "\e8b6";
}
.icon--refresh-ccw:before {
  content: "\e8b7";
}
.icon--rewind:before {
  content: "\e8b8";
}
.icon--rotate-ccw:before {
  content: "\e8b9";
}
.icon--refresh-cw:before {
  content: "\e8ba";
}
.icon--rotate-cw:before {
  content: "\e8bb";
}
.icon--save:before {
  content: "\e8bc";
}
.icon--search:before {
  content: "\e8bd";
}
.icon--server:before {
  content: "\e8be";
}
.icon--scissors:before {
  content: "\e8bf";
}
.icon--share-2:before {
  content: "\e8c0";
}
.icon--share:before {
  content: "\e8c1";
}
.icon--shield:before {
  content: "\e8c2";
}
.icon--settings:before {
  content: "\e8c3";
}
.icon--skip-back:before {
  content: "\e8c4";
}
.icon--shuffle:before {
  content: "\e8c5";
}
.icon--sidebar:before {
  content: "\e8c6";
}
.icon--skip-forward:before {
  content: "\e8c7";
}
.icon--slack:before {
  content: "\e8c8";
}
.icon--slash:before {
  content: "\e8c9";
}
.icon--smartphone:before {
  content: "\e8ca";
}
.icon--square:before {
  content: "\e8cb";
}
.icon--speaker:before {
  content: "\e8cc";
}
.icon--star:before {
  content: "\e8cd";
}
.icon--stop-circle:before {
  content: "\e8ce";
}
.icon--sun:before {
  content: "\e8cf";
}
.icon--sunrise:before {
  content: "\e8d0";
}
.icon--tablet:before {
  content: "\e8d1";
}
.icon--tag:before {
  content: "\e8d2";
}
.icon--sunset:before {
  content: "\e8d3";
}
.icon--target:before {
  content: "\e8d4";
}
.icon--thermometer:before {
  content: "\e8d5";
}
.icon--thumbs-up:before {
  content: "\e8d6";
}
.icon--thumbs-down:before {
  content: "\e8d7";
}
.icon--toggle-left:before {
  content: "\e8d8";
}
.icon--toggle-right:before {
  content: "\e8d9";
}
.icon--trash-2:before {
  content: "\e8da";
}
.icon--trash:before {
  content: "\e8db";
}
.icon--trending-up:before {
  content: "\e8dc";
}
.icon--trending-down:before {
  content: "\e8dd";
}
.icon--triangle:before {
  content: "\e8de";
}
.icon--type:before {
  content: "\e8df";
}
.icon--twitter:before {
  content: "\e8e0";
}
.icon--upload:before {
  content: "\e8e1";
}
.icon--umbrella:before {
  content: "\e8e2";
}
.icon--upload-cloud:before {
  content: "\e8e3";
}
.icon--unlock:before {
  content: "\e8e4";
}
.icon--user-check:before {
  content: "\e8e5";
}
.icon--user-minus:before {
  content: "\e8e6";
}
.icon--user-plus:before {
  content: "\e8e7";
}
.icon--user-x:before {
  content: "\e8e8";
}
.icon--user:before {
  content: "\e8e9";
}
.icon--users:before {
  content: "\e8ea";
}
.icon--video-off:before {
  content: "\e8eb";
}
.icon--video:before {
  content: "\e8ec";
}
.icon--voicemail:before {
  content: "\e8ed";
}
.icon--volume-x:before {
  content: "\e8ee";
}
.icon--volume-2:before {
  content: "\e8ef";
}
.icon--volume-1:before {
  content: "\e8f0";
}
.icon--volume:before {
  content: "\e8f1";
}
.icon--watch:before {
  content: "\e8f2";
}
.icon--wifi:before {
  content: "\e8f3";
}
.icon--x-square:before {
  content: "\e8f4";
}
.icon--wind:before {
  content: "\e8f5";
}
.icon--x:before {
  content: "\e8f6";
}
.icon--x-circle:before {
  content: "\e8f7";
}
.icon--zap:before {
  content: "\e8f8";
}
.icon--zoom-in:before {
  content: "\e8f9";
}
.icon--zoom-out:before {
  content: "\e8fa";
}
.icon--command:before {
  content: "\e8fb";
}
.icon--cloud:before {
  content: "\e8fc";
}
.icon--hash:before {
  content: "\e8fd";
}
.icon--headphones:before {
  content: "\e8fe";
}
.icon--underline:before {
  content: "\e8ff";
}
.icon--italic:before {
  content: "\e900";
}
.icon--bold:before {
  content: "\e901";
}
.icon--crop:before {
  content: "\e902";
}
.icon--help-circle:before {
  content: "\e903";
}
.icon--paperclip:before {
  content: "\e904";
}
.icon--shopping-cart:before {
  content: "\e905";
}
.icon--tv:before {
  content: "\e906";
}
.icon--wifi-off:before {
  content: "\e907";
}
.icon--minimize:before {
  content: "\e88d";
}
.icon--maximize:before {
  content: "\e908";
}
.icon--gitlab:before {
  content: "\e909";
}
.icon--sliders:before {
  content: "\e90a";
}
.icon--star-on:before {
  content: "\e90b";
}
.icon--heart-on:before {
  content: "\e90c";
}
.icon--archive:before {
  content: "\e90d";
}
.icon--arrow-down-circle:before {
  content: "\e90e";
}
.icon--arrow-up-circle:before {
  content: "\e90f";
}
.icon--arrow-left-circle:before {
  content: "\e910";
}
.icon--arrow-right-circle:before {
  content: "\e911";
}
.icon--bar-chart-line-:before {
  content: "\e912";
}
.icon--bar-chart-line:before {
  content: "\e913";
}
.icon--book-open:before {
  content: "\e914";
}
.icon--code:before {
  content: "\e915";
}
.icon--database:before {
  content: "\e916";
}
.icon--dollar-sign:before {
  content: "\e917";
}
.icon--folder-plus:before {
  content: "\e918";
}
.icon--gift:before {
  content: "\e919";
}
.icon--folder-minus:before {
  content: "\e91a";
}
.icon--git-commit:before {
  content: "\e91b";
}
.icon--git-branch:before {
  content: "\e91c";
}
.icon--git-pull-request:before {
  content: "\e91d";
}
.icon--git-merge:before {
  content: "\e91e";
}
.icon--linkedin:before {
  content: "\e91f";
}
.icon--hard-drive:before {
  content: "\e920";
}
.icon--more-vertical-:before {
  content: "\e921";
}
.icon--more-horizontal-:before {
  content: "\e922";
}
.icon--rss:before {
  content: "\e923";
}
.icon--send:before {
  content: "\e924";
}
.icon--shield-off:before {
  content: "\e925";
}
.icon--shopping-bag:before {
  content: "\e926";
}
.icon--terminal:before {
  content: "\e927";
}
.icon--truck:before {
  content: "\e928";
}
.icon--zap-off:before {
  content: "\e929";
}
.icon--youtube:before {
  content: "\e92a";
}
/*-----------------------------
    # L I S T
-----------------------------*/
ul.list,
ol.list {
  margin: 0px;
  padding: 0px;
  margin-bottom: 2rem;
}
ul.list li,
ol.list li {
  list-style-type: none;
  line-height: 2;
}
ul.list li icon,
ol.list li icon {
  margin: 0 5px 0 0;
}
ul.list.list--disc li,
ol.list.list--disc li {
  margin-left: 1.25rem;
  list-style-type: disc;
}
ul.list.list--circle li,
ol.list.list--circle li {
  margin-left: 1.25rem;
  list-style-type: circle;
}
ul.list.list--decimal,
ol.list.list--decimal {
  list-style: none;
  counter-reset: counter-list;
}
ul.list.list--decimal li,
ol.list.list--decimal li {
  counter-increment: counter-list;
}
ul.list.list--decimal li:before,
ol.list.list--decimal li:before {
  content: counters(counter-list, ".") ". ";
  color: #c9a978;
  margin-right: 0.5rem;
  width: 1rem;
  display: inline-block;
  text-align: right;
}
ul.list.list--square li,
ol.list.list--square li {
  margin-left: 1.25rem;
  list-style-type: square;
}
ul.list.list--alpha li,
ol.list.list--alpha li {
  margin-left: 1.25rem;
  list-style-type: upper-alpha;
}
ul.list.list--roman li,
ol.list.list--roman li {
  margin-left: 1.25rem;
  list-style-type: upper-roman;
}
/*-----------------------------
    # M I X I N S
-----------------------------*/
/* Transitions
-----------------------------*/
/* Translate
-----------------------------*/
/* Scale
-----------------------------*/
/* Clear default apareance
-----------------------------*/
.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/*-----------------------------
    # M O D A L
-----------------------------*/
.modal {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(33, 33, 33, 0.6);
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-y: auto;
  pointer-events: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container {
  margin: auto;
  width: 100%;
  max-width: 500px;
  background-color: #fff;
  box-shadow: 0 6px 24px -4px rgba(0, 0, 0, 0.4);
  border-radius: 0.4rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.modal .modal__container p {
  margin-bottom: 0;
}
.modal .modal__container .modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 1rem 1.75rem;
  line-height: 1;
  border-bottom: 1px solid #f3f4f8;
}
.modal .modal__container .modal__body {
  padding: 1.75rem;
}
.modal .modal__container .modal__footer {
  padding: 1rem;
  text-align: right;
  border-top: 1px solid #f3f4f8;
}
.modal .modal__container .modal__close {
  cursor: pointer;
  line-height: 1;
  color: #212121;
  font-weight: 300;
  text-decoration: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 24px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container .modal__close:hover {
  color: #202946;
}
.modal .modal__container .modal__close icon {
  pointer-events: none;
}
.modal.is--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal.is--visible .modal__container {
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.modal.modal--small .modal__container {
  max-width: 300px;
}
.modal.modal--large .modal__container {
  max-width: 800px;
}
.modal.modal--loading {
  text-align: center;
  user-select: none;
}
/*-----------------------------
    # N A V
-----------------------------*/
.nav {
  display: block;
}
.nav .nav__item {
  color: #f5f5f5;
  list-style: none;
}
.nav .nav__item > a {
  display: flex;
  align-items: center;
  color: #212121;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  line-height: 2;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item > a:hover {
  background-color: #202946;
  text-decoration: none;
  padding-left: 1.25rem;
}
.nav .nav__item span {
  flex: 1;
}
.nav .nav__item icon {
  font-size: 18px;
}
.nav .nav__item--parent {
  overflow: hidden;
}
.nav .nav__item--parent .nav__submenu {
  padding-left: 1.5rem;
  list-style: none;
  pointer-events: none;
  height: 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item--parent .nav__submenu a {
  display: block;
  padding: 0.5rem 1rem;
  line-height: 2;
  border-radius: 0.25rem;
  opacity: 0.6;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item--parent .nav__submenu a:hover {
  background: rgba(255, 255, 255, 0.06);
  opacity: 1;
  text-decoration: none;
  padding-left: 1.5rem;
}
.nav .nav__item--parent .nav__submenu.is--active {
  pointer-events: auto;
}
nav .nav__version {
  color: #9496a1;
  background: #212121;
  position: absolute;
  bottom: 0;
  width: 18rem;
  border-top: 1px solid #5b5d6b;
  padding: 1rem 1.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
nav .nav__version icon {
  font-size: 18px;
}
/*-----------------------------
    # P R O G R E S S
-----------------------------*/
.progress {
  border-radius: 2px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin: 0.5rem 0;
}
.progress:has(span) {
  background-color: #f5f5f5;
}
.progress span {
  background-color: #202946;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 50%;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: progress-loop;
}
.progress.progress--global {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.75rem;
  border-radius: 0px;
  margin: 0;
  z-index: 70;
  background: transparent;
}
.progress.progress--global span {
  border-radius: 0px;
}
@keyframes progress-loop {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
/*-----------------------------
    # S E C T I O N
-----------------------------*/
.section {
  position: relative;
}
.section.section--small {
  padding: 3rem 0;
}
@media screen and (max-width: 960px) {
  .section.section--small {
    padding: 1rem 0;
  }
}
.section.section--medium {
  padding: 6.25rem 0;
}
@media screen and (max-width: 960px) {
  .section.section--medium {
    padding: 4rem 0;
  }
}
.section.section--large {
  padding: 240px 0;
}
.section.section--fullheight {
  min-height: 100vh;
}
.section.section--light {
  background-color: #f5f5f5;
}
.section.section--dark {
  background-color: #212121;
}
.section.section--primary {
  background-color: #202946;
  color: #ffffff;
}
.section.section--secondary {
  background-color: #c9a978;
  color: #ffffff;
}
.section.section--collapsed {
  padding: 0;
}
/*-----------------------------
    # T A B L E
-----------------------------*/
.table-container {
  overflow-x: auto;
}
.table,
.datatable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1rem;
  overflow: auto;
  letter-spacing: 1px;
  border: 1px solid #dddfe9;
  line-height: 2;
  font-feature-settings: 'tnum';
  /* TABLE VERTICAL BORDERED */
  /* TABLE HORIZONTAL BORDER */
}
.table td,
.datatable td {
  padding: 0.5rem 1rem;
  position: relative;
}
.table tbody tr,
.datatable tbody tr {
  border-bottom: 1px solid #f5f5f5;
}
.table thead,
.datatable thead {
  background: #f5f5f5;
  text-align: left;
  vertical-align: bottom;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.table thead th,
.datatable thead th {
  cursor: pointer;
  padding: 0.5rem 1rem;
  position: relative;
}
.table thead th:hover,
.datatable thead th:hover {
  color: #202946;
}
.table thead th::after,
.datatable thead th::after {
  font-family: 'feather' !important;
  content: '\e82d';
  color: #9496a1;
  padding-left: 1rem;
}
.table thead th.sorting_asc::after,
.datatable thead th.sorting_asc::after {
  content: '\e82d';
  color: #202946;
}
.table thead th.sorting_desc::after,
.datatable thead th.sorting_desc::after {
  content: '\e82a';
  color: #202946;
}
.table.table--cols td,
.datatable.table--cols td,
.table.table--cols th,
.datatable.table--cols th {
  border-width: 0 0 0 1px;
}
.table.table--cols td > tr:last-child > td,
.datatable.table--cols td > tr:last-child > td,
.table.table--cols th > tr:last-child > td,
.datatable.table--cols th > tr:last-child > td {
  border-bottom-width: 0;
}
.table.table--rows td,
.datatable.table--rows td,
.table.table--rows th,
.datatable.table--rows th {
  border-width: 0 0 1px 0;
}
.table.table--rows td > tr:last-child > td,
.datatable.table--rows td > tr:last-child > td,
.table.table--rows th > tr:last-child > td,
.datatable.table--rows th > tr:last-child > td {
  border-bottom-width: 0;
}
.table button,
.datatable button {
  padding: 0.25rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.table button icon,
.datatable button icon {
  font-size: 18px;
}
.table button:hover,
.datatable button:hover {
  color: #202946;
}
.datatable {
  margin-top: 1rem;
}
.dataTables_length {
  float: left;
  position: relative;
  margin-bottom: 1rem;
}
.dataTables_length label {
  align-items: center;
  display: inline-flex;
  gap: 1rem;
}
.dataTables_filter {
  display: inline-flex;
  float: right;
  margin-bottom: 1rem;
}
.dataTables_paginate {
  display: inline-flex;
  margin-bottom: 1rem;
  align-items: center;
  border: 1px solid #dddfe9;
  border-radius: 4px;
  float: right;
}
.dataTables_paginate .paginate_button {
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_paginate .paginate_button:not(.disabled):hover {
  background: #f5f5f5;
}
.dataTables_paginate .paginate_button.disabled {
  color: #9496a1;
  cursor: auto;
}
.dataTables_paginate span {
  border-right: 1px solid #dddfe9;
}
.dataTables_paginate span:first-of-type {
  border-left: 1px solid #dddfe9;
}
.dataTables_info {
  display: inline-flex;
  margin-bottom: 1rem;
}
.table__input,
.table__select {
  display: block;
  padding: 0.5rem 0.75rem;
  border: 1px solid #dddfe9;
  border-radius: 0.3rem;
  font-size: 1rem;
  letter-spacing: 1px;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: #212121;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.table__input:focus,
.table__select:focus {
  border-color: #202946;
  color: #212121;
  box-shadow: 0px 6px 20px -12px rgba(33, 33, 33, 0.5);
}
.table__input:out-of-range,
.table__select:out-of-range {
  background-color: red;
}
.table__input::placeholder,
.table__select::placeholder {
  color: #b3b5bd;
}
.form-arrow {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 0.5rem;
  right: 5.5rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.25rem;
  pointer-events: none;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_length:has(select) select {
  color: #b3b5bd !important;
}
.dataTables_length:has(select) select:focus {
  color: #212121 !important;
}
.dataTables_length:has(select):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 0.5rem;
  right: 5.5rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.25rem;
  pointer-events: none;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_length .table__select {
  width: 6rem;
}
/*-----------------------------
    # T E X T
-----------------------------*/
.text--primary {
  color: #202946 !important;
}
.text--secondary {
  color: #c9a978 !important;
}
.text--primary-invert {
  color: #ffffff !important;
}
.text--secondary-invert {
  color: #ffffff !important;
}
.text--info {
  color: #2196f3 !important;
}
.text--success {
  color: #1abc9c !important;
}
.text--warning {
  color: #f1aa3f !important;
}
.text--danger {
  color: #ff4550 !important;
}
.text--muted {
  color: #777986 !important;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--center {
  text-align: center;
}
.text--justify {
  text-align: justify;
}
/*-----------------------------
    # T O A S T
-----------------------------*/
#toast-container {
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.toast {
  background: #fff;
  display: flex;
  align-items: center;
  width: auto;
  border: 1px solid #fff;
  max-width: 350px;
  box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.1);
  padding: 1rem 1.5rem 1.4rem 2.85rem;
  gap: 0.5rem;
  border-radius: 4px;
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
  animation: toast-show 0.3s ease, toast-hide 0.2s ease var(--duration) 1;
}
.toast::before {
  font-size: 18px;
  content: '';
  font-family: 'feather' !important;
  position: absolute;
  top: 0.85rem;
  left: 1rem;
}
.toast .toast__progress {
  display: block;
  width: 0%;
  height: 4px;
  position: absolute;
  bottom: 0;
  right: 0;
  animation-duration: var(--duration);
  animation-name: toast-progress;
  animation-timing-function: ease;
}
.toast.toast--info {
  color: #2196f3;
  background-color: #ecf6fe;
  border-color: #2196f3;
}
.toast.toast--info::before {
  content: '\e87f';
}
.toast.toast--info .toast__progress {
  background-color: #2196f3;
}
.toast.toast--success {
  color: #1abc9c;
  background-color: #e4fbf7;
  border-color: #1abc9c;
}
.toast.toast--success::before {
  content: '\e83e';
}
.toast.toast--success .toast__progress {
  background-color: #1abc9c;
}
.toast.toast--warning {
  color: #f1aa3f;
  background-color: #fef8ef;
  border-color: #f1aa3f;
}
.toast.toast--warning::before {
  content: '\e81c';
}
.toast.toast--warning .toast__progress {
  background-color: #f1aa3f;
}
.toast.toast--danger {
  color: #ff4550;
  background-color: #fff2f3;
  border-color: #ff4550;
}
.toast.toast--danger::before {
  content: '\e8f7';
}
.toast.toast--danger .toast__progress {
  background-color: #ff4550;
}
@keyframes toast-show {
  0% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  60% {
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes toast-hide {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}
@keyframes toast-progress {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
/*-----------------------------
    # S P I N N E R
-----------------------------*/
.spinner-container {
  width: 100%;
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 40px;
}
.spinner span {
  position: absolute;
  top: 15px;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  background: #202946;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spinner span:nth-child(1) {
  left: 8px;
  animation: spinner1 0.6s infinite;
}
.spinner span:nth-child(2) {
  left: 8px;
  animation: spinner2 0.6s infinite;
}
.spinner span:nth-child(3) {
  left: 32px;
  animation: spinner2 0.6s infinite;
}
.spinner span:nth-child(4) {
  left: 56px;
  animation: spinner3 0.6s infinite;
}
@keyframes spinner1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes spinner2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes spinner3 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
/*-----------------------------
    # U T I L I T Y
-----------------------------*/
/* DIVIDER
-----------------------------*/
.divider {
  width: 100%;
  height: 1px;
  margin: 2rem 0;
  display: inline-block;
}
.divider.divider--line {
  border-top: 1px solid #dddfe9;
  clear: both;
  display: block;
  height: 1px;
  width: 100%;
}
.divider.divider--dashed {
  border-top: 1px dashed #ccc;
}
.divider.divider--dotted {
  border-top: 1px dotted #ccc;
}
/* LINES
-----------------------------*/
.line {
  border-top: 1px solid #333333;
  clear: both;
  display: block;
  height: 1px;
  margin: 20px 0px;
  width: 100%;
}
.line.line--dashed {
  border-top: 1px dashed #eee;
}
.line.line--dotted {
  border-top: 1px dotted #eee;
}
.line.line--double {
  border-top: 1px double #eee;
}
/* SHADOWS
-----------------------------*/
.shadow--small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.shadow--medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.shadow--large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.1);
}
/* BORDER RADIUS
-----------------------------*/
.border--rounded {
  border-radius: 6px;
}
.border--circle {
  border-radius: 99px;
}
/*
@import "components/badge";
@import "components/avatar";
@import "components/badge";
@import "components/divider";
@import "components/flex";
@import "components/form";
@import "components/hero";
@import "components/list";
@import "components/modal";
@import "components/section";
@import "components/table";
@import "components/tab";
@import "components/text";
@import "components/utility";
@import "components/visibility";
@import "components/width";*/
.mb_YTPlayer:focus {
  outline: 0;
}
.YTPWrapper {
  display: block;
  transform: translateZ(0) translate3d(0, 0, 0);
  transform-style: preserve-3d;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
}
.mb_YTPlayer .loading {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.51);
  text-align: center;
  padding: 2px 4px;
  border-radius: 5px;
  -webkit-animation: fade 0.1s infinite alternate;
  /* Chrome, Safari, Opera */
  animation: fade 0.1s infinite alternate;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fade {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/* Standard syntax */
@keyframes fade {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.YTPFullscreen {
  display: block !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border: none !important;
  opacity: 1 !important;
  background-color: #000 !important;
  padding: 0 !important;
}
.inlinePlayButton,
.inlinePlayButtonMobile {
  font-size: 45px;
  color: #ffffff;
  text-align: center;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 80px;
  height: 80px;
  line-height: 80px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  opacity: 0.8;
  transition: all 0.4s;
  transform: scale(1.3);
}
.inlinePlayButtonMobile {
  transform: scale(1);
}
.mb_YTPlayer:hover .inlinePlayButton {
  opacity: 1;
  transform: scale(1);
}
.inlinePlayButton:hover {
  background-color: #000000;
  transform: scale(1.3) !important;
}
.mbYTP_wrapper iframe {
  max-width: 8000px !important;
}
.inline_YTPlayer {
  margin-bottom: 20px;
  vertical-align: top;
  position: relative;
  left: 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  background: rgba(0, 0, 0, 0.5);
}
.inline_YTPlayer img {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}
/*CONTROL BAR*/
.mb_YTPBar .ytpicon {
  font-size: 20px;
}
.mb_YTPBar .mb_YTPUrl.ytpicon {
  font-size: 30px;
}
.mb_YTPBar {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
  height: 10px;
  padding: 5px;
  background: #333;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: left;
  z-index: 1000;
  font: 14px/16px sans-serif;
  color: white;
  opacity: 0.1;
  box-sizing: border-box;
}
.mb_YTPBar.visible,
.mb_YTPBar:hover {
  opacity: 1;
}
.mb_YTPBar .buttonBar {
  transition: all 0.5s;
  background: transparent;
  font: 12px/14px san-serif;
  position: absolute;
  top: -30px;
  left: 0;
  padding: 5px;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
}
.mb_YTPBar:hover .buttonBar {
  background: rgba(0, 0, 0, 0.4);
}
.mb_YTPBar span {
  display: inline-block;
  font: 16px/20px sans-serif;
  position: relative;
  width: 30px;
  height: 25px;
  vertical-align: middle;
}
.mb_YTPBar span.mb_YTPTime {
  width: 130px;
}
.mb_YTPBar span.mb_YTPUrl,
.mb_YTPBar span.mb_OnlyYT {
  position: absolute;
  width: auto;
  display: block;
  top: 6px;
  right: 10px;
  cursor: pointer;
}
.mb_YTPBar span.mb_YTPUrl img {
  width: 60px;
}
.mb_YTPBar span.mb_OnlyYT {
  left: 300px;
  right: auto;
}
.mb_YTPBar span.mb_OnlyYT img {
  width: 25px;
}
.mb_YTPBar span.mb_YTPUrl a {
  color: white;
}
.mb_YTPBar .mb_YTPPlayPause,
.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img {
  cursor: pointer;
}
.mb_YTPBar .mb_YTPMuteUnmute {
  cursor: pointer;
}
/*PROGRESS BAR*/
.mb_YTPBar .mb_YTPProgress {
  height: 10px;
  width: 100%;
  background: #222;
  bottom: 0;
  left: 0;
}
.mb_YTPBar .mb_YTPLoaded {
  height: 10px;
  width: 0;
  background: #444;
  left: 0;
}
.mb_YTPBar .mb_YTPseekbar {
  height: 10px;
  width: 0;
  background: #bb110e;
  bottom: 0;
  left: 0;
  box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;
}
.mb_YTPBar .YTPOverlay {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
}
/*RASTER OVERLAY*/
.YTPOverlay.raster {
  background: url("images/raster.png");
}
.YTPOverlay.raster.retina {
  background: url("images/raster@2x.png");
}
.YTPOverlay.raster-dot {
  background: url("images/raster_dot.png");
}
.YTPOverlay.raster-dot.retina {
  background: url("images/raster_dot@2x.png");
}
/*VOLUME SLIDER*/
.mb_YTPBar .simpleSlider {
  position: relative;
  width: 100px;
  height: 10px;
  border: 1px solid #fff;
  overflow: hidden;
  box-sizing: border-box;
  margin-right: 10px;
  cursor: pointer !important;
  border-radius: 3px;
}
.mb_YTPBar.compact .simpleSlider {
  width: 40px;
}
.mb_YTPBar.compact span.mb_OnlyYT {
  left: 260px;
}
.mb_YTPBar .simpleSlider.muted {
  opacity: 0.3;
}
.mb_YTPBar .level {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  box-sizing: border-box;
}
.mb_YTPBar .level.horizontal {
  height: 100%;
  width: 0;
}
.mb_YTPBar .level.vertical {
  height: auto;
  width: 100%;
}
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos=zoom-in] {
  transform: scale(0.6);
}
[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos=zoom-out] {
  transform: scale(1.2);
}
[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}
[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
/*------------------------------------
    # VENCERUS THEME
-------------------------------------*/
body {
  overflow-x: hidden;
}
header {
  position: absolute;
  left: 0;
  top: 0;
  padding: 2rem 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 6rem;
  z-index: 99;
}
header #open-menu {
  display: none;
}
@media screen and (max-width: 960px) {
  header #open-menu {
    display: block;
    position: absolute;
    top: 1.8rem;
    right: 1.5rem;
    font-size: 24px;
    aspect-ratio: 1;
    color: #ffffff;
    padding: 5px;
    background: #c9a978;
    cursor: pointer;
  }
}
header #close-menu {
  display: none;
}
@media screen and (max-width: 960px) {
  header #close-menu {
    position: absolute;
    top: 1.9rem;
    display: block;
    right: 1rem;
    font-size: 18px;
    aspect-ratio: 1;
    color: #ffffff;
    padding: 5px;
    background: #c9a978;
    cursor: pointer;
  }
}
header .header__logo img {
  width: 220px;
}
@media screen and (max-width: 960px) {
  header .header__logo {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
  }
}
header .header__menu {
  flex: auto;
}
@media screen and (max-width: 960px) {
  header .header__menu {
    background: #fff;
    padding: 1rem 0 2rem 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  header .header__menu.is--open {
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
  }
  header .header__menu .menu {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  header .header__menu .menu .menu__pages {
    display: flex;
    flex-direction: column;
  }
  header .header__menu .menu .menu__pages a,
  header .header__menu .menu .menu__pages span {
    padding: 1rem 2rem;
    font-weight: 600;
    font-size: 18px;
  }
  header .header__menu .menu .menu__pages span {
    padding-bottom: 0;
  }
  header .header__menu .menu .menu__pages .submenu {
    padding-left: 0;
    margin-top: 1rem;
  }
  header .header__menu .menu .menu__pages .submenu li {
    list-style: none;
  }
  header .header__menu .menu .menu__pages .submenu li a {
    padding: 0.5rem 1rem;
    display: block;
    font-weight: 500;
    color: #777986;
    font-size: 16px;
  }
  header .header__menu .menu .menu__contact {
    display: flex;
    flex-direction: column;
  }
  header .header__menu .menu .menu__contact > a {
    padding: 1rem 2rem;
    font-weight: 600;
    font-size: 18px;
    color: #c9a978;
  }
  header .header__menu .menu .menu__contact .social-icons {
    padding: 1rem 2rem;
  }
  header .header__menu .menu .menu__contact .social-icons a {
    color: #c9a978;
  }
}
@media screen and (min-width: 961px) {
  header .header__menu .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .header__menu .menu icon {
    font-size: 16px;
    vertical-align: baseline;
  }
  header .header__menu .menu .menu__pages > a,
  header .header__menu .menu .menu__pages span {
    color: #ffffff;
    padding: 0.5rem 2rem;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-weight: 500;
  }
  header .header__menu .menu .menu__pages > a::before,
  header .header__menu .menu .menu__pages span::before {
    content: '';
    display: block;
    height: 2px;
    width: 0px;
    background: #c9a978;
    margin-bottom: 5px;
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  header .header__menu .menu .menu__pages > a icon,
  header .header__menu .menu .menu__pages span icon {
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  header .header__menu .menu .menu__pages > a:hover icon,
  header .header__menu .menu .menu__pages span:hover icon {
    transform: rotate(90deg);
  }
  header .header__menu .menu .menu__pages > a:hover::before,
  header .header__menu .menu .menu__pages span:hover::before {
    width: 1.75rem;
  }
  header .header__menu .menu .menu__pages > a:hover .submenu,
  header .header__menu .menu .menu__pages span:hover .submenu {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  header .header__menu .menu .submenu {
    position: absolute;
    background: #fff;
    box-shadow: 0px 6px 12px -4px rgba(0, 0, 0, 0.15);
    width: max-content;
    left: 0;
    top: 100%;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px);
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  header .header__menu .menu .submenu li {
    list-style: none;
  }
  header .header__menu .menu .submenu li a {
    color: #212121;
    padding: 0.75rem 1.25rem;
    display: block;
    border-left: 5px solid transparent;
    text-decoration: none;
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transform: translate(-5px, 0);
    -moz-transform: translate(-5px, 0);
    -ms-transform: translate(-5px, 0);
    -o-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
  }
  header .header__menu .menu .submenu li a:hover {
    border-left-color: #c9a978;
    color: #c9a978;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  header .header__menu .menu .menu__contact {
    display: flex;
    align-items: center;
    gap: 3rem;
  }
  header .header__menu .menu .menu__contact a {
    color: #ffffff;
    padding: 0.5rem 0.25rem;
    text-decoration: none;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  header .header__menu .menu__contact {
    display: none !important;
  }
}
#home {
  position: relative;
  height: 100vh;
  min-height: 900px;
}
#home #video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  min-height: 900px;
  background-color: #202946;
}
#home .container {
  z-index: 1;
}
@media screen and (min-width: 961px) {
  #home .main-video__content {
    border-left: 8px solid #c9a978;
    padding-left: 3rem;
    margin-left: -3rem;
    width: 50%;
  }
}
#home .home__scroll-icon {
  text-align: center;
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 4rem;
  text-decoration: none;
  z-index: 2;
  animation-name: jump;
  animation-timing-function: ease-in-out;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#home .home__scroll-icon icon {
  font-size: 54px;
  color: #c9a978;
}
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
#home h1 {
  font-size: 3rem;
  color: #ffffff;
  line-height: 1.3;
}
#home .button {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 1.15rem;
  padding: 1rem 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#home .button icon {
  font-size: 1.5rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#home .button:hover {
  color: #c9a978;
}
#home .button:hover icon {
  margin-left: 5px;
  color: #c9a978;
}
.services {
  display: grid;
  grid-template-columns: 4fr 2fr;
  gap: 4rem;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .services {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
  }
}
.services .services__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: url("../img/services_bg.jpg");
}
@media screen and (max-width: 960px) {
  .services .services__grid {
    grid-template-columns: auto auto;
    width: 100%;
    background-size: cover;
  }
}
.services .services__grid .service {
  background-color: rgba(32, 41, 70, 0.8);
  aspect-ratio: 1/1;
  position: relative;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  overflow: hidden;
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: end;
  padding-bottom: 1rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .services .services__grid .service {
    padding-top: 30%;
    aspect-ratio: auto;
  }
}
.services .services__grid .service img {
  max-width: 50px;
  margin-left: 1.25rem;
  margin-bottom: 0.75rem;
  opacity: 0;
  -webkit-transform: translate(2rem, 0);
  -moz-transform: translate(2rem, 0);
  -ms-transform: translate(2rem, 0);
  -o-transform: translate(2rem, 0);
  transform: translate(2rem, 0);
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .services .services__grid .service img {
    margin-left: -5px;
    max-width: 40px;
    opacity: 1;
  }
}
@media screen and (min-width: 961px) {
  .services .services__grid .service:nth-child(3n+3) {
    border-right: 0;
  }
}
@media screen and (max-width: 960px) {
  .services .services__grid .service:nth-child(even) {
    margin-right: -1rem;
  }
}
.services .services__grid .service figure {
  color: #fff;
  display: table-caption;
  width: min-content;
  border-left: 4px solid #c9a978;
  padding-left: 1.25rem;
  font-weight: 600;
  font-size: 18px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .services .services__grid .service figure {
    font-size: 16px;
    min-height: 48px;
  }
}
@media screen and (min-width: 961px) {
  .services .services__grid .service:hover {
    background-color: rgba(201, 169, 120, 0.9);
    text-decoration: none;
  }
  .services .services__grid .service:hover figure {
    margin-left: -5px;
  }
  .services .services__grid .service:hover img {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
.services .services__info h2 {
  margin-bottom: 2rem;
}
@media screen and (max-width: 960px) {
  .services .services__info h2 {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 961px) {
  .home-about {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 4rem;
    align-items: center;
  }
}
.home-about .home-about__text h2 {
  border-left: 6px solid #c9a978;
  line-height: 0.8;
  margin-left: -2.4rem;
  padding-left: 2rem;
  margin-bottom: 2rem;
}
.home-about .home-about__text p {
  color: #fff;
}
@media screen and (max-width: 960px) {
  .home-about .home-about__text {
    margin-bottom: 1rem;
  }
}
.home-about .video__thumb {
  border: 3px solid #c9a978;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 16px 16px -8px rgba(0, 0, 0, 0.5);
}
.home-about .video__thumb icon {
  position: absolute;
  background: #fff;
  aspect-ratio: 1;
  padding: 15px;
  border-radius: 30px;
  text-align: center;
  box-shadow: 0px 4px 12px -2px #000000;
  z-index: 90;
  animation-name: pulse;
  animation-timing-function: ease-in-out;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.home-about .video__thumb img {
  opacity: 0.7;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.home-about .video__thumb:hover img {
  opacity: 0.5;
}
.home-about .video__thumb:hover icon {
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
@media screen and (min-width: 961px) {
  #why_choose_us {
    padding-top: 8rem;
    background: url('../img/why_choose_us_bg.jpg') no-repeat center 20%;
  }
}
@media screen and (max-width: 960px) {
  #why_choose_us {
    background-color: #f5f5f5;
  }
}
#why_choose_us .reasons {
  margin: 2rem 0;
}
#why_choose_us .reasons figure {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  align-items: start;
}
@media screen and (min-width: 961px) {
  #why_choose_us .reasons figure {
    width: 40%;
    align-items: center;
  }
}
#why_choose_us .reasons figure icon {
  background: #c9a978;
  color: #fff;
  padding: 10px;
  aspect-ratio: 1;
}
@media screen and (max-width: 960px) {
  #why_choose_us .reasons figure icon {
    padding: 5px;
    margin-top: 5px;
  }
}
#why_choose_us .reasons figure p {
  margin-bottom: 0;
}
#team .members {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3rem;
  margin: 2rem 0 4rem 0;
}
@media screen and (max-width: 960px) {
  #team .members {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
  }
}
#team .members.members--partners {
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 960px) {
  #team .members.members--partners {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
@media screen and (max-width: 960px) {
  #team .members.members--partners .member figcaption {
    right: 1rem;
    padding: 0.5rem 1rem;
    position: absolute;
    top: auto;
  }
}
#team .members .member {
  position: relative;
}
#team .members .member figcaption {
  background: #fff;
  position: absolute;
  bottom: -2rem;
  padding: 1.5rem;
  text-align: right;
  margin: auto;
  width: 80%;
  left: 0;
  right: 0;
  text-align: center;
}
@media screen and (max-width: 960px) {
  #team .members .member figcaption {
    bottom: -1rem;
    padding: 0.5rem;
    width: 100%;
    position: relative;
    top: 0;
  }
}
#team .members .member figcaption .member__name {
  color: #202946;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 960px) {
  #team .members .member figcaption .member__name {
    font-size: 14px;
  }
}
#team .members .member figcaption .member__job {
  color: #c9a978;
  font-weight: 100;
}
@media screen and (max-width: 960px) {
  #team .members .member figcaption .member__job {
    font-size: 14px;
  }
}
#contact > .container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  #contact > .container {
    position: relative;
  }
}
#contact .contact__form {
  max-width: 480px;
  padding: 3rem 2rem;
  background: #fff;
  margin-top: -3rem;
  pointer-events: auto;
}
@media screen and (max-width: 960px) {
  #contact .contact__form {
    padding: 3rem 0;
    margin-top: 1rem;
  }
}
#contact .contact__map iframe {
  width: 100%;
  display: block;
}
#contact .contact__info {
  background: #212121;
  color: #fff;
  padding: 4rem 0 2rem 0;
}
@media screen and (max-width: 960px) {
  #contact .contact__info {
    padding-bottom: 0 !important;
  }
}
#contact .contact__info .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
@media screen and (max-width: 960px) {
  #contact .contact__info .container {
    flex-direction: column;
    gap: 2rem;
    text-align: center;
  }
}
#contact .contact__info.contact__info--home {
  padding: 1rem 0 2rem 0;
}
#contact .contact__info.contact__info--home .container {
  justify-content: end;
  padding: 2rem 0 4rem 0;
}
@media screen and (max-width: 960px) {
  #contact .contact__info.contact__info--home .container {
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    gap: 2rem;
    text-align: center;
  }
}
#contact .contact__info .contact__item span {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  color: #c9a978;
}
#contact .contact__info .contact__item span icon {
  font-size: 16px;
  vertical-align: baseline;
  margin-right: 5px;
}
#contact .contact__info .contact__item a {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}
#contact .contact__info .contact__item .social-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}
#contact .contact__info .contact__item .social-icons:hover {
  color: #c9a978;
}
#contact .contact__info .contact__item .social-icons .icon--linkedin {
  margin: 0 4px;
}
footer .section {
  padding-top: 1rem;
}
footer .footer__menu {
  border-top: 1px solid #404252;
  padding: 4rem 0;
}
@media screen and (max-width: 960px) {
  footer .footer__menu {
    text-align: center;
  }
  footer .footer__menu .row {
    gap: 2rem;
  }
  footer .footer__menu h5 {
    color: #c9a978 !important;
  }
}
footer .footer__menu .footer__logo {
  width: 140px;
}
footer .footer__menu a {
  color: #fff;
  font-size: 14px;
  line-height: 2;
}
footer .footer__menu p {
  line-height: 1.5;
}
footer .footer__menu h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 0.5rem;
}
footer .footer__menu p {
  color: #fff;
  font-size: 14px;
}
footer .footer__menu .link span {
  color: #c9a978;
}
footer .footer__menu .social-icons a {
  color: #c9a978;
  text-decoration: none;
}
footer .footer__menu .social-icons a:hover {
  color: #fff;
}
footer .footer__menu .social-icons .icon--linkedin {
  margin: 0 4px;
}
footer .footer__disclaymer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  border-top: 1px solid #404252;
  padding: 2rem 0 4rem 0;
}
@media screen and (max-width: 960px) {
  footer .footer__disclaymer {
    display: block;
    text-align: center;
  }
}
footer .footer__disclaymer p,
footer .footer__disclaymer a {
  color: #fff;
  font-size: 14px;
}
#page-header {
  background-color: #202946;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  background-size: cover;
}
#page-header.derecho-familiar {
  background: url('../img/derecho_familiar_header.jpg') no-repeat center;
}
#page-header.derecho-civil {
  background: url('../img/derecho_civil_header.jpg') no-repeat center;
}
#page-header.derecho-mercantil {
  background: url('../img/derecho_mercantil_header.jpg') no-repeat center;
}
#page-header.derecho-penal {
  background: url('../img/derecho_penal_header.jpg') no-repeat center;
}
#page-header.derecho-laboral {
  background: url('../img/derecho_laboral_header.jpg') no-repeat center;
}
#page-header.derechos-humanos {
  background: url('../img/derechos_humanos_header.jpg') no-repeat center;
}
#page-header.amparo {
  background: url('../img/amparo_header.jpg') no-repeat center;
}
#page-header .container {
  padding-top: 5rem;
}
#page-header .page-header__title {
  border-left: 8px solid #c9a978;
  padding-left: 3rem;
  color: #fff;
}
@media screen and (max-width: 960px) {
  #page-header .page-header__title {
    padding-left: 2rem;
    margin-left: -2rem;
  }
}
#page-header .page-header__title h1 {
  line-height: 1.3;
}
@media screen and (max-width: 960px) {
  #page-header .page-header__title h1 {
    font-size: 3.4rem;
    line-height: 1.2;
  }
}
.service-detail {
  margin-bottom: 5rem;
}
@media screen and (max-width: 960px) {
  .service-detail {
    margin-bottom: 2rem;
  }
}
.service-detail:after {
  content: '';
  height: 100%;
  width: 2px;
  background: #c9a978;
  display: block;
  position: absolute;
  top: 0;
  left: 20%;
  z-index: 0;
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .service-detail:after {
    left: 15%;
  }
}
@media screen and (max-width: 960px) {
  .service-detail:after {
    display: none;
  }
}
.service-detail .service-detail__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .service-detail .service-detail__header {
    display: block;
  }
}
.service-detail .service-detail__header .service-detail__description {
  max-width: 600px;
  padding: 4rem;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .service-detail .service-detail__header .service-detail__description {
    padding: 0 2rem;
    margin-top: -1.6rem;
  }
}
.service-detail .service-detail__header .service-detail__description h3 {
  color: #c9a978;
  margin: 1rem 0;
}
.service-detail .service-detail__header .service-detail__description .service-detail__icon {
  width: 7em;
  background: #c9a978;
  text-align: right;
  margin-left: -4rem;
  z-index: 3;
  color: #fff;
  padding: 0.5rem;
}
.service-detail .service-detail__header .service-detail__description .service-detail__icon img {
  width: 40px;
}
.service-detail .service-detail__header .service-detail__cover {
  z-index: 1;
  margin-top: -3rem;
  margin-bottom: 3rem;
  z-index: 4;
}
@media screen and (max-width: 960px) {
  .service-detail .service-detail__header .service-detail__cover {
    margin-bottom: 0;
  }
}
.service-detail .service-detail__header .service-detail__bg {
  background: #f5f5f5;
  width: 78%;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 0;
}
@media screen and (max-width: 960px) {
  .service-detail .service-detail__header .service-detail__bg {
    display: none;
  }
}
.service-detail .service-detail__body {
  padding-top: 3rem;
}
@media screen and (max-width: 960px) {
  .service-detail .service-detail__body {
    padding-top: 1rem;
  }
}
.service-detail .service-detail__body .container {
  padding-left: 16rem;
}
@media screen and (max-width: 960px) {
  .service-detail .service-detail__body .container {
    padding: 0 2rem;
  }
}
.service-detail .service-detail__body .container .card {
  margin-bottom: 0;
  padding: 3rem;
}
@media screen and (max-width: 960px) {
  .service-detail .service-detail__body .container .card {
    padding: 1.5rem;
  }
}
.service-detail .service-detail__body .service-detail__info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width: 960px) {
  .service-detail .service-detail__body .service-detail__info {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start;
  }
}
.service-detail .service-detail__body .service-detail__info .list {
  margin-bottom: 0;
}
.service-detail .service-detail__body .service-detail__info .list li {
  font-weight: bold;
}
.section--light .service {
  border-right-color: #f5f5f5 !important;
  border-bottom-color: #f5f5f5 !important;
}
#email_response {
  text-align: center;
}
#email_response .icon--success {
  color: #1abc9c;
  font-size: 48px;
  margin: 1rem 0;
  display: block;
}
#email_response .icon--danger {
  color: #ff4550;
  font-size: 48px;
  margin: 1rem 0;
  display: block;
}